diff --git a/.storybook/tsconfig.json b/.storybook/tsconfig.json index e91eb721985..5162c7ed446 100644 --- a/.storybook/tsconfig.json +++ b/.storybook/tsconfig.json @@ -1,6 +1,7 @@ { "extends": "../tsconfig.json", "compilerOptions": { + "emitDeclarationOnly": false, "noImplicitAny": false, "noUnusedLocals": false, "declaration": false diff --git a/.vscode/settings.json b/.vscode/settings.json index b4fe088f973..be21f5a5b1f 100644 --- a/.vscode/settings.json +++ b/.vscode/settings.json @@ -4,6 +4,7 @@ "packages/*/src/spectrum-vars.json": true, "**/*.js.map": true, "**/*.js": { "when": "$(basename).ts" }, + "**/*.dev.js": { "when": "$(basename).js" }, "**/*.d.ts": { "when": "$(basename).ts" }, "**/*.test-vrt.ts": true } diff --git a/global.d.ts b/global.d.ts deleted file mode 100644 index 48b68fbe75b..00000000000 --- a/global.d.ts +++ /dev/null @@ -1 +0,0 @@ -declare module '@open-wc/demoing-storybook'; diff --git a/package.json b/package.json index b25b8bfdc4f..c11b344efb6 100644 --- a/package.json +++ b/package.json @@ -11,18 +11,16 @@ "scripts": { "analyze": "lit-analyzer \"packages/*/src/**/!(*.css).ts\"", "analyze:quick": "lit-analyzer \"packages/*/src/!(*.css).ts\"", - "build": "node test/visual/create.js && yarn build:css && yarn build:ts", + "build": "node test/visual/create.js && yarn build:css && run-p esbuild:ts build:ts", "build:clean": "yarn build:ts:clean && yarn build", "build:clear-cache": "rimraf packages/*/tsconfig.tsbuildinfo && rimraf tools/*/tsconfig.tsbuildinfo", - "build:compare": "tsc --build projects/vrt-compare/tsconfig.json", "build:component-inventory": "node ./tasks/build-component-inventory.js", "build:confirm": "lerna exec --ignore \"{@spectrum-web-components/{base,bundle,close-button,clear-button,icons-ui,icons-workflow,iconset,modal,shared,styles},documentation,example-project-rollup,example-project-webpack,swc-templates}\" -- test -f src/index.js", "build:css": "node ./tasks/build-css.js && pretty-quick --fix --pattern \"packages/**/*.css\"", - "build:decorator": "tsc --build projects/story-decorator/tsconfig.json", "build:tests": "tsc --build test/tsconfig.json && tsc --build test/tsconfig-node.json", "build:ts": "yarn tsc --build tsconfig-all.json", "build:ts:clean": "yarn build:ts --clean", - "build:watch": "yarn build:ts --watch", + "build:watch": "yarn esbuild:watch", "custom-element-json": "lerna exec --ignore \"{@spectrum-web-components/{base,bundle,modal,iconset,shared,styles},documentation,example-project-rollup,example-project-webpack,swc-templates}\" -- cem analyze --config ../../custom-elements-manifest.config.js", "docs:analyze": "cem analyze --globs \"packages/**/*.ts\" --exclude \"**/*.d.ts\" --exclude \"**/stories/**\" --exclude \"**/icons/**\" --exclude \"**/elements/**\" --outdir projects/documentation --litelement", "docs:build": "yarn workspace documentation build", @@ -32,6 +30,8 @@ "docs:review": "alex packages/**/*.md", "docs:start": "yarn docs:analyze && run-p watch:css build:watch docs:watch", "docs:watch": "yarn workspace documentation watch", + "esbuild:ts": "node ./tasks/esbuild-packages.js", + "esbuild:watch": "node ./tasks/watch-packages.js", "find": "test -f custom-elements.json", "get-ready": "yarn build:clear-cache && run-p process-icons process-spectrum && yarn build:clean", "icons": "node ./scripts/process-icons.js && pretty-quick --pattern \"packages/**/*.svg.ts\" && eslint -f pretty --fix \"packages/**/*.svg.ts\"", @@ -62,12 +62,12 @@ "process-spectrum": "run-s spectrum-vars spectrum-css", "spectrum-css": "node ./scripts/process-spectrum-css.js", "spectrum-vars": "node ./scripts/spectrum-vars.js", - "storybook": "yarn build:ts && yarn build:css && run-p storybook:start watch:css build:watch", + "storybook": "yarn build:css && run-p storybook:start watch:css build:watch", "storybook:build": "build-storybook -o projects/documentation/dist/storybook", "storybook:start": "web-dev-server --config wds-storybook.config.js", "test": "yarn test:focus unit", "test:bench": "node test/benchmark/cli.cjs", - "test:build": "tsc --build test/tsconfig-plugins.json && tsc --build test/tsconfig-test.json", + "test:build": "yarn esbuild:ts", "test:changed": "node ./tasks/test-changes.js", "test:ci": "yarn test:start", "test:focus": "yarn build && yarn test:ci --coverage --group", @@ -78,7 +78,7 @@ "test:visual:clean:baseline": "rimraf test/visual/screenshots-baseline", "test:visual:clean:current": "rimraf test/visual/screenshots-current", "test:watch": "yarn test:watch:focus unit", - "test:watch:focus": "yarn test:build && run-p watch:css \"test:build -w\" \"test:start --watch --group {1}\" --", + "test:watch:focus": "yarn test:build && run-p watch:css build:watch \"test:start --watch --group {1}\" --", "update:spectrum-css": "node ./scripts/update-spectrum-css.js || yarn update:spectrum-css:cleanup", "update:spectrum-css:cleanup": "yarn lint:packagejson && yarn --ignore-scripts && yarn process-spectrum", "vrt:quick-link": "yarn netlify deploy --alias=vrt --dir=projects/vrt-quick-link", @@ -129,6 +129,7 @@ "custom-elements-manifest": "^1.0.0", "debounce": "^1.2.1", "deepmerge": "^4.2.2", + "esbuild": "^0.14.25", "eslint": "^8.2.0", "eslint-config-prettier": "^8.3.0", "eslint-formatter-pretty": "^4.1.0", diff --git a/packages/accordion/exports.json b/packages/accordion/exports.json new file mode 100644 index 00000000000..8927bcf28ad --- /dev/null +++ b/packages/accordion/exports.json @@ -0,0 +1,7 @@ +{ + ".": "./src/index.js", + "./src/*.js": "./src/*.js", + "./package.json": "./package.json", + "./sp-accordion.js": "./sp-accordion.js", + "./sp-accordion-item.js": "./sp-accordion-item.js" +} diff --git a/packages/accordion/package.json b/packages/accordion/package.json index f3dc35aa2a5..2118a96039e 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -20,13 +20,33 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-accordion": "./sp-accordion.js", - "./sp-accordion.js": "./sp-accordion.js", - "./sp-accordion-item": "./sp-accordion-item.js", - "./sp-accordion-item.js": "./sp-accordion-item.js" + "./src/Accordion.js": { + "development": "./src/Accordion.dev.js", + "default": "./src/Accordion.js" + }, + "./src/AccordionItem.js": { + "development": "./src/AccordionItem.dev.js", + "default": "./src/AccordionItem.js" + }, + "./src/accordion-item.css.js": "./src/accordion-item.css.js", + "./src/accordion.css.js": "./src/accordion.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-accordion.js": { + "development": "./sp-accordion.dev.js", + "default": "./sp-accordion.js" + }, + "./sp-accordion-item.js": { + "development": "./sp-accordion-item.dev.js", + "default": "./sp-accordion-item.js" + } }, "scripts": { "test": "karma start --coverage" diff --git a/packages/accordion/stories/accordion.stories.ts b/packages/accordion/stories/accordion.stories.ts index e69c8b32ef0..ea86384fd79 100644 --- a/packages/accordion/stories/accordion.stories.ts +++ b/packages/accordion/stories/accordion.stories.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-accordion.js'; -import '../sp-accordion-item.js'; +import '@spectrum-web-components/accordion/sp-accordion.js'; +import '@spectrum-web-components/accordion/sp-accordion-item.js'; import '@spectrum-web-components/link/sp-link.js'; export default { diff --git a/packages/accordion/test/accordion-item.test.ts b/packages/accordion/test/accordion-item.test.ts index 1674f8ebca1..0b533f91c3e 100644 --- a/packages/accordion/test/accordion-item.test.ts +++ b/packages/accordion/test/accordion-item.test.ts @@ -13,8 +13,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; import { spy } from 'sinon'; -import '../sp-accordion-item.js'; -import { AccordionItem } from '../src/AccordionItem'; +import '@spectrum-web-components/accordion/sp-accordion-item.js'; +import { AccordionItem } from '@spectrum-web-components/accordion/src/AccordionItem.js'; import { sendKeys } from '@web/test-runner-commands'; describe('Accordion Item', () => { diff --git a/packages/accordion/test/accordion.test.ts b/packages/accordion/test/accordion.test.ts index 6915ca50b5a..549dff5b60c 100644 --- a/packages/accordion/test/accordion.test.ts +++ b/packages/accordion/test/accordion.test.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-accordion.js'; +import '@spectrum-web-components/accordion/sp-accordion.js'; import { Default } from '../stories/accordion.stories.js'; import { Accordion, AccordionItem } from '@spectrum-web-components/accordion'; import { sendKeys } from '@web/test-runner-commands'; diff --git a/packages/action-bar/exports.json b/packages/action-bar/exports.json new file mode 100644 index 00000000000..a5542ca200d --- /dev/null +++ b/packages/action-bar/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-action-bar.js": "./sp-action-bar.js" +} diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json index 238e16c60bc..7aaf9659056 100644 --- a/packages/action-bar/package.json +++ b/packages/action-bar/package.json @@ -20,11 +20,24 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-action-bar": "./sp-action-bar.js", - "./sp-action-bar.js": "./sp-action-bar.js" + "./src/ActionBar.js": { + "development": "./src/ActionBar.dev.js", + "default": "./src/ActionBar.js" + }, + "./src/action-bar.css.js": "./src/action-bar.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-action-bar.js": { + "development": "./sp-action-bar.dev.js", + "default": "./sp-action-bar.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/action-bar/stories/action-bar.stories.ts b/packages/action-bar/stories/action-bar.stories.ts index d07c8d85342..d0eaf9c4d51 100644 --- a/packages/action-bar/stories/action-bar.stories.ts +++ b/packages/action-bar/stories/action-bar.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-action-bar.js'; +import '@spectrum-web-components/action-bar/sp-action-bar.js'; import '@spectrum-web-components/checkbox/sp-checkbox.js'; import '@spectrum-web-components/action-button/sp-action-button.js'; import '@spectrum-web-components/action-group/sp-action-group.js'; diff --git a/packages/action-bar/test/action-bar.test.ts b/packages/action-bar/test/action-bar.test.ts index 9d616590958..5a7cb9856f3 100644 --- a/packages/action-bar/test/action-bar.test.ts +++ b/packages/action-bar/test/action-bar.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-action-bar.js'; -import { ActionBar } from '..'; +import '@spectrum-web-components/action-bar/sp-action-bar.js'; +import { ActionBar } from '@spectrum-web-components/action-bar'; import { Default } from '../stories/action-bar.stories.js'; describe('ActionBar', () => { diff --git a/packages/action-button/exports.json b/packages/action-button/exports.json new file mode 100644 index 00000000000..cf0157ba101 --- /dev/null +++ b/packages/action-button/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-action-button.js": "./sp-action-button.js" +} diff --git a/packages/action-button/package.json b/packages/action-button/package.json index 2866d6a2d89..000d4599896 100644 --- a/packages/action-button/package.json +++ b/packages/action-button/package.json @@ -20,11 +20,24 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-action-button": "./sp-action-button.js", - "./sp-action-button.js": "./sp-action-button.js" + "./src/ActionButton.js": { + "development": "./src/ActionButton.dev.js", + "default": "./src/ActionButton.js" + }, + "./src/action-button.css.js": "./src/action-button.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-action-button.js": { + "development": "./sp-action-button.dev.js", + "default": "./sp-action-button.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/action-button/stories/index.ts b/packages/action-button/stories/index.ts index 9921ac8233a..fe5b272b222 100644 --- a/packages/action-button/stories/index.ts +++ b/packages/action-button/stories/index.ts @@ -16,8 +16,7 @@ import '@spectrum-web-components/action-group/sp-action-group.js'; import '@spectrum-web-components/icon/sp-icon.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-edit.js'; -import '../src'; -import '../sp-action-button.js'; +import '@spectrum-web-components/action-button/sp-action-button.js'; export interface Properties { active?: boolean; diff --git a/packages/action-button/test/action-button.test.ts b/packages/action-button/test/action-button.test.ts index 54f748b47e7..3fca7a5afde 100644 --- a/packages/action-button/test/action-button.test.ts +++ b/packages/action-button/test/action-button.test.ts @@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -import '../sp-action-button.js'; -import { ActionButton } from '../'; +import '@spectrum-web-components/action-button/sp-action-button.js'; +import { ActionButton } from '@spectrum-web-components/action-button'; import { elementUpdated, expect, diff --git a/packages/action-group/exports.json b/packages/action-group/exports.json new file mode 100644 index 00000000000..ff5c6836a7e --- /dev/null +++ b/packages/action-group/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-action-group.js": "./sp-action-group.js" +} diff --git a/packages/action-group/package.json b/packages/action-group/package.json index 2df834c75b0..b855109c73d 100644 --- a/packages/action-group/package.json +++ b/packages/action-group/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-action-group": "./sp-action-group.js", - "./sp-action-group.js": "./sp-action-group.js" + "./src/ActionGroup.js": { + "development": "./src/ActionGroup.dev.js", + "default": "./src/ActionGroup.js" + }, + "./src/action-group.css.js": "./src/action-group.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-action-group.js": { + "development": "./sp-action-group.dev.js", + "default": "./sp-action-group.js" + } }, "scripts": { "test": "karma start --coverage" diff --git a/packages/action-group/stories/action-group-tooltip.stories.ts b/packages/action-group/stories/action-group-tooltip.stories.ts index e990f95e522..522428e10cf 100644 --- a/packages/action-group/stories/action-group-tooltip.stories.ts +++ b/packages/action-group/stories/action-group-tooltip.stories.ts @@ -13,14 +13,14 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; import { spreadProps } from '../../../test/lit-helpers.js'; -import '../sp-action-group.js'; +import '@spectrum-web-components/action-group/sp-action-group.js'; import '@spectrum-web-components/action-button/sp-action-button.js'; import '@spectrum-web-components/overlay/overlay-trigger.js'; import '@spectrum-web-components/tooltip/sp-tooltip.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-properties.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-info.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-view-all-tags.js'; -import { ActionGroup } from '../src/ActionGroup.js'; +import { ActionGroup } from '@spectrum-web-components/action-group/src/ActionGroup.js'; export default { title: 'Action Group/Tooltips', diff --git a/packages/action-group/stories/action-group.stories.ts b/packages/action-group/stories/action-group.stories.ts index ccbc144f36a..5ad5f7726a5 100644 --- a/packages/action-group/stories/action-group.stories.ts +++ b/packages/action-group/stories/action-group.stories.ts @@ -13,14 +13,14 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; import { spreadProps } from '../../../test/lit-helpers.js'; -import '../sp-action-group.js'; +import '@spectrum-web-components/action-group/sp-action-group.js'; import '@spectrum-web-components/action-button/sp-action-button.js'; import '@spectrum-web-components/overlay/overlay-trigger.js'; import '@spectrum-web-components/tooltip/sp-tooltip.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-properties.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-info.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-view-all-tags.js'; -import { ActionGroup } from '../src/ActionGroup.js'; +import { ActionGroup } from '@spectrum-web-components/action-group/src/ActionGroup.js'; export default { title: 'Action Group', diff --git a/packages/action-group/test/action-group.test.ts b/packages/action-group/test/action-group.test.ts index 052123b4fba..56901691015 100644 --- a/packages/action-group/test/action-group.test.ts +++ b/packages/action-group/test/action-group.test.ts @@ -23,7 +23,7 @@ import '@spectrum-web-components/action-button/sp-action-button.js'; import { LitElement, TemplateResult } from '@spectrum-web-components/base'; import '@spectrum-web-components/overlay/overlay-trigger.js'; import '@spectrum-web-components/tooltip/sp-tooltip.js'; -import { ActionGroup } from '..'; +import { ActionGroup } from '@spectrum-web-components/action-group'; import { arrowDownEvent, arrowLeftEvent, @@ -33,7 +33,7 @@ import { homeEvent, } from '../../../test/testing-helpers'; import { sendKeys } from '@web/test-runner-commands'; -import '../sp-action-group.js'; +import '@spectrum-web-components/action-group/sp-action-group.js'; class QuietActionGroup extends LitElement { protected render(): TemplateResult { diff --git a/packages/action-menu/exports.json b/packages/action-menu/exports.json new file mode 100644 index 00000000000..7c2a3064d7e --- /dev/null +++ b/packages/action-menu/exports.json @@ -0,0 +1,5 @@ +{ + "./src/*": "./src/*", + "./sp-action-menu.js": "./sp-action-menu.js", + "./sync/sp-action-menu.js": "./sync/sp-action-menu.js" +} diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json index 58117355e4a..0e9a27aca37 100644 --- a/packages/action-menu/package.json +++ b/packages/action-menu/package.json @@ -20,13 +20,28 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-action-menu": "./sp-action-menu.js", - "./sp-action-menu.js": "./sp-action-menu.js", - "./sync/sp-action-menu": "./sync/sp-action-menu.js", - "./sync/sp-action-menu.js": "./sync/sp-action-menu.js" + "./src/ActionMenu.js": { + "development": "./src/ActionMenu.dev.js", + "default": "./src/ActionMenu.js" + }, + "./src/action-menu.css.js": "./src/action-menu.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-action-menu.js": { + "development": "./sp-action-menu.dev.js", + "default": "./sp-action-menu.js" + }, + "./sync/sp-action-menu.js": { + "development": "./sync/sp-action-menu.dev.js", + "default": "./sync/sp-action-menu.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/action-menu/stories/index.ts b/packages/action-menu/stories/index.ts index a7c3a3c9b1b..999a88aec54 100644 --- a/packages/action-menu/stories/index.ts +++ b/packages/action-menu/stories/index.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-action-menu.js'; +import '@spectrum-web-components/action-menu/sp-action-menu.js'; import '@spectrum-web-components/icon/sp-icon.js'; import '@spectrum-web-components/menu/sp-menu-divider.js'; import '@spectrum-web-components/menu/sp-menu-item.js'; diff --git a/packages/asset/exports.json b/packages/asset/exports.json new file mode 100644 index 00000000000..61f35e073c9 --- /dev/null +++ b/packages/asset/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-asset.js": "./sp-asset.js" +} diff --git a/packages/asset/package.json b/packages/asset/package.json index 90459acbc48..9cce3f5149b 100644 --- a/packages/asset/package.json +++ b/packages/asset/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-asset": "./sp-asset.js", - "./sp-asset.js": "./sp-asset.js" + "./src/Asset.js": { + "development": "./src/Asset.dev.js", + "default": "./src/Asset.js" + }, + "./src/asset.css.js": "./src/asset.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-asset.js": { + "development": "./sp-asset.dev.js", + "default": "./sp-asset.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/asset/stories/asset.stories.ts b/packages/asset/stories/asset.stories.ts index a3e65883def..e16e0e96135 100644 --- a/packages/asset/stories/asset.stories.ts +++ b/packages/asset/stories/asset.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-asset.js'; +import '@spectrum-web-components/asset/sp-asset.js'; import { portrait } from '../../card/stories/images'; export default { diff --git a/packages/asset/test/asset.test.ts b/packages/asset/test/asset.test.ts index 5c838860d78..0cb72810fc6 100644 --- a/packages/asset/test/asset.test.ts +++ b/packages/asset/test/asset.test.ts @@ -12,8 +12,7 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture } from '@open-wc/testing'; -import '..'; -import { Asset } from '..'; +import { Asset } from '@spectrum-web-components/asset'; import { Default, File, Folder } from '../stories/asset.stories.js'; describe('Asset', () => { diff --git a/packages/avatar/exports.json b/packages/avatar/exports.json new file mode 100644 index 00000000000..fa078de12e1 --- /dev/null +++ b/packages/avatar/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-avatar.js": "./sp-avatar.js" +} diff --git a/packages/avatar/package.json b/packages/avatar/package.json index a0ee5765059..e3f28475f3f 100644 --- a/packages/avatar/package.json +++ b/packages/avatar/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-avatar": "./sp-avatar.js", - "./sp-avatar.js": "./sp-avatar.js" + "./src/Avatar.js": { + "development": "./src/Avatar.dev.js", + "default": "./src/Avatar.js" + }, + "./src/avatar.css.js": "./src/avatar.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-avatar.js": { + "development": "./sp-avatar.dev.js", + "default": "./sp-avatar.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/avatar/stories/avatar.stories.ts b/packages/avatar/stories/avatar.stories.ts index 6be0e8ab784..cc545242a99 100644 --- a/packages/avatar/stories/avatar.stories.ts +++ b/packages/avatar/stories/avatar.stories.ts @@ -11,8 +11,8 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-avatar.js'; -import { AvatarSize } from '..'; +import '@spectrum-web-components/avatar/sp-avatar.js'; +import { AvatarSize } from '@spectrum-web-components/avatar'; import { avatar } from './images'; export default { diff --git a/packages/banner/exports.json b/packages/banner/exports.json new file mode 100644 index 00000000000..94ec56a8d3f --- /dev/null +++ b/packages/banner/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-banner.js": "./sp-banner.js" +} diff --git a/packages/banner/package.json b/packages/banner/package.json index c4ef9d88b15..a704a28d32b 100644 --- a/packages/banner/package.json +++ b/packages/banner/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-banner": "./sp-banner.js", - "./sp-banner.js": "./sp-banner.js" + "./src/Banner.js": { + "development": "./src/Banner.dev.js", + "default": "./src/Banner.js" + }, + "./src/banner.css.js": "./src/banner.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-banner.js": { + "development": "./sp-banner.dev.js", + "default": "./sp-banner.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/banner/stories/banner.stories.ts b/packages/banner/stories/banner.stories.ts index fea85c83057..dcc4b51ef91 100644 --- a/packages/banner/stories/banner.stories.ts +++ b/packages/banner/stories/banner.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { spreadProps } from '../../../test/lit-helpers.js'; import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-banner.js'; +import '@spectrum-web-components/banner/sp-banner.js'; export default { component: 'sp-banner', diff --git a/packages/banner/test/banner.test.ts b/packages/banner/test/banner.test.ts index fc6e7208730..61e814f27ad 100644 --- a/packages/banner/test/banner.test.ts +++ b/packages/banner/test/banner.test.ts @@ -8,8 +8,8 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import '../sp-banner.js'; -import { Banner } from '../'; +import '@spectrum-web-components/banner/sp-banner.js'; +import { Banner } from '@spectrum-web-components/banner'; import { expect, fixture, html } from '@open-wc/testing'; describe('banner', () => { diff --git a/packages/base/exports.json b/packages/base/exports.json new file mode 100644 index 00000000000..0cf11de16e9 --- /dev/null +++ b/packages/base/exports.json @@ -0,0 +1,8 @@ +{ + "./src/*": "./src/*", + "./condition-attribute-with-id.js": "./src/condition-attribute-with-id.js", + "./decorators.js": "./src/decorators.js", + "./directives.js": "./src/directives.js", + "./html.js": "./src/html.js", + "./streaming-listener.js": "./src/streaming-listener.js" +} diff --git a/packages/base/package.json b/packages/base/package.json index 446fe2fcd7a..f244041a329 100644 --- a/packages/base/package.json +++ b/packages/base/package.json @@ -20,19 +20,63 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", - "./condition-attribute-with-id": "./src/condition-attribute-with-id.js", - "./condition-attribute-with-id.js": "./src/condition-attribute-with-id.js", - "./decorators": "./src/decorators.js", - "./decorators.js": "./src/decorators.js", - "./directives": "./src/directives.js", - "./directives.js": "./src/directives.js", - "./html": "./src/html.js", - "./html.js": "./src/html.js", - "./streaming-listener": "./src/streaming-listener.js", - "./streaming-listener.js": "./src/streaming-listener.js", - "./package.json": "./package.json" + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./package.json": "./package.json", + "./src/Base.js": { + "development": "./src/Base.dev.js", + "default": "./src/Base.js" + }, + "./src/condition-attribute-with-id.js": { + "development": "./src/condition-attribute-with-id.dev.js", + "default": "./src/condition-attribute-with-id.js" + }, + "./src/decorators.js": { + "development": "./src/decorators.dev.js", + "default": "./src/decorators.js" + }, + "./src/directives.js": { + "development": "./src/directives.dev.js", + "default": "./src/directives.js" + }, + "./src/html.js": { + "development": "./src/html.dev.js", + "default": "./src/html.js" + }, + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/sizedMixin.js": { + "development": "./src/sizedMixin.dev.js", + "default": "./src/sizedMixin.js" + }, + "./src/streaming-listener.js": { + "development": "./src/streaming-listener.dev.js", + "default": "./src/streaming-listener.js" + }, + "./condition-attribute-with-id.js": { + "development": "./condition-attribute-with-id.dev.js", + "default": "./condition-attribute-with-id.js" + }, + "./decorators.js": { + "development": "./decorators.dev.js", + "default": "./decorators.js" + }, + "./directives.js": { + "development": "./directives.dev.js", + "default": "./directives.js" + }, + "./html.js": { + "development": "./html.dev.js", + "default": "./html.js" + }, + "./streaming-listener.js": { + "development": "./streaming-listener.dev.js", + "default": "./streaming-listener.js" + } }, "scripts": { "test": "karma start --coverage" diff --git a/packages/base/test/base.test.ts b/packages/base/test/base.test.ts index 24fef2ac770..8b1780ab748 100644 --- a/packages/base/test/base.test.ts +++ b/packages/base/test/base.test.ts @@ -8,7 +8,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import { SpectrumElement } from '../'; +import { SpectrumElement } from '@spectrum-web-components/base'; import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; class DirElement extends SpectrumElement {} diff --git a/packages/bundle/exports.json b/packages/bundle/exports.json new file mode 100644 index 00000000000..a9e8dfdcec0 --- /dev/null +++ b/packages/bundle/exports.json @@ -0,0 +1,5 @@ +{ + "./src/*": "./src/*", + "./elements.js": "./elements.js", + "./icons.js": "./src/icons.js" +} diff --git a/packages/bundle/package.json b/packages/bundle/package.json index b1368753fa1..6270d38af8a 100644 --- a/packages/bundle/package.json +++ b/packages/bundle/package.json @@ -20,13 +20,27 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./elements": "./elements.js", - "./elements.js": "./elements.js", - "./icons": "./src/icons.js", - "./icons.js": "./src/icons.js" + "./src/icons.js": { + "development": "./src/icons.dev.js", + "default": "./src/icons.js" + }, + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./elements.js": { + "development": "./elements.dev.js", + "default": "./elements.js" + }, + "./icons.js": { + "development": "./icons.dev.js", + "default": "./icons.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/button-group/exports.json b/packages/button-group/exports.json new file mode 100644 index 00000000000..4843c79fcae --- /dev/null +++ b/packages/button-group/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-button-group.js": "./sp-button-group.js" +} diff --git a/packages/button-group/package.json b/packages/button-group/package.json index dbac617dadf..ad44fb0a867 100644 --- a/packages/button-group/package.json +++ b/packages/button-group/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-button-group": "./sp-button-group.js", - "./sp-button-group.js": "./sp-button-group.js" + "./src/ButtonGroup.js": { + "development": "./src/ButtonGroup.dev.js", + "default": "./src/ButtonGroup.js" + }, + "./src/button-group.css.js": "./src/button-group.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-button-group.js": { + "development": "./sp-button-group.dev.js", + "default": "./sp-button-group.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/button-group/stories/button-group.stories.ts b/packages/button-group/stories/button-group.stories.ts index 330931bea48..9830a3efd9d 100644 --- a/packages/button-group/stories/button-group.stories.ts +++ b/packages/button-group/stories/button-group.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-button-group.js'; +import '@spectrum-web-components/button-group/sp-button-group.js'; import '@spectrum-web-components/button/sp-button.js'; import '@spectrum-web-components/icon/sp-icon.js'; diff --git a/packages/button-group/test/button-group.test.ts b/packages/button-group/test/button-group.test.ts index f15621a19eb..002b8c0cbcd 100644 --- a/packages/button-group/test/button-group.test.ts +++ b/packages/button-group/test/button-group.test.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture } from '@open-wc/testing'; -import '../sp-button-group.js'; +import '@spectrum-web-components/button-group/sp-button-group.js'; import { ButtonGroup } from '..'; import { buttons, buttonsVertical } from '../stories/button-group.stories.js'; diff --git a/packages/button/exports.json b/packages/button/exports.json new file mode 100644 index 00000000000..8b80cc49659 --- /dev/null +++ b/packages/button/exports.json @@ -0,0 +1,6 @@ +{ + "./src/*": "./src/*", + "./sp-button.js": "./sp-button.js", + "./sp-clear-button.js": "./sp-clear-button.js", + "./sp-close-button.js": "./sp-close-button.js" +} diff --git a/packages/button/package.json b/packages/button/package.json index 70d694dd5e7..184588cdcf9 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -20,15 +20,49 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-button": "./sp-button.js", - "./sp-button.js": "./sp-button.js", - "./sp-clear-button": "./sp-clear-button.js", - "./sp-clear-button.js": "./sp-clear-button.js", - "./sp-close-button": "./sp-close-button.js", - "./sp-close-button.js": "./sp-close-button.js" + "./src/Button.js": { + "development": "./src/Button.dev.js", + "default": "./src/Button.js" + }, + "./src/ButtonBase.js": { + "development": "./src/ButtonBase.dev.js", + "default": "./src/ButtonBase.js" + }, + "./src/ClearButton.js": { + "development": "./src/ClearButton.dev.js", + "default": "./src/ClearButton.js" + }, + "./src/CloseButton.js": { + "development": "./src/CloseButton.dev.js", + "default": "./src/CloseButton.js" + }, + "./src/StyledButton.js": { + "development": "./src/StyledButton.dev.js", + "default": "./src/StyledButton.js" + }, + "./src/button-base.css.js": "./src/button-base.css.js", + "./src/button.css.js": "./src/button.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-button.js": { + "development": "./sp-button.dev.js", + "default": "./sp-button.js" + }, + "./sp-clear-button.js": { + "development": "./sp-clear-button.dev.js", + "default": "./sp-clear-button.js" + }, + "./sp-close-button.js": { + "development": "./sp-close-button.dev.js", + "default": "./sp-close-button.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/button/stories/index.ts b/packages/button/stories/index.ts index 9b3f474da9a..d875f60cd8d 100644 --- a/packages/button/stories/index.ts +++ b/packages/button/stories/index.ts @@ -12,10 +12,13 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; import { ifDefined } from '@spectrum-web-components/base/src/directives.js'; -import '../sp-button.js'; +import '@spectrum-web-components/button/sp-button.js'; import '@spectrum-web-components/icon/sp-icon.js'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-help.js'; -import { ButtonTreatments, ButtonVariants } from '../src/Button.js'; +import { + ButtonTreatments, + ButtonVariants, +} from '@spectrum-web-components/button/src/Button.js'; export const args = { disabled: false, diff --git a/packages/card/exports.json b/packages/card/exports.json new file mode 100644 index 00000000000..e4b80c0a4a7 --- /dev/null +++ b/packages/card/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-card.js": "./sp-card.js" +} diff --git a/packages/card/package.json b/packages/card/package.json index a3e173a1c43..d29b4565882 100644 --- a/packages/card/package.json +++ b/packages/card/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-card": "./sp-card.js", - "./sp-card.js": "./sp-card.js" + "./src/Card.js": { + "development": "./src/Card.dev.js", + "default": "./src/Card.js" + }, + "./src/card.css.js": "./src/card.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-card.js": { + "development": "./sp-card.dev.js", + "default": "./sp-card.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/card/sp-card.ts b/packages/card/sp-card.ts index f6f80abcac4..f8c0ee3a49f 100644 --- a/packages/card/sp-card.ts +++ b/packages/card/sp-card.ts @@ -9,6 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ + import { Card } from './src/Card.js'; customElements.define('sp-card', Card); diff --git a/packages/card/stories/card.stories.ts b/packages/card/stories/card.stories.ts index ef75e466904..5f08aa2065c 100644 --- a/packages/card/stories/card.stories.ts +++ b/packages/card/stories/card.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-card.js'; +import '@spectrum-web-components/card/sp-card.js'; import { landscape, portrait } from './images'; import '@spectrum-web-components/icons-workflow/icons/sp-icon-file-txt.js'; import '@spectrum-web-components/textfield/sp-textfield.js'; diff --git a/packages/card/test/card.test.ts b/packages/card/test/card.test.ts index 38675bd65ac..f7f1f1a5973 100644 --- a/packages/card/test/card.test.ts +++ b/packages/card/test/card.test.ts @@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -import '../sp-card.js'; -import { Card } from '../'; +import '@spectrum-web-components/card/sp-card.js'; +import { Card } from '@spectrum-web-components/card'; import '@spectrum-web-components/action-menu/sp-action-menu.js'; import '@spectrum-web-components/menu/sp-menu.js'; import '@spectrum-web-components/menu/sp-menu-item.js'; diff --git a/packages/checkbox/exports.json b/packages/checkbox/exports.json new file mode 100644 index 00000000000..c550f9aa397 --- /dev/null +++ b/packages/checkbox/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-checkbox.js": "./sp-checkbox.js" +} diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index e2a7e6f02a1..9a4a78d47fc 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -20,11 +20,28 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-checkbox": "./sp-checkbox.js", - "./sp-checkbox.js": "./sp-checkbox.js" + "./src/Checkbox.js": { + "development": "./src/Checkbox.dev.js", + "default": "./src/Checkbox.js" + }, + "./src/CheckboxBase.js": { + "development": "./src/CheckboxBase.dev.js", + "default": "./src/CheckboxBase.js" + }, + "./src/checkbox.css.js": "./src/checkbox.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-checkbox.js": { + "development": "./sp-checkbox.dev.js", + "default": "./sp-checkbox.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/checkbox/stories/checkbox-sizes.stories.ts b/packages/checkbox/stories/checkbox-sizes.stories.ts index 3df61b7cdc6..603001973d0 100644 --- a/packages/checkbox/stories/checkbox-sizes.stories.ts +++ b/packages/checkbox/stories/checkbox-sizes.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-checkbox.js'; +import '@spectrum-web-components/checkbox/sp-checkbox.js'; export default { component: 'sp-checkbox', diff --git a/packages/checkbox/stories/checkbox.stories.ts b/packages/checkbox/stories/checkbox.stories.ts index 87b073358e9..b5c93144ea6 100644 --- a/packages/checkbox/stories/checkbox.stories.ts +++ b/packages/checkbox/stories/checkbox.stories.ts @@ -9,7 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import '../sp-checkbox.js'; +import '@spectrum-web-components/checkbox/sp-checkbox.js'; import '@spectrum-web-components/field-group/sp-field-group.js'; import { html, TemplateResult } from '@spectrum-web-components/base'; diff --git a/packages/checkbox/test/checkbox.test.ts b/packages/checkbox/test/checkbox.test.ts index 7218062bcb6..cd79f908962 100644 --- a/packages/checkbox/test/checkbox.test.ts +++ b/packages/checkbox/test/checkbox.test.ts @@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -import '../sp-checkbox.js'; +import '@spectrum-web-components/checkbox/sp-checkbox.js'; import { Checkbox } from '../'; import { elementUpdated, diff --git a/packages/clear-button/exports.json b/packages/clear-button/exports.json new file mode 100644 index 00000000000..df205c2ef72 --- /dev/null +++ b/packages/clear-button/exports.json @@ -0,0 +1,4 @@ +{ + ".": "./src/clear-button.css.js", + "./src/*": "./src/*" +} diff --git a/packages/clear-button/package.json b/packages/clear-button/package.json index 6da523dcc8b..c2aea54b431 100644 --- a/packages/clear-button/package.json +++ b/packages/clear-button/package.json @@ -21,8 +21,8 @@ "type": "module", "exports": { ".": "./src/clear-button.css.js", - "./src/*": "./src/*", - "./package.json": "./package.json" + "./package.json": "./package.json", + "./src/clear-button.css.js": "./src/clear-button.css.js" }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/close-button/exports.json b/packages/close-button/exports.json new file mode 100644 index 00000000000..77b6f5a212e --- /dev/null +++ b/packages/close-button/exports.json @@ -0,0 +1,4 @@ +{ + ".": "./src/close-button.css.js", + "./src/*": "./src/*" +} diff --git a/packages/close-button/package.json b/packages/close-button/package.json index b8b50428389..c0f5c8e4b1a 100644 --- a/packages/close-button/package.json +++ b/packages/close-button/package.json @@ -21,8 +21,8 @@ "type": "module", "exports": { ".": "./src/close-button.css.js", - "./src/*": "./src/*", - "./package.json": "./package.json" + "./package.json": "./package.json", + "./src/close-button.css.js": "./src/close-button.css.js" }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/coachmark/exports.json b/packages/coachmark/exports.json new file mode 100644 index 00000000000..7008b84a303 --- /dev/null +++ b/packages/coachmark/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-coachmark.js": "./sp-coachmark.js" +} diff --git a/packages/coachmark/package.json b/packages/coachmark/package.json index fed4043d3b7..79b2a407e99 100644 --- a/packages/coachmark/package.json +++ b/packages/coachmark/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-coachmark": "./sp-coachmark.js", - "./sp-coachmark.js": "./sp-coachmark.js" + "./src/Coachmark.js": { + "development": "./src/Coachmark.dev.js", + "default": "./src/Coachmark.js" + }, + "./src/coachmark.css.js": "./src/coachmark.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-coachmark.js": { + "development": "./sp-coachmark.dev.js", + "default": "./sp-coachmark.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/coachmark/stories/coachmark.stories.ts b/packages/coachmark/stories/coachmark.stories.ts index 1d9d9cca46c..1b7c7ef7ede 100644 --- a/packages/coachmark/stories/coachmark.stories.ts +++ b/packages/coachmark/stories/coachmark.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-coachmark.js'; +import '@spectrum-web-components/coachmark/sp-coachmark.js'; export default { title: 'Coachmark', diff --git a/packages/coachmark/test/coachmark.test.ts b/packages/coachmark/test/coachmark.test.ts index 0e0953584e6..da01bb9c4d2 100644 --- a/packages/coachmark/test/coachmark.test.ts +++ b/packages/coachmark/test/coachmark.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-coachmark.js'; -import { Coachmark } from '../'; +import '@spectrum-web-components/coachmark/sp-coachmark.js'; +import { Coachmark } from '@spectrum-web-components/coachmark'; describe('Coachmark', () => { it('loads default coachmark accessibly', async () => { diff --git a/packages/color-area/exports.json b/packages/color-area/exports.json new file mode 100644 index 00000000000..122bc6e6756 --- /dev/null +++ b/packages/color-area/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-color-area.js": "./sp-color-area.js" +} diff --git a/packages/color-area/package.json b/packages/color-area/package.json index a2b3627d4a0..83259232406 100644 --- a/packages/color-area/package.json +++ b/packages/color-area/package.json @@ -20,11 +20,28 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-color-area": "./sp-color-area.js", - "./sp-color-area.js": "./sp-color-area.js" + "./src/ColorArea.js": { + "development": "./src/ColorArea.dev.js", + "default": "./src/ColorArea.js" + }, + "./src/color-area.css.js": "./src/color-area.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/types.js": { + "development": "./src/types.dev.js", + "default": "./src/types.js" + }, + "./sp-color-area.js": { + "development": "./sp-color-area.dev.js", + "default": "./sp-color-area.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/color-area/stories/color-area.stories.ts b/packages/color-area/stories/color-area.stories.ts index 7bce0ca04af..9391e6aeef1 100644 --- a/packages/color-area/stories/color-area.stories.ts +++ b/packages/color-area/stories/color-area.stories.ts @@ -14,8 +14,8 @@ import { html, TemplateResult } from '@spectrum-web-components/base'; import '@spectrum-web-components/color-slider/sp-color-slider.js'; import { ColorSlider } from '@spectrum-web-components/color-slider/src/ColorSlider'; -import '../sp-color-area.js'; -import { ColorArea } from '../src/ColorArea.js'; +import '@spectrum-web-components/color-area/sp-color-area.js'; +import { ColorArea } from '@spectrum-web-components/color-area/src/ColorArea.js'; export default { title: 'Color/Area', diff --git a/packages/color-area/test/color-area.test.ts b/packages/color-area/test/color-area.test.ts index 5ed5f79a476..badfc210f97 100644 --- a/packages/color-area/test/color-area.test.ts +++ b/packages/color-area/test/color-area.test.ts @@ -20,8 +20,8 @@ import { } from '@open-wc/testing'; import { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor } from '@ctrl/tinycolor'; -import '../sp-color-area.js'; -import { ColorArea } from '..'; +import '@spectrum-web-components/color-area/sp-color-area.js'; +import { ColorArea } from '@spectrum-web-components/color-area'; import { sendKeys } from '@web/test-runner-commands'; import { spy } from 'sinon'; diff --git a/packages/color-handle/exports.json b/packages/color-handle/exports.json new file mode 100644 index 00000000000..a23164d11be --- /dev/null +++ b/packages/color-handle/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-color-handle.js": "./sp-color-handle.js" +} diff --git a/packages/color-handle/package.json b/packages/color-handle/package.json index 4f36d43d567..5eb3f38130f 100644 --- a/packages/color-handle/package.json +++ b/packages/color-handle/package.json @@ -20,11 +20,24 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-color-handle": "./sp-color-handle.js", - "./sp-color-handle.js": "./sp-color-handle.js" + "./src/ColorHandle.js": { + "development": "./src/ColorHandle.dev.js", + "default": "./src/ColorHandle.js" + }, + "./src/color-handle.css.js": "./src/color-handle.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-color-handle.js": { + "development": "./sp-color-handle.dev.js", + "default": "./sp-color-handle.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/color-handle/stories/color-handle.stories.ts b/packages/color-handle/stories/color-handle.stories.ts index 180147fad32..90ef2394521 100644 --- a/packages/color-handle/stories/color-handle.stories.ts +++ b/packages/color-handle/stories/color-handle.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-color-handle.js'; +import '@spectrum-web-components/color-handle/sp-color-handle.js'; export default { title: 'Color/Handle', diff --git a/packages/color-handle/test/color-handle.test.ts b/packages/color-handle/test/color-handle.test.ts index 7be63053178..a4fdcdd8ede 100644 --- a/packages/color-handle/test/color-handle.test.ts +++ b/packages/color-handle/test/color-handle.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-color-handle.js'; -import { ColorHandle } from '..'; +import '@spectrum-web-components/color-handle/sp-color-handle.js'; +import { ColorHandle } from '@spectrum-web-components/color-handle'; describe('ColorHandle', () => { it('loads default color-handle accessibly', async () => { diff --git a/packages/color-loupe/exports.json b/packages/color-loupe/exports.json new file mode 100644 index 00000000000..62632557999 --- /dev/null +++ b/packages/color-loupe/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-color-loupe.js": "./sp-color-loupe.js" +} diff --git a/packages/color-loupe/package.json b/packages/color-loupe/package.json index 77b280482f6..a449fc906bf 100644 --- a/packages/color-loupe/package.json +++ b/packages/color-loupe/package.json @@ -20,11 +20,24 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-color-loupe": "./sp-color-loupe.js", - "./sp-color-loupe.js": "./sp-color-loupe.js" + "./src/ColorLoupe.js": { + "development": "./src/ColorLoupe.dev.js", + "default": "./src/ColorLoupe.js" + }, + "./src/color-loupe.css.js": "./src/color-loupe.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-color-loupe.js": { + "development": "./sp-color-loupe.dev.js", + "default": "./sp-color-loupe.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/color-loupe/stories/color-loupe.stories.ts b/packages/color-loupe/stories/color-loupe.stories.ts index 52d66cb992b..10545a7b26b 100644 --- a/packages/color-loupe/stories/color-loupe.stories.ts +++ b/packages/color-loupe/stories/color-loupe.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-color-loupe.js'; +import '@spectrum-web-components/color-loupe/sp-color-loupe.js'; export default { title: 'Color/Loupe', diff --git a/packages/color-loupe/test/color-loupe.test.ts b/packages/color-loupe/test/color-loupe.test.ts index d62192cacaf..d01fcf5892a 100644 --- a/packages/color-loupe/test/color-loupe.test.ts +++ b/packages/color-loupe/test/color-loupe.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-color-loupe.js'; -import { ColorLoupe } from '..'; +import '@spectrum-web-components/color-loupe/sp-color-loupe.js'; +import { ColorLoupe } from '@spectrum-web-components/color-loupe'; describe('ColorLoupe', () => { it('loads default color-loupe accessibly', async () => { diff --git a/packages/color-slider/exports.json b/packages/color-slider/exports.json new file mode 100644 index 00000000000..2d857b6038d --- /dev/null +++ b/packages/color-slider/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-color-slider.js": "./sp-color-slider.js" +} diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json index c1dbde082c0..49717a348a1 100644 --- a/packages/color-slider/package.json +++ b/packages/color-slider/package.json @@ -20,11 +20,28 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-color-slider": "./sp-color-slider.js", - "./sp-color-slider.js": "./sp-color-slider.js" + "./src/ColorSlider.js": { + "development": "./src/ColorSlider.dev.js", + "default": "./src/ColorSlider.js" + }, + "./src/color-slider.css.js": "./src/color-slider.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/types.js": { + "development": "./src/types.dev.js", + "default": "./src/types.js" + }, + "./sp-color-slider.js": { + "development": "./sp-color-slider.dev.js", + "default": "./sp-color-slider.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/color-slider/stories/color-slider.stories.ts b/packages/color-slider/stories/color-slider.stories.ts index cd18ef7c904..8314fcb89b0 100644 --- a/packages/color-slider/stories/color-slider.stories.ts +++ b/packages/color-slider/stories/color-slider.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-color-slider.js'; +import '@spectrum-web-components/color-slider/sp-color-slider.js'; import { gradient } from './images.js'; export default { title: 'Color/Slider', diff --git a/packages/color-slider/test/color-slider.test.ts b/packages/color-slider/test/color-slider.test.ts index ef1cfcca2cd..c7bac541d71 100644 --- a/packages/color-slider/test/color-slider.test.ts +++ b/packages/color-slider/test/color-slider.test.ts @@ -22,8 +22,8 @@ import { arrowUpKeyupEvent, } from '../../../test/testing-helpers.js'; -import '../sp-color-slider.js'; -import { ColorSlider } from '../'; +import '@spectrum-web-components/color-slider/sp-color-slider.js'; +import { ColorSlider } from '@spectrum-web-components/color-slider'; import { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor } from '@ctrl/tinycolor'; import { sendKeys } from '@web/test-runner-commands'; import { spy } from 'sinon'; diff --git a/packages/color-wheel/exports.json b/packages/color-wheel/exports.json new file mode 100644 index 00000000000..9bed880cf73 --- /dev/null +++ b/packages/color-wheel/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-color-wheel.js": "./sp-color-wheel.js" +} diff --git a/packages/color-wheel/package.json b/packages/color-wheel/package.json index 9826bdaf764..a07c10c0f13 100644 --- a/packages/color-wheel/package.json +++ b/packages/color-wheel/package.json @@ -20,11 +20,28 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-color-wheel": "./sp-color-wheel.js", - "./sp-color-wheel.js": "./sp-color-wheel.js" + "./src/ColorWheel.js": { + "development": "./src/ColorWheel.dev.js", + "default": "./src/ColorWheel.js" + }, + "./src/color-wheel.css.js": "./src/color-wheel.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/types.js": { + "development": "./src/types.dev.js", + "default": "./src/types.js" + }, + "./sp-color-wheel.js": { + "development": "./sp-color-wheel.dev.js", + "default": "./sp-color-wheel.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/color-wheel/stories/color-wheel.stories.ts b/packages/color-wheel/stories/color-wheel.stories.ts index 3d44c755f84..2403b72548d 100644 --- a/packages/color-wheel/stories/color-wheel.stories.ts +++ b/packages/color-wheel/stories/color-wheel.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-color-wheel.js'; +import '@spectrum-web-components/color-wheel/sp-color-wheel.js'; export default { title: 'Color/Wheel', diff --git a/packages/color-wheel/test/color-wheel.test.ts b/packages/color-wheel/test/color-wheel.test.ts index d675a1db934..eca4856dabf 100644 --- a/packages/color-wheel/test/color-wheel.test.ts +++ b/packages/color-wheel/test/color-wheel.test.ts @@ -22,8 +22,8 @@ import { arrowUpKeyupEvent, } from '../../../test/testing-helpers.js'; -import '../sp-color-wheel.js'; -import { ColorWheel } from '../'; +import '@spectrum-web-components/color-wheel/sp-color-wheel.js'; +import { ColorWheel } from '@spectrum-web-components/color-wheel'; import { HSL, HSLA, HSV, HSVA, RGB, RGBA, TinyColor } from '@ctrl/tinycolor'; import { sendKeys } from '@web/test-runner-commands'; import { spy } from 'sinon'; diff --git a/packages/dialog/exports.json b/packages/dialog/exports.json new file mode 100644 index 00000000000..a53a5298617 --- /dev/null +++ b/packages/dialog/exports.json @@ -0,0 +1,5 @@ +{ + "./src/*": "./src/*", + "./sp-dialog.js": "./sp-dialog.js", + "./sp-dialog-wrapper.js": "./sp-dialog-wrapper.js" +} diff --git a/packages/dialog/package.json b/packages/dialog/package.json index 43fca2365e7..ef55c1a765c 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -20,13 +20,32 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-dialog": "./sp-dialog.js", - "./sp-dialog.js": "./sp-dialog.js", - "./sp-dialog-wrapper": "./sp-dialog-wrapper.js", - "./sp-dialog-wrapper.js": "./sp-dialog-wrapper.js" + "./src/Dialog.js": { + "development": "./src/Dialog.dev.js", + "default": "./src/Dialog.js" + }, + "./src/DialogWrapper.js": { + "development": "./src/DialogWrapper.dev.js", + "default": "./src/DialogWrapper.js" + }, + "./src/dialog.css.js": "./src/dialog.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-dialog.js": { + "development": "./sp-dialog.dev.js", + "default": "./sp-dialog.js" + }, + "./sp-dialog-wrapper.js": { + "development": "./sp-dialog-wrapper.dev.js", + "default": "./sp-dialog-wrapper.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/dialog/stories/dialog-wrapper.stories.ts b/packages/dialog/stories/dialog-wrapper.stories.ts index c821a050298..317e57b6767 100644 --- a/packages/dialog/stories/dialog-wrapper.stories.ts +++ b/packages/dialog/stories/dialog-wrapper.stories.ts @@ -19,7 +19,7 @@ import '@spectrum-web-components/help-text/sp-help-text.js'; import '@spectrum-web-components/textfield/sp-textfield.js'; import '@spectrum-web-components/overlay/overlay-trigger.js'; -import '../sp-dialog-wrapper.js'; +import '@spectrum-web-components/dialog/sp-dialog-wrapper.js'; import { landscape } from './images.js'; export default { diff --git a/packages/dialog/stories/dialog.stories.ts b/packages/dialog/stories/dialog.stories.ts index 773c2e9dd11..a1234aaaec3 100644 --- a/packages/dialog/stories/dialog.stories.ts +++ b/packages/dialog/stories/dialog.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-dialog.js'; +import '@spectrum-web-components/dialog/sp-dialog.js'; import { landscape } from './images.js'; import '@spectrum-web-components/button/sp-button.js'; diff --git a/packages/dialog/test/dialog-wrapper.test.ts b/packages/dialog/test/dialog-wrapper.test.ts index 4e0de00d9e3..0021663e0dc 100644 --- a/packages/dialog/test/dialog-wrapper.test.ts +++ b/packages/dialog/test/dialog-wrapper.test.ts @@ -15,8 +15,8 @@ import { spy } from 'sinon'; import '@spectrum-web-components/theme/sp-theme.js'; import '@spectrum-web-components/theme/src/themes.js'; -import '../sp-dialog-wrapper.js'; -import { Dialog, DialogWrapper } from '../'; +import '@spectrum-web-components/dialog/sp-dialog-wrapper.js'; +import { Dialog, DialogWrapper } from '@spectrum-web-components/dialog'; import { ActionButton } from '@spectrum-web-components/action-button'; import { Button } from '@spectrum-web-components/button'; import { Underlay } from '@spectrum-web-components/underlay'; diff --git a/packages/dialog/test/dialog.test.ts b/packages/dialog/test/dialog.test.ts index c7f2ac7a26a..8af81c9a8cd 100644 --- a/packages/dialog/test/dialog.test.ts +++ b/packages/dialog/test/dialog.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture } from '@open-wc/testing'; -import '../sp-dialog.js'; -import { Dialog } from '..'; +import '@spectrum-web-components/dialog/sp-dialog.js'; +import { Dialog } from '@spectrum-web-components/dialog'; import { alertError, dismissable, diff --git a/packages/divider/exports.json b/packages/divider/exports.json new file mode 100644 index 00000000000..8d8460dc6cb --- /dev/null +++ b/packages/divider/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-divider.js": "./sp-divider.js" +} diff --git a/packages/divider/package.json b/packages/divider/package.json index 0ce7b206901..714ae05da4f 100644 --- a/packages/divider/package.json +++ b/packages/divider/package.json @@ -20,11 +20,24 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-divider": "./sp-divider.js", - "./sp-divider.js": "./sp-divider.js" + "./src/Divider.js": { + "development": "./src/Divider.dev.js", + "default": "./src/Divider.js" + }, + "./src/divider.css.js": "./src/divider.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-divider.js": { + "development": "./sp-divider.dev.js", + "default": "./sp-divider.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/divider/stories/divider.stories.ts b/packages/divider/stories/divider.stories.ts index 88d350cc55e..df6e9e38eda 100644 --- a/packages/divider/stories/divider.stories.ts +++ b/packages/divider/stories/divider.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-divider.js'; +import '@spectrum-web-components/divider/sp-divider.js'; import './typography-decorator.js'; import '@spectrum-web-components/action-button/sp-action-button.js'; import '@spectrum-web-components/icon/sp-icon.js'; diff --git a/packages/divider/test/divider.test.ts b/packages/divider/test/divider.test.ts index 5fd7fb02185..22a61e96771 100644 --- a/packages/divider/test/divider.test.ts +++ b/packages/divider/test/divider.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-divider.js'; -import { Divider } from '..'; +import '@spectrum-web-components/divider/sp-divider.js'; +import { Divider } from '@spectrum-web-components/divider'; describe('Divider', () => { it('loads default divider accessibly', async () => { diff --git a/packages/dropzone/exports.json b/packages/dropzone/exports.json new file mode 100644 index 00000000000..3246cfff813 --- /dev/null +++ b/packages/dropzone/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-dropzone.js": "./sp-dropzone.js" +} diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json index a034ddd999b..9583bee2ef1 100644 --- a/packages/dropzone/package.json +++ b/packages/dropzone/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-dropzone": "./sp-dropzone.js", - "./sp-dropzone.js": "./sp-dropzone.js" + "./src/Dropzone.js": { + "development": "./src/Dropzone.dev.js", + "default": "./src/Dropzone.js" + }, + "./src/dropzone.css.js": "./src/dropzone.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-dropzone.js": { + "development": "./sp-dropzone.dev.js", + "default": "./sp-dropzone.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/dropzone/stories/dropzone.stories.ts b/packages/dropzone/stories/dropzone.stories.ts index c375dc65406..833870199e8 100644 --- a/packages/dropzone/stories/dropzone.stories.ts +++ b/packages/dropzone/stories/dropzone.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-dropzone.js'; +import '@spectrum-web-components/dropzone/sp-dropzone.js'; import { illustration } from '../test/test-svg'; import '@spectrum-web-components/illustrated-message/sp-illustrated-message.js'; import '@spectrum-web-components/link/sp-link.js'; diff --git a/packages/dropzone/test/dropzone.test.ts b/packages/dropzone/test/dropzone.test.ts index dec219fa342..093f7c8f7b1 100644 --- a/packages/dropzone/test/dropzone.test.ts +++ b/packages/dropzone/test/dropzone.test.ts @@ -9,8 +9,8 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import '../sp-dropzone.js'; -import { Dropzone } from '../'; +import '@spectrum-web-components/dropzone/sp-dropzone.js'; +import { Dropzone } from '@spectrum-web-components/dropzone'; import { illustration } from './test-svg.js'; import { waitForPredicate } from '../../../test/testing-helpers.js'; import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; diff --git a/packages/field-group/exports.json b/packages/field-group/exports.json new file mode 100644 index 00000000000..f48acef66dd --- /dev/null +++ b/packages/field-group/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-field-group.js": "./sp-field-group.js" +} diff --git a/packages/field-group/package.json b/packages/field-group/package.json index 3871475defb..d7afc004386 100644 --- a/packages/field-group/package.json +++ b/packages/field-group/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-field-group": "./sp-field-group.js", - "./sp-field-group.js": "./sp-field-group.js" + "./src/FieldGroup.js": { + "development": "./src/FieldGroup.dev.js", + "default": "./src/FieldGroup.js" + }, + "./src/field-group.css.js": "./src/field-group.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-field-group.js": { + "development": "./sp-field-group.dev.js", + "default": "./sp-field-group.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/field-group/stories/field-group.stories.ts b/packages/field-group/stories/field-group.stories.ts index e0b136aa5fb..7e941d43e79 100644 --- a/packages/field-group/stories/field-group.stories.ts +++ b/packages/field-group/stories/field-group.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-field-group.js'; +import '@spectrum-web-components/field-group/sp-field-group.js'; import '@spectrum-web-components/checkbox/sp-checkbox.js'; import '@spectrum-web-components/radio/sp-radio.js'; diff --git a/packages/field-group/test/field-group.test.ts b/packages/field-group/test/field-group.test.ts index 86afd211172..9cc0ea9e57c 100644 --- a/packages/field-group/test/field-group.test.ts +++ b/packages/field-group/test/field-group.test.ts @@ -13,10 +13,10 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; import { findDescribedNode } from '../../../test/testing-helpers-a11y.js'; import { HelpText } from '@spectrum-web-components/help-text'; -import { FieldGroup } from '..'; +import { FieldGroup } from '@spectrum-web-components/field-group'; import '@spectrum-web-components/help-text/sp-help-text.js'; import '@spectrum-web-components/checkbox/sp-checkbox.js'; -import '../sp-field-group.js'; +import '@spectrum-web-components/field-group/sp-field-group.js'; describe('FieldGroup', () => { it('loads default field-group accessibly', async () => { diff --git a/packages/field-label/exports.json b/packages/field-label/exports.json new file mode 100644 index 00000000000..a86253ea8ad --- /dev/null +++ b/packages/field-label/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-field-label.js": "./sp-field-label.js" +} diff --git a/packages/field-label/package.json b/packages/field-label/package.json index f76bce24789..1fdab1c482e 100644 --- a/packages/field-label/package.json +++ b/packages/field-label/package.json @@ -20,11 +20,24 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-field-label": "./sp-field-label.js", - "./sp-field-label.js": "./sp-field-label.js" + "./src/FieldLabel.js": { + "development": "./src/FieldLabel.dev.js", + "default": "./src/FieldLabel.js" + }, + "./src/field-label.css.js": "./src/field-label.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-field-label.js": { + "development": "./sp-field-label.dev.js", + "default": "./sp-field-label.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/field-label/stories/field-label.stories.ts b/packages/field-label/stories/field-label.stories.ts index 847fe20db72..71b4aa32066 100644 --- a/packages/field-label/stories/field-label.stories.ts +++ b/packages/field-label/stories/field-label.stories.ts @@ -14,7 +14,7 @@ import { html, TemplateResult } from '@spectrum-web-components/base'; import '@spectrum-web-components/textfield/sp-textfield.js'; import '@spectrum-web-components/picker/sp-picker.js'; -import '../sp-field-label.js'; +import '@spectrum-web-components/field-label/sp-field-label.js'; export default { title: 'Field Label', diff --git a/packages/field-label/test/field-label.test.ts b/packages/field-label/test/field-label.test.ts index 6ee78c3b922..fb33388ce13 100644 --- a/packages/field-label/test/field-label.test.ts +++ b/packages/field-label/test/field-label.test.ts @@ -20,8 +20,8 @@ import { Picker } from '@spectrum-web-components/picker'; import '@spectrum-web-components/menu/sp-menu.js'; import '@spectrum-web-components/menu/sp-menu-item.js'; -import '../sp-field-label.js'; -import { FieldLabel } from '..'; +import '@spectrum-web-components/field-label/sp-field-label.js'; +import { FieldLabel } from '@spectrum-web-components/field-label'; describe('FieldLabel', () => { it('loads default field-label accessibly', async () => { diff --git a/packages/help-text/exports.json b/packages/help-text/exports.json new file mode 100644 index 00000000000..486da8b3d9e --- /dev/null +++ b/packages/help-text/exports.json @@ -0,0 +1,6 @@ +{ + "./src/*": "./src/*", + "./help-text-manager.js": "./src/help-text-manager.js", + "./HelpTextManager.js": "./src/HelpTextManager.js", + "./sp-help-text.js": "./sp-help-text.js" +} diff --git a/packages/help-text/package.json b/packages/help-text/package.json index 1fbf7f6986d..153feef3f05 100644 --- a/packages/help-text/package.json +++ b/packages/help-text/package.json @@ -20,15 +20,44 @@ "module": "src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", - "./help-text-manager": "./src/help-text-manager.js", - "./help-text-manager.js": "./src/help-text-manager.js", - "./HelpTextManager": "./src/HelpTextManager.js", - "./HelpTextManager.js": "./src/HelpTextManager.js", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-help-text": "./sp-help-text.js", - "./sp-help-text.js": "./sp-help-text.js" + "./src/HelpText.js": { + "development": "./src/HelpText.dev.js", + "default": "./src/HelpText.js" + }, + "./src/HelpTextManagedElement.js": { + "development": "./src/HelpTextManagedElement.dev.js", + "default": "./src/HelpTextManagedElement.js" + }, + "./src/HelpTextManager.js": { + "development": "./src/HelpTextManager.dev.js", + "default": "./src/HelpTextManager.js" + }, + "./src/help-text.css.js": "./src/help-text.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/manage-help-text.js": { + "development": "./src/manage-help-text.dev.js", + "default": "./src/manage-help-text.js" + }, + "./help-text-manager.js": { + "development": "./help-text-manager.dev.js", + "default": "./help-text-manager.js" + }, + "./HelpTextManager.js": { + "development": "./HelpTextManager.dev.js", + "default": "./HelpTextManager.js" + }, + "./sp-help-text.js": { + "development": "./sp-help-text.dev.js", + "default": "./sp-help-text.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/help-text/stories/help-text-sizes.stories.ts b/packages/help-text/stories/help-text-sizes.stories.ts index cce70e1f0ef..18980c6425e 100644 --- a/packages/help-text/stories/help-text-sizes.stories.ts +++ b/packages/help-text/stories/help-text-sizes.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-help-text.js'; +import '@spectrum-web-components/help-text/sp-help-text.js'; export default { title: 'Help Text/Sizes', diff --git a/packages/help-text/stories/help-text.stories.ts b/packages/help-text/stories/help-text.stories.ts index 9bb8cc11ef2..74dc122f455 100644 --- a/packages/help-text/stories/help-text.stories.ts +++ b/packages/help-text/stories/help-text.stories.ts @@ -12,7 +12,7 @@ governing permissions and limitations under the License. import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-help-text.js'; +import '@spectrum-web-components/help-text/sp-help-text.js'; export default { title: 'Help Text', diff --git a/packages/help-text/test/help-text.test.ts b/packages/help-text/test/help-text.test.ts index 039d751e1be..f7bc3648d65 100644 --- a/packages/help-text/test/help-text.test.ts +++ b/packages/help-text/test/help-text.test.ts @@ -12,8 +12,8 @@ governing permissions and limitations under the License. import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; -import '../sp-help-text.js'; -import { HelpText } from '..'; +import '@spectrum-web-components/help-text/sp-help-text.js'; +import { HelpText } from '@spectrum-web-components/help-text'; describe('HelpText', () => { it('loads default help-text accessibly', async () => { diff --git a/packages/icon/exports.json b/packages/icon/exports.json new file mode 100644 index 00000000000..d175c1bc59e --- /dev/null +++ b/packages/icon/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-icon.js": "./sp-icon.js" +} diff --git a/packages/icon/package.json b/packages/icon/package.json index 52c1d7b975f..dcd06840ae1 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -20,11 +20,38 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-icon": "./sp-icon.js", - "./sp-icon.js": "./sp-icon.js" + "./src/Icon.js": { + "development": "./src/Icon.dev.js", + "default": "./src/Icon.js" + }, + "./src/IconBase.js": { + "development": "./src/IconBase.dev.js", + "default": "./src/IconBase.js" + }, + "./src/icon.css.js": "./src/icon.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/spectrum-icon-arrow.css.js": "./src/spectrum-icon-arrow.css.js", + "./src/spectrum-icon-asterisk.css.js": "./src/spectrum-icon-asterisk.css.js", + "./src/spectrum-icon-checkmark.css.js": "./src/spectrum-icon-checkmark.css.js", + "./src/spectrum-icon-chevron.css.js": "./src/spectrum-icon-chevron.css.js", + "./src/spectrum-icon-corner-triangle.css.js": "./src/spectrum-icon-corner-triangle.css.js", + "./src/spectrum-icon-cross.css.js": "./src/spectrum-icon-cross.css.js", + "./src/spectrum-icon-dash.css.js": "./src/spectrum-icon-dash.css.js", + "./src/spectrum-icon-double-gripper.css.js": "./src/spectrum-icon-double-gripper.css.js", + "./src/spectrum-icon-single-gripper.css.js": "./src/spectrum-icon-single-gripper.css.js", + "./src/spectrum-icon-triple-gripper.css.js": "./src/spectrum-icon-triple-gripper.css.js", + "./sp-icon.js": { + "development": "./sp-icon.dev.js", + "default": "./sp-icon.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/icon/stories/icon.stories.ts b/packages/icon/stories/icon.stories.ts index 5a622d95b2e..19f75649141 100644 --- a/packages/icon/stories/icon.stories.ts +++ b/packages/icon/stories/icon.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-icon.js'; +import '@spectrum-web-components/icon/sp-icon.js'; import { back } from './images'; import '@spectrum-web-components/icons/sp-icons-medium.js'; import '@spectrum-web-components/icons/sp-icons-large.js'; diff --git a/packages/icon/test/icon.test.ts b/packages/icon/test/icon.test.ts index 80c29efd5f5..883fa68ef4f 100644 --- a/packages/icon/test/icon.test.ts +++ b/packages/icon/test/icon.test.ts @@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -import '../sp-icon.js'; -import { Icon } from '../'; +import '@spectrum-web-components/icon/sp-icon.js'; +import { Icon } from '@spectrum-web-components/icon'; import '@spectrum-web-components/icons/sp-icons-medium.js'; import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; diff --git a/packages/icons-ui/bin/build.js b/packages/icons-ui/bin/build.js index 6c36e85bb56..1e9ffd00c84 100644 --- a/packages/icons-ui/bin/build.js +++ b/packages/icons-ui/bin/build.js @@ -240,7 +240,7 @@ glob(`${rootDir}/node_modules/${iconsPath}/**.svg`, (error, icons) => { iconRegistrationFile, 'utf-8' ); - const importStatement = `\r\nimport '../icons/${iconElementName}.js';`; + const importStatement = `\r\nimport '@spectrum-web-components/icons-ui/icons/${iconElementName}.js';`; const metadata = `{name: '${Case.sentence( ComponentName )}', tag: '<${iconElementName}>', story: (size: string): TemplateResult => html\`<${iconElementName} size=\$\{size\}>\`},\r\n`; diff --git a/packages/icons-workflow/bin/build.js b/packages/icons-workflow/bin/build.js index 6108155ca04..9cd7ed3008d 100644 --- a/packages/icons-workflow/bin/build.js +++ b/packages/icons-workflow/bin/build.js @@ -262,7 +262,7 @@ glob(`${rootDir}/node_modules/${iconsPath}/**.svg`, (error, icons) => { iconRegistrationFile, 'utf-8' ); - const importStatement = `\r\nimport '../icons/${iconElementName}.js';`; + const importStatement = `\r\nimport '@spectrum-web-components/icons-workflow/icons/${iconElementName}.js';`; const metadata = `{name: '${Case.sentence( ComponentName )}', tag: '<${iconElementName}>', story: (size: string): TemplateResult => html\`<${iconElementName} size=\$\{size\}>\`},\r\n`; diff --git a/packages/icons/exports.json b/packages/icons/exports.json new file mode 100644 index 00000000000..5d5575f5400 --- /dev/null +++ b/packages/icons/exports.json @@ -0,0 +1,5 @@ +{ + "./src/*": "./src/*", + "./sp-icons-large.js": "./sp-icons-large.js", + "./sp-icons-medium.js": "./sp-icons-medium.js" +} diff --git a/packages/icons/package.json b/packages/icons/package.json index 21be0dc7539..1fa3b30bd05 100644 --- a/packages/icons/package.json +++ b/packages/icons/package.json @@ -20,13 +20,39 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-icons-large": "./sp-icons-large.js", - "./sp-icons-large.js": "./sp-icons-large.js", - "./sp-icons-medium": "./sp-icons-medium.js", - "./sp-icons-medium.js": "./sp-icons-medium.js" + "./src/IconsLarge.js": { + "development": "./src/IconsLarge.dev.js", + "default": "./src/IconsLarge.js" + }, + "./src/IconsMedium.js": { + "development": "./src/IconsMedium.dev.js", + "default": "./src/IconsMedium.js" + }, + "./src/icons-large.svg.js": { + "development": "./src/icons-large.svg.dev.js", + "default": "./src/icons-large.svg.js" + }, + "./src/icons-medium.svg.js": { + "development": "./src/icons-medium.svg.dev.js", + "default": "./src/icons-medium.svg.js" + }, + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-icons-large.js": { + "development": "./sp-icons-large.dev.js", + "default": "./sp-icons-large.js" + }, + "./sp-icons-medium.js": { + "development": "./sp-icons-medium.dev.js", + "default": "./sp-icons-medium.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/icons/stories/icons.stories.ts b/packages/icons/stories/icons.stories.ts index 12e34776d45..19640c997a1 100644 --- a/packages/icons/stories/icons.stories.ts +++ b/packages/icons/stories/icons.stories.ts @@ -9,8 +9,8 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import '../sp-icons-large.js'; -import '../sp-icons-medium.js'; +import '@spectrum-web-components/icons/sp-icons-large.js'; +import '@spectrum-web-components/icons/sp-icons-medium.js'; import '../../iconset/stories/icons-demo.js'; import { html, TemplateResult } from '@spectrum-web-components/base'; diff --git a/packages/icons/test/icons.test.ts b/packages/icons/test/icons.test.ts index 49c1a5042e6..17a85cf7a2d 100644 --- a/packages/icons/test/icons.test.ts +++ b/packages/icons/test/icons.test.ts @@ -8,8 +8,8 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import '../sp-icons-large.js'; -import '../sp-icons-medium.js'; +import '@spectrum-web-components/icons/sp-icons-large.js'; +import '@spectrum-web-components/icons/sp-icons-medium.js'; import { IconsLarge, IconsMedium } from '../'; import IconsetSVG from '../src/icons-large.svg.js'; import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; diff --git a/packages/iconset/exports.json b/packages/iconset/exports.json new file mode 100644 index 00000000000..266304b99db --- /dev/null +++ b/packages/iconset/exports.json @@ -0,0 +1,3 @@ +{ + "./src/*": "./src/*" +} diff --git a/packages/iconset/package.json b/packages/iconset/package.json index 75cfbd5bb14..04bce2b4c4f 100644 --- a/packages/iconset/package.json +++ b/packages/iconset/package.json @@ -19,9 +19,27 @@ "main": "./src/index.js", "module": "./src/index.js", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", - "./package.json": "./package.json" + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./package.json": "./package.json", + "./src/iconset-registry.js": { + "development": "./src/iconset-registry.dev.js", + "default": "./src/iconset-registry.js" + }, + "./src/iconset-svg.js": { + "development": "./src/iconset-svg.dev.js", + "default": "./src/iconset-svg.js" + }, + "./src/iconset.js": { + "development": "./src/iconset.dev.js", + "default": "./src/iconset.js" + }, + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/iconset/stories/icons-demo.ts b/packages/iconset/stories/icons-demo.ts index 6d8e30b66dd..62f2468a93f 100644 --- a/packages/iconset/stories/icons-demo.ts +++ b/packages/iconset/stories/icons-demo.ts @@ -9,7 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import { IconsetAddedDetail } from '../'; +import { IconsetAddedDetail } from '@spectrum-web-components/iconset'; import { css, CSSResultGroup, diff --git a/packages/iconset/test/iconset.test.ts b/packages/iconset/test/iconset.test.ts index 122eda58929..fc5cf591fd3 100644 --- a/packages/iconset/test/iconset.test.ts +++ b/packages/iconset/test/iconset.test.ts @@ -15,7 +15,7 @@ import '@spectrum-web-components/icons/sp-icons-medium.js'; import '@spectrum-web-components/icon/sp-icon.js'; import { IconsMedium } from '@spectrum-web-components/icons'; import { Icon } from '@spectrum-web-components/icon'; -import { IconsetRegistry } from '../src/iconset-registry.js'; +import { IconsetRegistry } from '@spectrum-web-components/iconset/src/iconset-registry.js'; import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; describe('Iconset', () => { diff --git a/packages/illustrated-message/exports.json b/packages/illustrated-message/exports.json new file mode 100644 index 00000000000..3a5f0e66e99 --- /dev/null +++ b/packages/illustrated-message/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-illustrated-message.js": "./sp-illustrated-message.js" +} diff --git a/packages/illustrated-message/package.json b/packages/illustrated-message/package.json index 4992012ef6a..3bd3a841685 100644 --- a/packages/illustrated-message/package.json +++ b/packages/illustrated-message/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-illustrated-message": "./sp-illustrated-message.js", - "./sp-illustrated-message.js": "./sp-illustrated-message.js" + "./src/IllustratedMessage.js": { + "development": "./src/IllustratedMessage.dev.js", + "default": "./src/IllustratedMessage.js" + }, + "./src/illustrated-message.css.js": "./src/illustrated-message.css.js", + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./sp-illustrated-message.js": { + "development": "./sp-illustrated-message.dev.js", + "default": "./sp-illustrated-message.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/illustrated-message/stories/illustrated-message.stories.ts b/packages/illustrated-message/stories/illustrated-message.stories.ts index 2b663b058c5..ce04a7250b5 100644 --- a/packages/illustrated-message/stories/illustrated-message.stories.ts +++ b/packages/illustrated-message/stories/illustrated-message.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-illustrated-message.js'; +import '@spectrum-web-components/illustrated-message/sp-illustrated-message.js'; import { illustration } from '../../dropzone/test/test-svg.js'; export default { diff --git a/packages/illustrated-message/test/illustrated-message.test.ts b/packages/illustrated-message/test/illustrated-message.test.ts index 06b3ef974ec..e16f2bf0f37 100644 --- a/packages/illustrated-message/test/illustrated-message.test.ts +++ b/packages/illustrated-message/test/illustrated-message.test.ts @@ -9,7 +9,7 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ -import '../sp-illustrated-message.js'; +import '@spectrum-web-components/illustrated-message/sp-illustrated-message.js'; import { IllustratedMessage } from '../'; import { expect, fixture, html } from '@open-wc/testing'; diff --git a/packages/link/exports.json b/packages/link/exports.json new file mode 100644 index 00000000000..4a7dfdc7924 --- /dev/null +++ b/packages/link/exports.json @@ -0,0 +1,4 @@ +{ + "./src/*": "./src/*", + "./sp-link.js": "./sp-link.js" +} diff --git a/packages/link/package.json b/packages/link/package.json index e54cb1a4ba1..319ac7729f0 100644 --- a/packages/link/package.json +++ b/packages/link/package.json @@ -20,11 +20,24 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-link": "./sp-link.js", - "./sp-link.js": "./sp-link.js" + "./src/Link.js": { + "development": "./src/Link.dev.js", + "default": "./src/Link.js" + }, + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/link.css.js": "./src/link.css.js", + "./sp-link.js": { + "development": "./sp-link.dev.js", + "default": "./sp-link.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/link/stories/link-sizes.stories.ts b/packages/link/stories/link-sizes.stories.ts index 514880097b0..ae796798d86 100644 --- a/packages/link/stories/link-sizes.stories.ts +++ b/packages/link/stories/link-sizes.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-link.js'; +import '@spectrum-web-components/link/sp-link.js'; export default { component: 'sp-link', diff --git a/packages/link/stories/link.stories.ts b/packages/link/stories/link.stories.ts index 91dd10f99ee..a6d89ed9892 100644 --- a/packages/link/stories/link.stories.ts +++ b/packages/link/stories/link.stories.ts @@ -11,7 +11,7 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import '../sp-link.js'; +import '@spectrum-web-components/link/sp-link.js'; export default { component: 'sp-link', diff --git a/packages/link/test/link.test.ts b/packages/link/test/link.test.ts index 95ae1aa2f67..61afc3a6ac9 100644 --- a/packages/link/test/link.test.ts +++ b/packages/link/test/link.test.ts @@ -10,8 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag governing permissions and limitations under the License. */ -import '../sp-link.js'; -import { Link } from '../'; +import '@spectrum-web-components/link/sp-link.js'; +import { Link } from '@spectrum-web-components/link'; import { elementUpdated, expect, fixture, html } from '@open-wc/testing'; describe('Link', () => { diff --git a/packages/menu/exports.json b/packages/menu/exports.json new file mode 100644 index 00000000000..ed22af3506e --- /dev/null +++ b/packages/menu/exports.json @@ -0,0 +1,7 @@ +{ + "./src/*": "./src/*", + "./sp-menu.js": "./sp-menu.js", + "./sp-menu-divider.js": "./sp-menu-divider.js", + "./sp-menu-group.js": "./sp-menu-group.js", + "./sp-menu-item.js": "./sp-menu-item.js" +} diff --git a/packages/menu/package.json b/packages/menu/package.json index b3ef73c1a33..651d76b7deb 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -20,17 +20,51 @@ "module": "./src/index.js", "type": "module", "exports": { - ".": "./src/index.js", - "./src/*": "./src/*", + ".": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, "./package.json": "./package.json", - "./sp-menu": "./sp-menu.js", - "./sp-menu.js": "./sp-menu.js", - "./sp-menu-divider": "./sp-menu-divider.js", - "./sp-menu-divider.js": "./sp-menu-divider.js", - "./sp-menu-group": "./sp-menu-group.js", - "./sp-menu-group.js": "./sp-menu-group.js", - "./sp-menu-item": "./sp-menu-item.js", - "./sp-menu-item.js": "./sp-menu-item.js" + "./src/Menu.js": { + "development": "./src/Menu.dev.js", + "default": "./src/Menu.js" + }, + "./src/MenuDivider.js": { + "development": "./src/MenuDivider.dev.js", + "default": "./src/MenuDivider.js" + }, + "./src/MenuGroup.js": { + "development": "./src/MenuGroup.dev.js", + "default": "./src/MenuGroup.js" + }, + "./src/MenuItem.js": { + "development": "./src/MenuItem.dev.js", + "default": "./src/MenuItem.js" + }, + "./src/index.js": { + "development": "./src/index.dev.js", + "default": "./src/index.js" + }, + "./src/menu-divider.css.js": "./src/menu-divider.css.js", + "./src/menu-group.css.js": "./src/menu-group.css.js", + "./src/menu-item.css.js": "./src/menu-item.css.js", + "./src/menu.css.js": "./src/menu.css.js", + "./sp-menu.js": { + "development": "./sp-menu.dev.js", + "default": "./sp-menu.js" + }, + "./sp-menu-divider.js": { + "development": "./sp-menu-divider.dev.js", + "default": "./sp-menu-divider.js" + }, + "./sp-menu-group.js": { + "development": "./sp-menu-group.dev.js", + "default": "./sp-menu-group.js" + }, + "./sp-menu-item.js": { + "development": "./sp-menu-item.dev.js", + "default": "./sp-menu-item.js" + } }, "scripts": { "test": "echo \"Error: run tests from mono-repo root.\" && exit 1" diff --git a/packages/menu/src/Menu.ts b/packages/menu/src/Menu.ts index c169a7d7308..2c03b8afa0a 100644 --- a/packages/menu/src/Menu.ts +++ b/packages/menu/src/Menu.ts @@ -22,8 +22,8 @@ import { query, } from '@spectrum-web-components/base/src/decorators.js'; -import { - MenuItem, +import { MenuItem } from './MenuItem.js'; +import type { MenuItemAddedOrUpdatedEvent, MenuItemRemovedEvent, } from './MenuItem.js'; diff --git a/packages/menu/stories/menu-group.stories.ts b/packages/menu/stories/menu-group.stories.ts index a34b29fa4e1..4bcfa45ddaa 100644 --- a/packages/menu/stories/menu-group.stories.ts +++ b/packages/menu/stories/menu-group.stories.ts @@ -11,9 +11,9 @@ governing permissions and limitations under the License. */ import { html, TemplateResult } from '@spectrum-web-components/base'; -import { MenuGroup } from '..'; -import '../sp-menu.js'; -import '../sp-menu-divider.js'; +import { MenuGroup } from '@spectrum-web-components/menu'; +import '@spectrum-web-components/menu/sp-menu.js'; +import '@spectrum-web-components/menu/sp-menu-divider.js'; import '@spectrum-web-components/popover/sp-popover.js'; import '@spectrum-web-components/menu/sp-menu.js'; import '@spectrum-web-components/menu/sp-menu-item.js'; @@ -65,14 +65,13 @@ export const mixed = (): TemplateResult => { decoration = value; break; } - (document.querySelector( - '#output' - ) as HTMLElement).textContent = styleRules({ - style, - weight, - color, - decoration, - }); + (document.querySelector('#output') as HTMLElement).textContent = + styleRules({ + style, + weight, + color, + decoration, + }); }; return html`