From 9102896d754ebc79bf20e9a32ed33afa255c1c8f Mon Sep 17 00:00:00 2001 From: Piyush Vashisht Date: Thu, 1 May 2025 20:45:10 +0530 Subject: [PATCH 01/24] chore: remove spectrum-config.js files from various packages (#5417) * chore: remove spectrum-config.js files from various packages * chore; remove spectrum-css dependencies * chore: remove unused @spectrum-css dependencies from yarn.lock * Update packages/icons-ui/package.json * Update packages/icons-ui/package.json --------- Co-authored-by: Casey Eickhoff <48574582+caseyisonit@users.noreply.github.com> --- packages/accordion/package.json | 3 - packages/accordion/src/spectrum-config.js | 163 --- packages/action-bar/package.json | 3 - packages/action-bar/src/spectrum-config.js | 48 - packages/action-button/package.json | 3 - packages/action-button/src/spectrum-config.js | 270 ---- packages/action-group/package.json | 3 - packages/action-group/src/spectrum-config.js | 231 ---- packages/action-menu/package.json | 3 - packages/alert-banner/package.json | 3 - packages/alert-banner/src/spectrum-config.js | 49 - packages/alert-dialog/package.json | 3 - packages/alert-dialog/src/spectrum-config.js | 52 - packages/asset/package.json | 3 - packages/asset/src/spectrum-config.js | 41 - packages/avatar/package.json | 3 - packages/avatar/src/spectrum-config.js | 52 - packages/badge/package.json | 3 - packages/badge/src/spectrum-config.js | 149 -- packages/breadcrumbs/package.json | 3 - packages/breadcrumbs/src/spectrum-config.js | 211 --- packages/button-group/package.json | 3 - packages/button-group/src/spectrum-config.js | 46 - packages/button/package.json | 3 - packages/button/src/spectrum-config.js | 234 ---- packages/card/package.json | 3 - packages/card/src/spectrum-config.js | 74 - packages/checkbox/package.json | 3 - packages/checkbox/src/spectrum-config.js | 111 -- packages/clear-button/package.json | 3 - packages/clear-button/src/spectrum-config.js | 90 -- packages/close-button/package.json | 3 - packages/close-button/src/spectrum-config.js | 126 -- packages/coachmark/package.json | 4 - packages/coachmark/src/spectrum-config.js | 69 - packages/color-area/package.json | 3 - packages/color-area/src/spectrum-config.js | 45 - packages/color-handle/package.json | 3 - packages/color-handle/src/spectrum-config.js | 37 - packages/color-loupe/package.json | 3 - packages/color-loupe/src/spectrum-config.js | 43 - packages/color-slider/package.json | 3 - packages/color-slider/src/spectrum-config.js | 41 - packages/color-wheel/package.json | 3 - packages/color-wheel/src/spectrum-config.js | 59 - packages/combobox/package.json | 3 - packages/combobox/src/spectrum-config.js | 156 --- packages/contextual-help/package.json | 3 - .../contextual-help/src/spectrum-config.js | 54 - packages/dialog/package.json | 3 - packages/dialog/src/spectrum-config.js | 111 -- packages/divider/package.json | 3 - packages/divider/src/spectrum-config.js | 51 - packages/dropzone/package.json | 3 - packages/dropzone/src/spectrum-config.js | 39 - packages/field-group/package.json | 3 - packages/field-group/src/spectrum-config.js | 84 -- packages/field-label/package.json | 3 - packages/field-label/src/spectrum-config.js | 73 - packages/help-text/package.json | 3 - packages/help-text/src/spectrum-config.js | 64 - packages/icon/package.json | 3 - packages/icon/src/spectrum-config.js | 115 -- packages/icons-workflow/package.json | 1 - packages/illustrated-message/package.json | 3 - .../src/spectrum-config.js | 37 - packages/infield-button/package.json | 3 - .../infield-button/src/spectrum-config.js | 85 -- packages/link/package.json | 3 - packages/link/src/spectrum-config.js | 189 --- packages/menu/package.json | 3 - packages/menu/src/spectrum-config.js | 652 --------- packages/meter/package.json | 4 - packages/meter/src/spectrum-config.js | 107 -- packages/modal/package.json | 3 - packages/modal/src/spectrum-config.js | 118 -- packages/number-field/package.json | 3 +- packages/number-field/src/spectrum-config.js | 272 ---- packages/picker-button/package.json | 3 - packages/picker-button/src/spectrum-config.js | 252 ---- packages/picker/package.json | 3 - packages/picker/src/spectrum-config.js | 124 -- packages/popover/package.json | 3 - packages/popover/src/spectrum-config.js | 50 - packages/progress-bar/package.json | 3 - packages/progress-bar/src/spectrum-config.js | 77 -- packages/progress-circle/package.json | 3 - .../progress-circle/src/spectrum-config.js | 65 - packages/radio/package.json | 3 - packages/radio/src/spectrum-config.js | 143 -- packages/search/package.json | 3 - packages/search/src/spectrum-config.js | 124 -- packages/sidenav/package.json | 3 - packages/sidenav/src/spectrum-config.js | 152 --- packages/slider/package.json | 3 - packages/slider/src/spectrum-config.js | 205 --- packages/split-view/package.json | 3 - packages/split-view/src/spectrum-config.js | 84 -- packages/status-light/package.json | 3 - packages/status-light/src/spectrum-config.js | 81 -- packages/swatch/package.json | 4 - packages/swatch/src/spectrum-config.js | 123 -- packages/switch/package.json | 3 - packages/switch/src/spectrum-config.js | 73 - packages/table/package.json | 3 - packages/table/src/spectrum-config.js | 319 ----- packages/tabs/package.json | 3 - packages/tabs/src/spectrum-config.js | 395 ------ packages/tags/package.json | 4 - packages/tags/src/spectrum-config.js | 112 -- packages/textfield/package.json | 3 - packages/textfield/src/spectrum-config.js | 158 --- packages/thumbnail/package.json | 3 - packages/thumbnail/src/spectrum-config.js | 58 - packages/toast/package.json | 3 - packages/toast/src/spectrum-config.js | 91 -- packages/tooltip/package.json | 3 - packages/tooltip/src/spectrum-config.js | 168 --- packages/tray/package.json | 3 - packages/tray/src/spectrum-config.js | 72 - packages/underlay/package.json | 3 - packages/underlay/src/spectrum-config.js | 35 - tools/opacity-checkerboard/package.json | 3 - .../src/spectrum-config.js | 43 - tools/styles/package.json | 7 - tools/styles/src/spectrum-config.js | 59 - yarn.lock | 1216 ----------------- 127 files changed, 1 insertion(+), 8924 deletions(-) delete mode 100644 packages/accordion/src/spectrum-config.js delete mode 100644 packages/action-bar/src/spectrum-config.js delete mode 100644 packages/action-button/src/spectrum-config.js delete mode 100644 packages/action-group/src/spectrum-config.js delete mode 100644 packages/alert-banner/src/spectrum-config.js delete mode 100644 packages/alert-dialog/src/spectrum-config.js delete mode 100644 packages/asset/src/spectrum-config.js delete mode 100644 packages/avatar/src/spectrum-config.js delete mode 100644 packages/badge/src/spectrum-config.js delete mode 100644 packages/breadcrumbs/src/spectrum-config.js delete mode 100644 packages/button-group/src/spectrum-config.js delete mode 100644 packages/button/src/spectrum-config.js delete mode 100644 packages/card/src/spectrum-config.js delete mode 100644 packages/checkbox/src/spectrum-config.js delete mode 100644 packages/clear-button/src/spectrum-config.js delete mode 100644 packages/close-button/src/spectrum-config.js delete mode 100644 packages/coachmark/src/spectrum-config.js delete mode 100644 packages/color-area/src/spectrum-config.js delete mode 100644 packages/color-handle/src/spectrum-config.js delete mode 100644 packages/color-loupe/src/spectrum-config.js delete mode 100644 packages/color-slider/src/spectrum-config.js delete mode 100644 packages/color-wheel/src/spectrum-config.js delete mode 100644 packages/combobox/src/spectrum-config.js delete mode 100644 packages/contextual-help/src/spectrum-config.js delete mode 100644 packages/dialog/src/spectrum-config.js delete mode 100644 packages/divider/src/spectrum-config.js delete mode 100644 packages/dropzone/src/spectrum-config.js delete mode 100644 packages/field-group/src/spectrum-config.js delete mode 100644 packages/field-label/src/spectrum-config.js delete mode 100644 packages/help-text/src/spectrum-config.js delete mode 100644 packages/icon/src/spectrum-config.js delete mode 100644 packages/illustrated-message/src/spectrum-config.js delete mode 100644 packages/infield-button/src/spectrum-config.js delete mode 100644 packages/link/src/spectrum-config.js delete mode 100644 packages/menu/src/spectrum-config.js delete mode 100644 packages/meter/src/spectrum-config.js delete mode 100644 packages/modal/src/spectrum-config.js delete mode 100644 packages/number-field/src/spectrum-config.js delete mode 100644 packages/picker-button/src/spectrum-config.js delete mode 100644 packages/picker/src/spectrum-config.js delete mode 100644 packages/popover/src/spectrum-config.js delete mode 100644 packages/progress-bar/src/spectrum-config.js delete mode 100644 packages/progress-circle/src/spectrum-config.js delete mode 100644 packages/radio/src/spectrum-config.js delete mode 100644 packages/search/src/spectrum-config.js delete mode 100644 packages/sidenav/src/spectrum-config.js delete mode 100644 packages/slider/src/spectrum-config.js delete mode 100644 packages/split-view/src/spectrum-config.js delete mode 100644 packages/status-light/src/spectrum-config.js delete mode 100644 packages/swatch/src/spectrum-config.js delete mode 100644 packages/switch/src/spectrum-config.js delete mode 100644 packages/table/src/spectrum-config.js delete mode 100644 packages/tabs/src/spectrum-config.js delete mode 100644 packages/tags/src/spectrum-config.js delete mode 100644 packages/textfield/src/spectrum-config.js delete mode 100644 packages/thumbnail/src/spectrum-config.js delete mode 100644 packages/toast/src/spectrum-config.js delete mode 100644 packages/tooltip/src/spectrum-config.js delete mode 100644 packages/tray/src/spectrum-config.js delete mode 100644 packages/underlay/src/spectrum-config.js delete mode 100644 tools/opacity-checkerboard/src/spectrum-config.js delete mode 100644 tools/styles/src/spectrum-config.js diff --git a/packages/accordion/package.json b/packages/accordion/package.json index 32e66b32065..8f63b92f97c 100644 --- a/packages/accordion/package.json +++ b/packages/accordion/package.json @@ -80,9 +80,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/accordion": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/accordion/src/spectrum-config.js b/packages/accordion/src/spectrum-config.js deleted file mode 100644 index 57097ff6bfe..00000000000 --- a/packages/accordion/src/spectrum-config.js +++ /dev/null @@ -1,163 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Accordion'); -const converterItem = converterFor('spectrum-Accordion-item'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/accordion', - outPackage: 'accordion', - fileName: 'accordion', - excludeByComponents: [ - builder.class('spectrum-Accordion-item'), - builder.class('spectrum-Accordion-itemIndicator'), - builder.class('spectrum-Accordion-itemIconContainer'), - builder.class('spectrum-Accordion-itemHeading'), - builder.class('spectrum-Accordion-itemHeader'), - builder.class('spectrum-Accordion-itemContent'), - ], - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('is-disabled', 'disabled'), - ...converter.enumerateAttributes( - [ - ['spectrum-Accordion--compact', 'compact'], - ['spectrum-Accordion--spacious', 'spacious'], - ], - 'density' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Accordion--sizeS', 's'], - ['spectrum-Accordion--sizeL', 'l'], - ['spectrum-Accordion--sizeXL', 'xl'], - ], - 'size' - ), - ], - }, - { - inPackage: '@spectrum-css/accordion', - outPackage: 'accordion', - fileName: 'accordion-item', - excludeByComponents: [ - builder.class('spectrum-Accordion'), - builder.class('spectrum-Accordion--compact'), - builder.class('spectrum-Accordion--spacious'), - builder.class('spectrum-Accordion--sizeS'), - builder.class('spectrum-Accordion--sizeL'), - builder.class('spectrum-Accordion--sizeXL'), - ], - components: [ - converterItem.classToHost(), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToId( - 'spectrum-Accordion-itemHeading', - 'heading' - ), - converter.classToId('spectrum-Accordion-itemHeader', 'header'), - converter.classToId( - 'spectrum-Accordion-itemContent', - 'content' - ), - converter.classToClass( - 'spectrum-Accordion-itemIconContainer', - 'iconContainer' - ), - converter.classToClass( - 'spectrum-Accordion-itemIndicator', - 'indicator' - ), - { - find: builder.pseudoClass('first-of-type'), - replace: builder.pseudoClass('first-of-type'), - hoist: true, - }, - { - find: builder.pseudoClass('first-child'), - replace: builder.pseudoClass('first-child'), - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'first-of-type', - }, - ], - ], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'first-of-type', - }, - ], - ], - }, - hoist: true, - }, - { - find: [ - builder.class('spectrum-Accordion-itemHeader'), - builder.pseudoClass('hover'), - ], - replace: [ - { - replace: builder.id('header'), - }, - { - replace: builder.pseudoClass('hover'), - }, - ], - }, - { - find: [ - builder.class('spectrum-Accordion-itemHeader'), - builder.pseudoClass('focus'), - ], - replace: [ - { - replace: builder.id('header'), - }, - { - replace: builder.pseudoClass('focus'), - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/action-bar/package.json b/packages/action-bar/package.json index b63318b7894..af4d9832ad7 100644 --- a/packages/action-bar/package.json +++ b/packages/action-bar/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/field-label": "1.6.0", "@spectrum-web-components/popover": "1.6.0" }, - "devDependencies": { - "@spectrum-css/actionbar": "10.1.1" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/action-bar/src/spectrum-config.js b/packages/action-bar/src/spectrum-config.js deleted file mode 100644 index e853e02e8da..00000000000 --- a/packages/action-bar/src/spectrum-config.js +++ /dev/null @@ -1,48 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ActionBar'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/actionbar', - outPackage: 'action-bar', - fileName: 'action-bar', - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('spectrum-ActionBar--flexible'), - converter.classToAttribute('spectrum-ActionBar--emphasized'), - converter.classToClass('spectrum-CloseButton', 'close-button'), - converter.classToClass('spectrum-ActionGroup', 'action-group'), - converter.classToClass('spectrum-FieldLabel', 'field-label'), - ...converter.enumerateAttributes( - [ - ['spectrum-ActionBar--sticky'], - ['spectrum-ActionBar--fixed'], - ], - 'variant' - ), - converter.classToId('spectrum-ActionBar-popover'), - ], - }, - ], -}; - -export default config; diff --git a/packages/action-button/package.json b/packages/action-button/package.json index f36b2cb8802..cdff9b0b3af 100644 --- a/packages/action-button/package.json +++ b/packages/action-button/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/icons-ui": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/actionbutton": "7.1.3" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/action-button/src/spectrum-config.js b/packages/action-button/src/spectrum-config.js deleted file mode 100644 index 829543400ea..00000000000 --- a/packages/action-button/src/spectrum-config.js +++ /dev/null @@ -1,270 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ActionButton'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/actionbutton', - outPackage: 'action-button', - fileName: 'action-button', - systemOverrides: true, - excludeByComponents: [ - { - type: 'type', - name: 'a', - }, - { - type: 'pseudo-element', - kind: 'custom', - name: '-moz-focus-inner', - }, - ], - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-ActionButton--quiet'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.pseudoToAttribute('disabled', 'disabled'), - converter.classToAttribute('is-selected', 'selected'), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.classToAttribute('is-active', 'active'), - converter.classToAttribute('spectrum-ActionButton--emphasized'), - ...converter.enumerateAttributes( - [ - ['spectrum-ActionButton--staticWhite', 'white'], - ['spectrum-ActionButton--staticBlack', 'black'], - ], - 'static-color' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-ActionButton--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-ActionButton--sizeXS', 'xs'], - ['spectrum-ActionButton--sizeS', 's'], - ['spectrum-ActionButton--sizeL', 'l'], - ['spectrum-ActionButton--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass( - 'spectrum-ActionButton-hold', - 'hold-affordance' - ), - converter.classToClass( - 'spectrum-ActionButton-holdIcon', - 'hold-affordance' - ), - converter.classToId('spectrum-ActionButton-label'), - converter.classToSlotted('spectrum-ActionButton-icon', 'icon'), - { - find: [ - builder.class('spectrum-ActionButton-icon'), - builder.pseudoClass('only-child'), - ], - replace: [ - { - replace: builder.attribute('icon-only'), - hoist: false, - }, - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'attribute', - name: 'slot', - operation: { - operator: 'equal', - value: 'icon', - }, - }, - ], - }, - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionButton-icon'), - builder.combinator('+'), - builder.class('spectrum-ActionButton-label'), - ], - replace: [ - { - replace: { - type: 'attribute', - name: 'name', - operation: { - operator: 'equal', - value: 'icon', - }, - }, - hoist: false, - }, - { - replace: builder.combinator('+'), - }, - { - replace: builder.id('label'), - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionButton-hold'), - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - ], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - { - type: 'attribute', - name: 'dir', - operation: { - value: 'rtl', - operator: 'equal', - }, - }, - ], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.class('hold-affordance'), - }, - ], - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'disabled', - }, - ], - ], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'disabled', - }, - ], - ], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'class', - name: 'spectrum-ActionButton--staticBlack', - }, - ], - [ - { - type: 'class', - name: 'spectrum-ActionButton--staticWhite', - }, - ], - ], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [ - { - type: 'attribute', - name: 'static-color', - operation: { - operator: 'equal', - value: 'black', - }, - }, - ], - [ - { - type: 'attribute', - name: 'static-color', - operation: { - operator: 'equal', - value: 'white', - }, - }, - ], - ], - }, - hoist: true, - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/action-group/package.json b/packages/action-group/package.json index 9b9cada5f7d..e0f50ca2348 100644 --- a/packages/action-group/package.json +++ b/packages/action-group/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/icons-workflow": "1.6.0", "@spectrum-web-components/reactive-controllers": "1.6.0" }, - "devDependencies": { - "@spectrum-css/actiongroup": "6.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/action-group/src/spectrum-config.js b/packages/action-group/src/spectrum-config.js deleted file mode 100644 index 42dce8fdc01..00000000000 --- a/packages/action-group/src/spectrum-config.js +++ /dev/null @@ -1,231 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ActionGroup'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/actiongroup', - outPackage: 'action-group', - fileName: 'action-group', - excludeByComponents: [ - builder.class('spectrum-ActionButton-label'), - builder.class('🤫'), - ], - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-ActionGroup--vertical'), - converter.classToAttribute('spectrum-ActionGroup--compact'), - converter.classToAttribute('spectrum-ActionGroup--quiet'), - converter.classToAttribute('spectrum-ActionGroup--justified'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-ActionGroup--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-ActionGroup--sizeXS', 'xs'], - ['spectrum-ActionGroup--sizeS', 's'], - ['spectrum-ActionGroup--sizeL', 'l'], - ['spectrum-ActionGroup--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToSlotted('spectrum-ActionGroup-item'), - converter.notToAttribute('spectrum-ActionGroup--vertical'), - converter.notToAttribute('spectrum-ActionGroup--compact'), - converter.notToAttribute('spectrum-ActionGroup--quiet'), - { - find: [ - builder.class('spectrum-ActionGroup-item'), - builder.class('is-selected'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.attribute('selected')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionGroup-item'), - builder.pseudoClass('hover'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.pseudoClass('hover')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionGroup-item'), - builder.pseudoClass('focus-visible'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.pseudoClass('focus-visible'), - ], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionGroup-item'), - builder.pseudoClass('last-child'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.pseudoClass('last-child')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionGroup-item'), - builder.pseudoClass('first-child'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.pseudoClass('first-child')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: [ - builder.class('spectrum-ActionGroup-item'), - builder.combinator('+'), - builder.class('spectrum-ActionGroup-item'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - builder.pseudoClass( - 'first-child' - ), - ], - ], - }, - ], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'class', - name: 'spectrum-ActionGroup--vertical', - }, - ], - [ - { - type: 'class', - name: 'spectrum-ActionGroup--compact', - }, - ], - ], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [ - { - type: 'attribute', - name: 'vertical', - operation: { - operator: 'equal', - value: 'true', - }, - }, - { - type: 'attribute', - name: 'compact', - operation: { - operator: 'equal', - value: 'true', - }, - }, - ], - ], - }, - hoist: true, - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/action-menu/package.json b/packages/action-menu/package.json index e5179b95c2b..e4c39f85b15 100644 --- a/packages/action-menu/package.json +++ b/packages/action-menu/package.json @@ -74,9 +74,6 @@ "@spectrum-web-components/picker": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/actionmenu": "7.1.1" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/alert-banner/package.json b/packages/alert-banner/package.json index e7b64b08093..1555c6ebd7d 100644 --- a/packages/alert-banner/package.json +++ b/packages/alert-banner/package.json @@ -68,9 +68,6 @@ "@spectrum-web-components/button": "1.6.0", "@spectrum-web-components/icons-workflow": "1.6.0" }, - "devDependencies": { - "@spectrum-css/alertbanner": "3.1.1" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/alert-banner/src/spectrum-config.js b/packages/alert-banner/src/spectrum-config.js deleted file mode 100644 index 5f2c2104c80..00000000000 --- a/packages/alert-banner/src/spectrum-config.js +++ /dev/null @@ -1,49 +0,0 @@ -/* -Copyright 2024 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ -// @ts-check - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-AlertBanner'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/alertbanner', - outPackage: 'alert-banner', - fileName: 'alert-banner', - systemOverrides: true, - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - ...converter.enumerateAttributes( - [ - ['spectrum-AlertBanner--info'], - ['spectrum-AlertBanner--negative'], - ], - 'variant' - ), - converter.classToClass('spectrum-AlertBanner-body'), - converter.classToClass('spectrum-AlertBanner-content'), - converter.classToClass('spectrum-AlertBanner-text'), - converter.classToSlotted('spectrum-Button', 'action'), - converter.classToClass('spectrum-AlertBanner-end'), - converter.classToClass('spectrum-AlertBanner-icon', 'type'), - ], - }, - ], -}; - -export default config; diff --git a/packages/alert-dialog/package.json b/packages/alert-dialog/package.json index 4d754c89e48..781a8d01a33 100644 --- a/packages/alert-dialog/package.json +++ b/packages/alert-dialog/package.json @@ -72,9 +72,6 @@ "@spectrum-web-components/icons-workflow": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/alertdialog": "4.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/alert-dialog/src/spectrum-config.js b/packages/alert-dialog/src/spectrum-config.js deleted file mode 100644 index f774c6a44f3..00000000000 --- a/packages/alert-dialog/src/spectrum-config.js +++ /dev/null @@ -1,52 +0,0 @@ -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ -// @ts-check - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-AlertDialog'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/alertdialog', - outPackage: 'alert-dialog', - fileName: 'alert-dialog', - components: [ - converter.classToHost(), - ...converter.enumerateAttributes( - [ - ['spectrum-AlertDialog--error'], - ['spectrum-AlertDialog--warning'], - ], - 'variant' - ), - converter.classToClass('spectrum-AlertDialog-header', 'header'), - converter.classToSlotted( - 'spectrum-AlertDialog-heading', - 'heading' - ), - converter.classToClass( - 'spectrum-AlertDialog-content', - 'content' - ), - converter.classToClass('spectrum-AlertDialog-grid', 'grid'), - converter.classToClass('spectrum-Icon', 'icon'), - ], - }, - ], -}; - -export default config; diff --git a/packages/asset/package.json b/packages/asset/package.json index f69fb6b7b4e..737672a568d 100644 --- a/packages/asset/package.json +++ b/packages/asset/package.json @@ -66,9 +66,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/asset": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/asset/src/spectrum-config.js b/packages/asset/src/spectrum-config.js deleted file mode 100644 index 8275554155a..00000000000 --- a/packages/asset/src/spectrum-config.js +++ /dev/null @@ -1,41 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Asset'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/asset', - outPackage: 'asset', - fileName: 'asset', - components: [ - converter.classToHost(), - converter.classToSlotted('spectrum-Asset-image'), - converter.classToClass('spectrum-Asset-file'), - converter.classToClass('spectrum-Asset-folder'), - converter.classToClass('spectrum-Asset-folderBackground'), - converter.classToClass('spectrum-Asset-fileBackground'), - converter.classToClass('spectrum-Asset-fileOutline'), - converter.classToClass('spectrum-Asset-folderOutline'), - ], - }, - ], -}; - -export default config; diff --git a/packages/avatar/package.json b/packages/avatar/package.json index f243764b2cb..b124c748efe 100644 --- a/packages/avatar/package.json +++ b/packages/avatar/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/avatar": "9.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/avatar/src/spectrum-config.js b/packages/avatar/src/spectrum-config.js deleted file mode 100644 index 8de612bc2d7..00000000000 --- a/packages/avatar/src/spectrum-config.js +++ /dev/null @@ -1,52 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Avatar'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/avatar', - outPackage: 'avatar', - fileName: 'avatar', - components: [ - converter.classToHost(), - converter.classToAttribute('is-disabled', 'disabled'), - converter.notToAttribute('is-disabled', 'disabled'), - ...converter.enumerateAttributes( - [ - ['spectrum-Avatar--size50', '50'], - ['spectrum-Avatar--size75', '75'], - ['spectrum-Avatar--size100', '100'], - ['spectrum-Avatar--size200', '200'], - ['spectrum-Avatar--size300', '300'], - ['spectrum-Avatar--size400', '400'], - ['spectrum-Avatar--size500', '500'], - ['spectrum-Avatar--size600', '600'], - ['spectrum-Avatar--size700', '700'], - ], - 'size' - ), - converter.classToClass('spectrum-Avatar-image'), - converter.classToClass('spectrum-Avatar-link'), - ], - }, - ], -}; - -export default config; diff --git a/packages/badge/package.json b/packages/badge/package.json index eeae849a8e2..354e66f0604 100644 --- a/packages/badge/package.json +++ b/packages/badge/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/badge": "6.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/badge/src/spectrum-config.js b/packages/badge/src/spectrum-config.js deleted file mode 100644 index f328de60f94..00000000000 --- a/packages/badge/src/spectrum-config.js +++ /dev/null @@ -1,149 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Badge'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/badge', - outPackage: 'badge', - fileName: 'badge', - excludeByComponents: [ - { - type: 'pseudo-class', - kind: 'hover', - }, - ], - components: [ - converter.classToHost(), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Badge--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Badge--sizeS', 's'], - ['spectrum-Badge--sizeL', 'l'], - ['spectrum-Badge--sizeXL', 'xl'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - // semantic - ['spectrum-Badge--accent'], - ['spectrum-Badge--positive'], - ['spectrum-Badge--informative'], - ['spectrum-Badge--negative'], - ['spectrum-Badge--neutral'], - ['spectrum-Badge--notice'], - // non-semantic - ['spectrum-Badge--seafoam'], - ['spectrum-Badge--indigo'], - ['spectrum-Badge--purple'], - ['spectrum-Badge--fuchsia'], - ['spectrum-Badge--magenta'], - ['spectrum-Badge--yellow'], - ['spectrum-Badge--gray'], - ['spectrum-Badge--red'], - ['spectrum-Badge--orange'], - ['spectrum-Badge--chartreuse'], - ['spectrum-Badge--celery'], - ['spectrum-Badge--green'], - ['spectrum-Badge--cyan'], - ['spectrum-Badge--blue'], - ], - 'variant' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Badge--fixed-inline-start', 'inline-start'], - ['spectrum-Badge--fixed-inline-end', 'inline-end'], - ['spectrum-Badge--fixed-block-start', 'block-start'], - ['spectrum-Badge--fixed-block-end', 'block-end'], - ], - 'fixed' - ), - ...converter.enumerateAttributes( - [['spectrum-Badge--black-text', 'black']], - 'static-color' - ), - converter.classToClass('spectrum-Badge-label'), - converter.classToSlotted('spectrum-Badge-icon', 'icon'), - { - find: [ - { - type: 'class', - name: 'spectrum-Badge-icon--no-label', - }, - ], - replace: [ - { - replace: { - type: 'attribute', - name: 'icon-only', - }, - hoist: false, - }, - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'universal', - }, - ], - }, - }, - ], - }, - { - find: [ - { - type: 'class', - name: 'spectrum-Badge-icon', - }, - { - type: 'combinator', - value: 'next-sibling', - }, - { - type: 'class', - name: 'spectrum-Badge-label', - }, - ], - replace: [ - { - replace: { - type: 'attribute', - name: 'name', - operation: { - operator: 'equal', - value: 'icon', - }, - }, - hoist: false, - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/breadcrumbs/package.json b/packages/breadcrumbs/package.json index bf042ee680b..b4408cc8061 100644 --- a/packages/breadcrumbs/package.json +++ b/packages/breadcrumbs/package.json @@ -79,9 +79,6 @@ "@spectrum-web-components/link": "1.6.0", "@spectrum-web-components/menu": "1.6.0" }, - "devDependencies": { - "@spectrum-css/breadcrumb": "11.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/breadcrumbs/src/spectrum-config.js b/packages/breadcrumbs/src/spectrum-config.js deleted file mode 100644 index db4ab95f2fb..00000000000 --- a/packages/breadcrumbs/src/spectrum-config.js +++ /dev/null @@ -1,211 +0,0 @@ -/* -Copyright 2024 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ -// @ts-check - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Breadcrumbs'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/breadcrumb', - outPackage: 'breadcrumbs', - fileName: 'breadcrumbs', - hoistCustomPropertiesFrom: 'spectrum-Breadcrumbs', - excludeByComponents: [ - builder.class('spectrum-Breadcrumbs-itemSeparator'), - builder.class('spectrum-Breadcrumbs-itemLink'), - builder.class('spectrum-Breadcrumbs-item'), - ], - includeByWholeSelector: [ - /* .spectrum-Breadcrumbs--compact .spectrum-Breadcrumbs-item */ - [ - builder.class('spectrum-Breadcrumbs--compact'), - builder.combinator(' '), - builder.class('spectrum-Breadcrumbs-item'), - ], - /* .spectrum-Breadcrumbs--compact .spectrum-Breadcrumbs-item:last-of-type */ - [ - builder.class('spectrum-Breadcrumbs--compact'), - builder.combinator(' '), - builder.class('spectrum-Breadcrumbs-item'), - builder.pseudoClass('last-of-type'), - ], - ], - components: [ - converter.classToId('spectrum-Breadcrumbs', 'list'), - converter.classToAttribute('spectrum-Breadcrumbs--compact'), - { - find: [builder.class('spectrum-Breadcrumbs-item')], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.element('sp-breadcrumb-item'), - ], - }, - }, - ], - }, - { - find: [builder.class('spectrum-Breadcrumbs--compact')], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('compact')], - }, - }, - { - replace: builder.combinator('descendant'), - }, - { - replace: builder.id('list'), - }, - ], - }, - { - find: [ - builder.class('spectrum-Breadcrumbs-item'), - builder.pseudoClass('last-of-type'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.pseudoClass('last-of-type')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - ], - }, - { - inPackage: '@spectrum-css/breadcrumb', - outPackage: 'breadcrumbs', - fileName: 'breadcrumbs-item', - excludeByComponents: [ - builder.class('spectrum-Breadcrumbs'), - builder.class('spectrum-Breadcrumbs--compact'), - builder.class('spectrum-Breadcrumbs--multiline'), - ], - components: [ - converter.classToHost('spectrum-Breadcrumbs-item'), - { - find: builder.pseudoClass('first-of-type'), - replace: builder.pseudoClass('first-of-type'), - hoist: true, - }, - { - find: [ - builder.class('spectrum-Accordion-itemHeader'), - builder.pseudoClass('hover'), - ], - replace: [ - { - replace: builder.id('header'), - }, - { - replace: builder.pseudoClass('hover'), - }, - ], - }, - { - find: [builder.pseudoClass('last-of-type')], - replace: [ - // :host(:not(.is-menu):last-of-type) - { - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-menu')]], - }, - hoist: true, - }, - { - replace: builder.pseudoClass('last-of-type'), - hoist: true, - }, - ], - hoist: true, - }, - converter.classToId( - 'spectrum-Breadcrumbs-itemSeparator', - 'separator' - ), - converter.classToId( - 'spectrum-Breadcrumbs-itemLink', - 'item-link' - ), - { - find: [builder.class('spectrum-ActionButton')], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.element('sp-action-menu')], - }, - }, - ], - }, - { - collapseSelector: true, - find: [ - builder.class('spectrum-ActionButton'), - builder.pseudoClass('disabled'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.element('sp-action-menu'), - builder.attribute('disabled'), - ], - }, - }, - ], - }, - // :host([href]) -> #item-link[href] - { - hoist: false, - find: builder.attribute('href'), - replace: builder.attribute('href'), - }, - // :host([tabindex="0"]) -> #item-link[tabindex="0"] - { - hoist: false, - find: builder.attribute('tabindex'), - replace: builder.attribute('tabindex'), - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/button-group/package.json b/packages/button-group/package.json index afaacdb36cb..e559ba50fa6 100644 --- a/packages/button-group/package.json +++ b/packages/button-group/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/button": "1.6.0" }, - "devDependencies": { - "@spectrum-css/buttongroup": "9.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/button-group/src/spectrum-config.js b/packages/button-group/src/spectrum-config.js deleted file mode 100644 index c9b0f65b1e0..00000000000 --- a/packages/button-group/src/spectrum-config.js +++ /dev/null @@ -1,46 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ButtonGroup'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/buttongroup', - outPackage: 'button-group', - fileName: 'button-group', - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-ButtonGroup--vertical'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-ButtonGroup--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-ButtonGroup--sizeS', 's'], - ['spectrum-ButtonGroup--sizeL', 'l'], - ['spectrum-ButtonGroup--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToSlotted('spectrum-ButtonGroup-item'), - ], - }, - ], -}; - -export default config; diff --git a/packages/button/package.json b/packages/button/package.json index 95dca29f10c..057fdbdd287 100644 --- a/packages/button/package.json +++ b/packages/button/package.json @@ -98,9 +98,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/button": "14.1.6" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/button/src/spectrum-config.js b/packages/button/src/spectrum-config.js deleted file mode 100644 index 51482b40260..00000000000 --- a/packages/button/src/spectrum-config.js +++ /dev/null @@ -1,234 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Button'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/button', - outPackage: 'button', - fileName: 'button', - systemOverrides: true, - excludeByComponents: [ - builder.element('a'), - { - type: 'pseudo-element', - kind: 'custom', - name: '-moz-focus-inner', - }, - ], - excludeByWholeSelector: [ - // Exclude content hiding selectors when `pending` - //.spectrum-Button[pending] .spectrum-Icon - [ - builder.class('spectrum-Button'), - builder.attribute('pending'), - builder.combinator(' '), - builder.class('spectrum-Icon'), - ], - //.spectrum-Button[pending] .spectrum-Button-label - [ - builder.class('spectrum-Button'), - builder.attribute('pending'), - builder.combinator(' '), - builder.class('spectrum-Button-label'), - ], - //.spectrum-Button.is-pending .spectrum-Icon - [ - builder.class('spectrum-Button'), - builder.class('is-pending'), - builder.combinator(' '), - builder.class('spectrum-Icon'), - ], - //.spectrum-Button.is-pending .spectrum-Button-label - [ - builder.class('spectrum-Button'), - builder.class('is-pending'), - builder.combinator(' '), - builder.class('spectrum-Button-label'), - ], - ], - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-Button--quiet'), - converter.classToAttribute('spectrum-Button--emphasized'), - converter.classToAttribute( - 'spectrum-Button--noWrap', - 'no-wrap' - ), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-pending', 'pending'), - converter.pseudoToAttribute('disabled', 'disabled'), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.classToAttribute( - 'spectrum-Button--iconOnly', - 'icon-only' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Button--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Button--sizeS', 's'], - ['spectrum-Button--sizeL', 'l'], - ['spectrum-Button--sizeXL', 'xl'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Button--accent'], - ['spectrum-Button--primary'], - ['spectrum-Button--secondary'], - ['spectrum-Button--negative'], - ], - 'variant' - ), - ...converter.enumerateAttributes( - [['spectrum-Button--fill'], ['spectrum-Button--outline']], - 'treatment' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Button--staticWhite', 'white'], - ['spectrum-Button--staticBlack', 'black'], - ], - 'static-color' - ), - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'class', - name: 'spectrum-Button--secondary', - }, - ], - ], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [ - { - name: 'variant', - type: 'attribute', - operation: { - operator: 'equal', - value: 'secondary', - }, - }, - ], - ], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'class', - name: 'spectrum-Button--outline', - }, - ], - ], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [ - { - name: 'treatment', - type: 'attribute', - operation: { - operator: 'equal', - value: 'outline', - }, - }, - ], - ], - }, - hoist: true, - }, - converter.classToId('spectrum-Button-label'), - converter.classToSlotted('spectrum-Icon', 'icon'), - { - find: [ - builder.class('spectrum-Icon'), - builder.combinator('+'), - builder.class('spectrum-Button-label'), - ], - replace: [ - { - replace: builder.attribute('name', 'icon', 'equal'), - hoist: false, - }, - { - replace: builder.combinator('+'), - }, - { - replace: builder.id('label'), - }, - ], - }, - { - hoist: false, - find: builder.pseudoClass('empty'), - replace: builder.attribute('hidden'), - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/card/package.json b/packages/card/package.json index 79d1e1ad3a7..dae0dad6c96 100644 --- a/packages/card/package.json +++ b/packages/card/package.json @@ -73,9 +73,6 @@ "@spectrum-web-components/shared": "1.6.0", "@spectrum-web-components/styles": "1.6.0" }, - "devDependencies": { - "@spectrum-css/card": "11.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/card/src/spectrum-config.js b/packages/card/src/spectrum-config.js deleted file mode 100644 index 47f56f0ff8f..00000000000 --- a/packages/card/src/spectrum-config.js +++ /dev/null @@ -1,74 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Card'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/card', - outPackage: 'card', - fileName: 'card', - components: [ - converter.classToHost(), - converter.classToClass('spectrum-Card-body'), - converter.classToClass('spectrum-Card-header'), - converter.classToClass('spectrum-Card-title'), - converter.classToClass('spectrum-Card-subtitle'), - converter.classToClass('spectrum-Card-content'), - converter.classToClass( - 'spectrum-Card-quickActions', - 'checkbox-toggle' - ), - converter.classToClass('spectrum-Card-actions'), - converter.classToClass( - 'spectrum-Card-actionButton', - 'action-button' - ), - converter.classToClass('spectrum-Checkbox', 'checkbox'), - ...converter.enumerateAttributes( - [['spectrum-Card--quiet'], ['spectrum-Card--gallery']], - 'variant' - ), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute('is-drop-target', 'drop-target'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Card--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Card--sizeS', 's'], - ['spectrum-Card--sizeL', 'l'], - ['spectrum-Card--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToAttribute('spectrum-Card--horizontal'), - converter.classToId('spectrum-Card-coverPhoto', 'cover-photo'), - converter.classToId('spectrum-Card-preview'), - converter.classToSlotted('spectrum-Card-footer', 'footer'), - converter.classToSlotted( - 'spectrum-Card-description', - 'description' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/checkbox/package.json b/packages/checkbox/package.json index a99a72898bd..44967248320 100644 --- a/packages/checkbox/package.json +++ b/packages/checkbox/package.json @@ -77,9 +77,6 @@ "@spectrum-web-components/icons-ui": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/checkbox": "10.1.2" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/checkbox/src/spectrum-config.js b/packages/checkbox/src/spectrum-config.js deleted file mode 100644 index 5dfeb335dd2..00000000000 --- a/packages/checkbox/src/spectrum-config.js +++ /dev/null @@ -1,111 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Checkbox'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/checkbox', - outPackage: 'checkbox', - fileName: 'checkbox', - components: [ - converter.classToHost(), - converter.classToAttribute('is-indeterminate', 'indeterminate'), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.classToAttribute('is-readOnly', 'readonly'), - converter.classToAttribute('spectrum-Checkbox--emphasized'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Checkbox--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Checkbox--sizeS', 's'], - ['spectrum-Checkbox--sizeL', 'l'], - ['spectrum-Checkbox--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToId('spectrum-Checkbox-input'), - converter.classToId('spectrum-Checkbox-box'), - converter.classToId('spectrum-Checkbox-checkmark'), - converter.classToId('spectrum-Checkbox-partialCheckmark'), - converter.classToId('spectrum-Checkbox-label'), - { - find: [ - { - type: 'class', - name: 'focus-ring', - }, - ], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'focus-visible', - }, - hoist: false, - }, - ], - }, - { - find: [ - { - type: 'class', - name: 'is-invalid', - }, - ], - replace: [ - { - replace: { - type: 'attribute', - name: 'invalid', - }, - emphasize: true, - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/clear-button/package.json b/packages/clear-button/package.json index b56ab802a8d..bdf94b56d45 100644 --- a/packages/clear-button/package.json +++ b/packages/clear-button/package.json @@ -51,9 +51,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/clearbutton": "7.0.0-s2-foundations.16" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/clear-button/src/spectrum-config.js b/packages/clear-button/src/spectrum-config.js deleted file mode 100644 index 26cbd0dc3ec..00000000000 --- a/packages/clear-button/src/spectrum-config.js +++ /dev/null @@ -1,90 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ClearButton'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/clearbutton', - outPackage: 'clear-button', - fileName: 'clear-button', - components: [ - converter.classToHost(), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.pseudoToAttribute('disabled', 'disabled'), - converter.classToAttribute('is-disabled', 'disabled'), - ...converter.enumerateAttributes( - [ - ['spectrum-ClearButton--cta'], - ['spectrum-ClearButton--primary'], - ['spectrum-ClearButton--secondary'], - ['spectrum-ClearButton--overBackground'], - ['spectrum-ClearButton--warning', 'negative'], - ], - 'variant' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-ClearButton--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-ClearButton--sizeS', 's'], - ['spectrum-ClearButton--sizeL', 'l'], - ['spectrum-ClearButton--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass('spectrum-Icon', 'icon'), - converter.classToClass('spectrum-ClearButton-fill'), - ], - excludeByComponents: [ - { - type: 'pseudo-element', - kind: 'custom', - name: '-moz-focus-inner', - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/close-button/package.json b/packages/close-button/package.json index 35e8dde7d53..8c26cec1122 100644 --- a/packages/close-button/package.json +++ b/packages/close-button/package.json @@ -51,9 +51,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/closebutton": "6.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/close-button/src/spectrum-config.js b/packages/close-button/src/spectrum-config.js deleted file mode 100644 index 6943961c745..00000000000 --- a/packages/close-button/src/spectrum-config.js +++ /dev/null @@ -1,126 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-CloseButton'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/closebutton', - outPackage: 'close-button', - fileName: 'close-button', - components: [ - converter.classToHost(), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.pseudoToAttribute('disabled', 'disabled'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-keyboardFocused', 'focused'), - ...converter.enumerateAttributes( - [ - ['spectrum-CloseButton--staticWhite', 'white'], - ['spectrum-CloseButton--staticBlack', 'black'], - ], - 'static-color' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-CloseButton--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-CloseButton--sizeS', 's'], - ['spectrum-CloseButton--sizeL', 'l'], - ['spectrum-CloseButton--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass('spectrum-CloseButton-UIIcon', 'icon'), - { - hoist: true, - find: { - type: 'pseudo-class', - kind: 'focus-visible', - }, - replace: { - type: 'pseudo-class', - kind: 'focus-visible', - }, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'disabled', - }, - ], - ], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [ - { - name: 'disabled', - type: 'attribute', - }, - ], - ], - }, - hoist: true, - }, - ], - excludeByComponents: [ - { - type: 'pseudo-element', - kind: 'custom', - name: '-moz-focus-inner', - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/coachmark/package.json b/packages/coachmark/package.json index 901831c4513..3f458e43734 100644 --- a/packages/coachmark/package.json +++ b/packages/coachmark/package.json @@ -87,10 +87,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/coachindicator": "3.0.0-s2-foundations.16", - "@spectrum-css/coachmark": "8.0.0-s2-foundations.17" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/coachmark/src/spectrum-config.js b/packages/coachmark/src/spectrum-config.js deleted file mode 100644 index 684edbfe357..00000000000 --- a/packages/coachmark/src/spectrum-config.js +++ /dev/null @@ -1,69 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-CoachMark'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/coachindicator', - outPackage: 'coachmark', - fileName: 'coach-indicator', - components: [ - converter.classToHost('spectrum-CoachIndicator'), - converter.classToClass('spectrum-CoachIndicator-ring', 'ring'), - converter.classToAttribute( - 'spectrum-CoachIndicator--quiet', - 'quiet' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-CoachIndicator--dark', 'black'], - ['spectrum-CoachIndicator--light', 'white'], - ], - 'static-color' - ), - ], - }, - { - inPackage: '@spectrum-css/coachmark', - outPackage: 'coachmark', - fileName: 'coachmark', - components: [ - converter.classToHost(), - converter.classToClass('spectrum-CoachMark-ring'), - converter.classToClass('spectrum-CoachMark-buttongroup'), - converter.classToClass( - 'spectrum-CoachMark-buttongroup--mobile', - 'buttongroup-mobile' - ), - converter.classToClass('spectrum-CoachMark-menu'), - converter.classToClass('spectrum-CoachMark-image-wrapper'), - converter.classToClass('spectrum-CoachMark-image'), - converter.classToClass('spectrum-CoachMark-header'), - converter.classToClass('spectrum-CoachMark-content'), - converter.classToClass('spectrum-CoachMark-footer'), - converter.classToClass('spectrum-CoachMark-action-menu'), - converter.classToClass('spectrum-CoachMark-title'), - converter.classToClass('spectrum-CoachMark-step'), - ], - }, - ], -}; - -export default config; diff --git a/packages/color-area/package.json b/packages/color-area/package.json index a25f50c77de..610c9777440 100644 --- a/packages/color-area/package.json +++ b/packages/color-area/package.json @@ -74,9 +74,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/colorarea": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/color-area/src/spectrum-config.js b/packages/color-area/src/spectrum-config.js deleted file mode 100644 index 1846d877aa6..00000000000 --- a/packages/color-area/src/spectrum-config.js +++ /dev/null @@ -1,45 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ColorArea'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/colorarea', - outPackage: 'color-area', - fileName: 'color-area', - excludeByComponents: [ - { - type: 'class', - name: 'spectrum-ColorHandle-color', - }, - ], - components: [ - converter.classToHost(), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToClass('spectrum-ColorArea-slider'), - converter.classToClass('spectrum-ColorArea-handle'), - converter.classToClass('spectrum-ColorArea-gradient'), - ], - }, - ], -}; - -export default config; diff --git a/packages/color-handle/package.json b/packages/color-handle/package.json index aa8d78fd22c..4c9789d7a58 100644 --- a/packages/color-handle/package.json +++ b/packages/color-handle/package.json @@ -68,9 +68,6 @@ "@spectrum-web-components/color-loupe": "1.6.0", "@spectrum-web-components/opacity-checkerboard": "1.6.0" }, - "devDependencies": { - "@spectrum-css/colorhandle": "10.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/color-handle/src/spectrum-config.js b/packages/color-handle/src/spectrum-config.js deleted file mode 100644 index e64dbf6ed28..00000000000 --- a/packages/color-handle/src/spectrum-config.js +++ /dev/null @@ -1,37 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ColorHandle'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/colorhandle', - outPackage: 'color-handle', - fileName: 'color-handle', - components: [ - converter.classToHost(), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToClass('spectrum-ColorHandle-inner'), - ], - }, - ], -}; - -export default config; diff --git a/packages/color-loupe/package.json b/packages/color-loupe/package.json index 46c1e9ea290..58d325e98ff 100644 --- a/packages/color-loupe/package.json +++ b/packages/color-loupe/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/opacity-checkerboard": "1.6.0" }, - "devDependencies": { - "@spectrum-css/colorloupe": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/color-loupe/src/spectrum-config.js b/packages/color-loupe/src/spectrum-config.js deleted file mode 100644 index a420afa4501..00000000000 --- a/packages/color-loupe/src/spectrum-config.js +++ /dev/null @@ -1,43 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ColorLoupe'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/colorloupe', - outPackage: 'color-loupe', - fileName: 'color-loupe', - excludeByComponents: [ - { - type: 'class', - name: '🤫', - }, - ], - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - converter.classToClass('spectrum-ColorLoupe-outer'), - converter.classToClass('spectrum-ColorLoupe-inner'), - ], - }, - ], -}; - -export default config; diff --git a/packages/color-slider/package.json b/packages/color-slider/package.json index a8adbeac2c5..24fe987642e 100644 --- a/packages/color-slider/package.json +++ b/packages/color-slider/package.json @@ -74,9 +74,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/colorslider": "8.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/color-slider/src/spectrum-config.js b/packages/color-slider/src/spectrum-config.js deleted file mode 100644 index 7ecbdb57996..00000000000 --- a/packages/color-slider/src/spectrum-config.js +++ /dev/null @@ -1,41 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ColorSlider'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/colorslider', - outPackage: 'color-slider', - fileName: 'color-slider', - components: [ - converter.classToHost(), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('spectrum-ColorSlider--vertical'), - converter.classToClass('spectrum-ColorSlider-checkerboard'), - converter.classToClass('spectrum-ColorSlider-gradient'), - converter.classToClass('spectrum-ColorSlider-slider'), - converter.classToClass('spectrum-ColorSlider-handle'), - ], - }, - ], -}; - -export default config; diff --git a/packages/color-wheel/package.json b/packages/color-wheel/package.json index 75a3db8b5ee..8a32a637099 100644 --- a/packages/color-wheel/package.json +++ b/packages/color-wheel/package.json @@ -73,9 +73,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/colorwheel": "6.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/color-wheel/src/spectrum-config.js b/packages/color-wheel/src/spectrum-config.js deleted file mode 100644 index 234c01f54e1..00000000000 --- a/packages/color-wheel/src/spectrum-config.js +++ /dev/null @@ -1,59 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ColorWheel'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/colorwheel', - outPackage: 'color-wheel', - fileName: 'color-wheel', - excludeByComponents: [ - builder.class('🤫'), - builder.class('spectrum-ColorWheel-ColorArea-handle'), - ], - components: [ - converter.classToHost(), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-dragged', 'dragged'), - converter.classToClass('spectrum-ColorWheel-handle'), - converter.classToClass('spectrum-ColorWheel-slider'), - converter.classToClass('spectrum-ColorWheel-wheel'), - converter.classToClass('spectrum-ColorWheel-innerCircle'), - converter.classToClass('spectrum-ColorWheel-outerCircle'), - converter.classToClass('spectrum-ColorWheel-segment'), - converter.classToClass('spectrum-ColorWheel-border'), - converter.classToClass( - 'spectrum-ColorWheel-colorarea-container' - ), - converter.classToClass('spectrum-ColorWheel-inner'), - converter.classToSlotted( - 'spectrum-ColorWheel-gradient', - 'gradient' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/combobox/package.json b/packages/combobox/package.json index 2904f53d5c5..2be707f92d0 100644 --- a/packages/combobox/package.json +++ b/packages/combobox/package.json @@ -75,9 +75,6 @@ "@spectrum-web-components/progress-circle": "1.6.0", "@spectrum-web-components/textfield": "1.6.0" }, - "devDependencies": { - "@spectrum-css/combobox": "4.1.2" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/combobox/src/spectrum-config.js b/packages/combobox/src/spectrum-config.js deleted file mode 100644 index 976996abd04..00000000000 --- a/packages/combobox/src/spectrum-config.js +++ /dev/null @@ -1,156 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Combobox'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/combobox', - outPackage: 'combobox', - fileName: 'combobox', - components: [ - converter.classToHost(), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Combobox--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Combobox--sizeS', 's'], - ['spectrum-Combobox--sizeL', 'l'], - ['spectrum-Combobox--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToAttribute('spectrum-Combobox--quiet'), - converter.classToClass('spectrum-Combobox-progress-circle'), - converter.classToClass('spectrum-Combobox-button'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-invalid', 'invalid'), - converter.classToAttribute('is-loading', 'pending'), - converter.classToAttribute( - 'is-keyboardFocused', - 'keyboard-focused' - ), - converter.classToAttribute('is-disabled', 'disabled'), - { - find: [ - builder.class('spectrum-Combobox-button'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.pseudoClass('disabled')], - [builder.class('is-invalid')], - [builder.class('spectrum-PickerButton--quiet')], - ], - }, - ], - replace: [ - { - replace: builder.class('button'), - }, - { - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [builder.pseudoClass('disabled')], - [builder.class('is-invalid')], - [builder.attribute('quiet')], - ], - }, - }, - ], - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-focused')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('focused')]], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-invalid')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('invalid')]], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-keyboardFocused')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('keyboard-focused')]], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-disabled')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('disabled')]], - }, - hoist: true, - }, - converter.classToId('spectrum-Combobox-input'), - converter.classToId('spectrum-Combobox-textfield'), - converter.classToId('spectrum-Textfield', 'textfield'), - converter.classToClass( - 'spectrum-Textfield-validationIcon', - 'icon' - ), - ], - excludeByComponents: [ - { - type: 'class', - name: 'regex', - regex: /Datepicker/, - }, - builder.class('🤫'), - // builder.class('spectrum-PickerButton-fill'), - ], - }, - ], -}; - -export default config; diff --git a/packages/contextual-help/package.json b/packages/contextual-help/package.json index 27a523dee02..973e851f6eb 100644 --- a/packages/contextual-help/package.json +++ b/packages/contextual-help/package.json @@ -71,9 +71,6 @@ "@spectrum-web-components/overlay": "1.6.0", "@spectrum-web-components/popover": "1.6.0" }, - "devDependencies": { - "@spectrum-css/contextualhelp": "5.1.2" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/contextual-help/src/spectrum-config.js b/packages/contextual-help/src/spectrum-config.js deleted file mode 100644 index f88fa7e1129..00000000000 --- a/packages/contextual-help/src/spectrum-config.js +++ /dev/null @@ -1,54 +0,0 @@ -/* -Copyright 2024 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ -// @ts-check - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ContextualHelp'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/contextualhelp', - outPackage: 'contextual-help', - fileName: 'contextual-help', - hoistCustomPropertiesFrom: 'spectrum-ContextualHelp', - excludeByComponents: [ - // No need to style the trigger, it is already styled by sp-button - builder.class('spectrum-ContextualHelp-button'), - builder.class('spectrum--large'), - ], - components: [ - // The min-width should be applied to the popover, not the :host - converter.classToClass('spectrum-ContextualHelp', 'popover'), - converter.classToClass('spectrum-ContextualHelp-popover'), - converter.classToSlotted( - 'spectrum-ContextualHelp-heading', - 'heading' - ), - converter.classToClass('spectrum-ContextualHelp-body'), - converter.classToSlotted( - 'spectrum-ContextualHelp-link', - 'link' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/dialog/package.json b/packages/dialog/package.json index f8ab5aff05c..b04d1d60dc7 100644 --- a/packages/dialog/package.json +++ b/packages/dialog/package.json @@ -90,9 +90,6 @@ "@spectrum-web-components/shared": "1.6.0", "@spectrum-web-components/underlay": "1.6.0" }, - "devDependencies": { - "@spectrum-css/dialog": "11.0.0-s2-foundations.15" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/dialog/src/spectrum-config.js b/packages/dialog/src/spectrum-config.js deleted file mode 100644 index 9574df5abbb..00000000000 --- a/packages/dialog/src/spectrum-config.js +++ /dev/null @@ -1,111 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Dialog'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/dialog', - outPackage: 'dialog', - fileName: 'dialog', - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('spectrum-Dialog--error'), - converter.classToAttribute('spectrum-Dialog--dismissable'), - converter.classToAttribute( - 'spectrum-Dialog--noDivider', - 'no-divider' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Dialog--small', 's'], - ['spectrum-Dialog--medium', 'm'], - ['spectrum-Dialog--large', 'l'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Dialog--fullscreen'], - ['spectrum-Dialog--fullscreenTakeover'], - ], - 'mode' - ), - converter.classToSlotted('spectrum-Dialog-heading', 'heading'), - converter.classToSlotted('spectrum-Dialog-hero', 'hero'), - converter.classToSlotted('*'), - converter.classToClass('spectrum-Dialog-grid'), - converter.classToClass('spectrum-Dialog-divider'), - converter.classToClass('spectrum-Dialog-content'), - converter.classToClass( - 'spectrum-Dialog-closeButton', - 'close-button' - ), - converter.classToClass('spectrum-Dialog-header'), - converter.classToClass('spectrum-Dialog-footer'), - converter.classToClass('spectrum-Dialog-typeIcon', 'type-icon'), - converter.classToClass('spectrum-Button'), - converter.classToClass( - 'spectrum-Dialog-buttonGroup', - 'button-group' - ), - converter.classToClass( - 'spectrum-Dialog-buttonGroup--noFooter', - 'button-group--noFooter' - ), - { - find: [ - builder.class('spectrum-Dialog-heading'), - builder.class('spectrum-Dialog-heading--noHeader'), - ], - replace: [ - { - replace: builder.class('no-header'), - }, - { - replace: builder.slotted('heading'), - }, - ], - }, - { - find: [ - builder.class('spectrum-Dialog-heading'), - { - type: 'combinator', - value: 'next-sibling', - }, - builder.class('spectrum-Dialog-divider'), - ], - replace: [ - { - replace: builder.attribute('name', 'heading'), - hoist: false, - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/divider/package.json b/packages/divider/package.json index b895e368bcd..740af54f1ad 100644 --- a/packages/divider/package.json +++ b/packages/divider/package.json @@ -66,9 +66,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/divider": "5.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/divider/src/spectrum-config.js b/packages/divider/src/spectrum-config.js deleted file mode 100644 index 42116661e10..00000000000 --- a/packages/divider/src/spectrum-config.js +++ /dev/null @@ -1,51 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Divider'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/divider', - outPackage: 'divider', - fileName: 'divider', - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-Divider--vertical'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Divider--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Divider--sizeS', 's'], - ['spectrum-Divider--sizeL', 'l'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Divider--staticWhite', 'white'], - ['spectrum-Divider--staticBlack', 'black'], - ], - 'static-color' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json index 864681ea844..030ca6cf758 100644 --- a/packages/dropzone/package.json +++ b/packages/dropzone/package.json @@ -66,9 +66,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/dropzone": "8.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/dropzone/src/spectrum-config.js b/packages/dropzone/src/spectrum-config.js deleted file mode 100644 index 59406246c78..00000000000 --- a/packages/dropzone/src/spectrum-config.js +++ /dev/null @@ -1,39 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-DropZone'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/dropzone', - outPackage: 'dropzone', - fileName: 'dropzone', - components: [ - converter.classToHost(), - converter.classToAttribute('is-dragged', 'dragged'), - converter.classToAttribute('is-filled', 'filled'), - converter.classToSlotted( - 'spectrum-IllustratedMessage-illustration' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/field-group/package.json b/packages/field-group/package.json index 12a40150316..5a185995f49 100644 --- a/packages/field-group/package.json +++ b/packages/field-group/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/help-text": "1.6.0" }, - "devDependencies": { - "@spectrum-css/fieldgroup": "6.0.0-s2-foundations.16" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/field-group/src/spectrum-config.js b/packages/field-group/src/spectrum-config.js deleted file mode 100644 index 460de36999b..00000000000 --- a/packages/field-group/src/spectrum-config.js +++ /dev/null @@ -1,84 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-FieldGroup'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/fieldgroup', - outPackage: 'field-group', - fileName: 'field-group', - hoistCustomPropertiesFrom: 'spectrum-FieldGroup', - excludeByComponents: [builder.class('spectrum-Checkbox')], - components: [ - converter.classToClass('spectrum-FieldGroup', 'group'), - converter.classToAttribute('spectrum-FieldGroup--horizontal'), - converter.classToAttribute('spectrum-FieldGroup--vertical'), - converter.classToClass( - 'spectrum-FieldGroupInputLayout', - 'group' - ), - { - find: [ - // .spectrum-FieldGroup-item:not(:last-child) - builder.class('spectrum-FieldGroup-item'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.pseudoClass('last-child')]], - }, - ], - replace: [ - //slot:not([name])::slotted(:not(:last-child)) - { - replace: builder.element('slot'), - }, - { - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('name')]], - }, - }, - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.pseudoClass('last-child')], - ], - }, - ], - }, - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/field-label/package.json b/packages/field-label/package.json index bce413a7708..a330b0e94f5 100644 --- a/packages/field-label/package.json +++ b/packages/field-label/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/fieldlabel": "10.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/field-label/src/spectrum-config.js b/packages/field-label/src/spectrum-config.js deleted file mode 100644 index b23388039de..00000000000 --- a/packages/field-label/src/spectrum-config.js +++ /dev/null @@ -1,73 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-FieldLabel'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/fieldlabel', - outPackage: 'field-label', - fileName: 'field-label', - components: [ - converter.classToHost(), - converter.classToAttribute('is-disabled', 'disabled'), - ...converter.enumerateAttributes( - [ - ['spectrum-FieldLabel--left', 'start'], - ['spectrum-FieldLabel--right', 'end'], - ], - 'side-aligned' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-FieldLabel--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-FieldLabel--sizeS', 's'], - ['spectrum-FieldLabel--sizeL', 'l'], - ['spectrum-FieldLabel--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass( - 'spectrum-FieldLabel-requiredIcon', - 'required-icon' - ), - { - find: { - type: 'pseudo-class', - kind: 'lang', - }, - hoist: true, - }, - ], - excludeByComponents: [ - builder.class('spectrum-Form'), - builder.class('spectrum-Form-item'), - builder.class('spectrum-Form-itemLabel'), - builder.class('spectrum-Form--labelsAbove'), - builder.class('spectrum-Form-itemField'), - ], - }, - ], -}; - -export default config; diff --git a/packages/help-text/package.json b/packages/help-text/package.json index 0ec717bc437..44a0efc0d26 100644 --- a/packages/help-text/package.json +++ b/packages/help-text/package.json @@ -88,9 +88,6 @@ "@spectrum-web-components/icons-workflow": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/helptext": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/help-text/src/spectrum-config.js b/packages/help-text/src/spectrum-config.js deleted file mode 100644 index 99cf58e52e0..00000000000 --- a/packages/help-text/src/spectrum-config.js +++ /dev/null @@ -1,64 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-HelpText'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/helptext', - outPackage: 'help-text', - fileName: 'help-text', - components: [ - converter.classToHost(), - converter.classToAttribute('is-disabled', 'disabled'), - ...converter.enumerateAttributes( - [ - ['spectrum-HelpText--neutral'], - ['spectrum-HelpText--negative'], - ], - 'variant' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-HelpText--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-HelpText--sizeS', 's'], - ['spectrum-HelpText--sizeL', 'l'], - ['spectrum-HelpText--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass('spectrum-HelpText-text'), - converter.classToClass( - 'spectrum-HelpText-validationIcon', - 'icon' - ), - { - find: { - type: 'pseudo-class', - kind: 'lang', - }, - hoist: true, - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/icon/package.json b/packages/icon/package.json index f19cc6ac74e..fc026ca160d 100644 --- a/packages/icon/package.json +++ b/packages/icon/package.json @@ -90,9 +90,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/iconset": "1.6.0" }, - "devDependencies": { - "@spectrum-css/icon": "9.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/icon/src/spectrum-config.js b/packages/icon/src/spectrum-config.js deleted file mode 100644 index 8e19630fa52..00000000000 --- a/packages/icon/src/spectrum-config.js +++ /dev/null @@ -1,115 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Icon'); - -/** - * - * @param {string} fileName - * @param {RegExp} regex - * @returns {import('../../../tasks/spectrum-css-converter').Conversion} - */ -const iconType = (fileName, regex) => ({ - inPackage: '@spectrum-css/icon', - outPackage: 'icon', - fileName, - requireComponentPresence: [ - /** @type {import('../../../tasks/spectrum-css-converter').SelectorComponentWithRegex} */ ({ - type: 'class', - regex, - }), - ], - components: [], -}); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/icon', - outPackage: 'icon', - fileName: 'icon', - requireComponentPresence: [ - /** @type {import('../../../tasks/spectrum-css-converter').SelectorComponentWithRegex} */ ({ - type: 'class', - regex: /spectrum-Icon/, - }), - ], - components: [ - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'root', - }, - ], - ], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'root', - }, - ], - ], - }, - hoist: true, - }, - converter.classToHost(), - ...converter.enumerateAttributes( - [ - ['spectrum-Icon--sizeXXS', 'xxs'], - ['spectrum-Icon--sizeXS', 'xs'], - ['spectrum-Icon--sizeS', 's'], - ['spectrum-Icon--sizeM', 'm'], - ['spectrum-Icon--sizeL', 'l'], - ['spectrum-Icon--sizeXL', 'xl'], - ['spectrum-Icon--sizeXXL', 'xxl'], - ], - 'size' - ), - ], - excludeByComponents: [ - builder.element('svg'), - builder.element('img'), - ], - }, - iconType('icon-arrow', /^spectrum-UIIcon-Arrow/), - iconType('icon-asterisk', /^spectrum-UIIcon-Asterisk/), - iconType('icon-checkmark', /^spectrum-UIIcon-Checkmark/), - iconType('icon-chevron', /^spectrum-UIIcon-Chevron/), - iconType('icon-corner-triangle', /^spectrum-UIIcon-CornerTriangle/), - iconType('icon-cross', /^spectrum-UIIcon-Cross/), - iconType('icon-dash', /^spectrum-UIIcon-Dash/), - iconType('icon-double-gripper', /^spectrum-UIIcon-DoubleGripper/), - iconType('icon-single-gripper', /^spectrum-UIIcon-SingleGripper/), - iconType('icon-triple-gripper', /^spectrum-UIIcon-TripleGripper/), - ], -}; - -export default config; diff --git a/packages/icons-workflow/package.json b/packages/icons-workflow/package.json index e22cad65613..acc64faff7e 100644 --- a/packages/icons-workflow/package.json +++ b/packages/icons-workflow/package.json @@ -57,7 +57,6 @@ "devDependencies": { "@adobe/spectrum-css-workflow-icons": "1.7.0", "@adobe/spectrum-css-workflow-icons-s2": "npm:@adobe/spectrum-css-workflow-icons@4.1.0", - "@spectrum-css/icon": "9.1.0", "case": "^1.6.1", "cheerio": "^1.0.0-rc.2", "fast-glob": "^3.2.12", diff --git a/packages/illustrated-message/package.json b/packages/illustrated-message/package.json index 716f5ca90bd..e1acb14f513 100644 --- a/packages/illustrated-message/package.json +++ b/packages/illustrated-message/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/styles": "1.6.0" }, - "devDependencies": { - "@spectrum-css/illustratedmessage": "9.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/illustrated-message/src/spectrum-config.js b/packages/illustrated-message/src/spectrum-config.js deleted file mode 100644 index 7c9b2da38e9..00000000000 --- a/packages/illustrated-message/src/spectrum-config.js +++ /dev/null @@ -1,37 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-IllustratedMessage'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/illustratedmessage', - outPackage: 'illustrated-message', - fileName: 'illustratedmessage', - components: [ - converter.classToHost(), - converter.classToId('spectrum-IllustratedMessage-heading'), - converter.classToId('spectrum-IllustratedMessage-description'), - converter.classToId('spectrum-IllustratedMessage-illustration'), - ], - }, - ], -}; - -export default config; diff --git a/packages/infield-button/package.json b/packages/infield-button/package.json index a8754600f8f..90108019c7b 100644 --- a/packages/infield-button/package.json +++ b/packages/infield-button/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/button": "1.6.0" }, - "devDependencies": { - "@spectrum-css/infieldbutton": "6.1.2" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/infield-button/src/spectrum-config.js b/packages/infield-button/src/spectrum-config.js deleted file mode 100644 index e241bfc0bb3..00000000000 --- a/packages/infield-button/src/spectrum-config.js +++ /dev/null @@ -1,85 +0,0 @@ -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ -// @ts-check - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-InfieldButton'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/infieldbutton', - outPackage: 'infield-button', - fileName: 'infield-button', - components: [ - converter.classToHost(), - ...converter.enumerateAttributes( - [ - ['spectrum-InfieldButton--sizeS', 's'], - ['spectrum-InfieldButton--sizeL', 'l'], - ['spectrum-InfieldButton--sizeXL', 'xl'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-InfieldButton--right', 'end'], - ['spectrum-InfieldButton--left', 'start'], - ], - 'inline' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-InfieldButton--top', 'start'], - ['spectrum-InfieldButton--bottom', 'end'], - ], - 'block' - ), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.classToAttribute('spectrum-InfieldButton--quiet'), - converter.pseudoToAttribute('disabled', 'disabled'), - converter.classToClass('spectrum-InfieldButton-fill', 'fill'), - converter.classToSlotted('spectrum-InfieldButton-icon'), - ], - }, - ], -}; - -export default config; diff --git a/packages/link/package.json b/packages/link/package.json index 0d846a633ae..a02038d0b53 100644 --- a/packages/link/package.json +++ b/packages/link/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/link": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/link/src/spectrum-config.js b/packages/link/src/spectrum-config.js deleted file mode 100644 index f2bf7c573c4..00000000000 --- a/packages/link/src/spectrum-config.js +++ /dev/null @@ -1,189 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Link'); - -/** - * @returns {import('../../../tasks/spectrum-css-converter').ComplexSelectorConversion} - */ -const includeAnchor = (className, attribute, value) => ({ - find: [ - /** @type {import('lightningcss').SelectorComponent} */ ( - builder.class(className) - ), - ], - replace: [ - { - replace: /** @type {import('lightningcss').SelectorComponent} */ ({ - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute(attribute, value)], - }), - }, - { - replace: builder.combinator('descendant'), - }, - { - replace: builder.element('a'), - }, - ], -}); - -/** - * - * @param {string} pseudo - * @param {string} className - * @param {string} attribute - * @param {string} value - * @returns {import('../../../tasks/spectrum-css-converter').ComplexSelectorConversion} - */ -const includeAnchorWithPseudoClass = (pseudo, className, attribute, value) => { - const component = includeAnchor(className, attribute, value); - const pseudoComponent = - /** @type {import('lightningcss').SelectorComponent} */ ( - builder.pseudoClass(pseudo) - ); - component.find.push(pseudoComponent); - component.replace.push({ - replace: pseudoComponent, - }); - return component; -}; - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/link', - outPackage: 'link', - fileName: 'link', - hoistCustomPropertiesFrom: 'spectrum-Link', - components: [ - { - find: [ - builder.class('spectrum-Link'), - builder.pseudoClass('active'), - ], - replace: [], - }, - { - find: [ - builder.class('spectrum-Link'), - builder.pseudoClass('hover'), - ], - replace: [ - { - replace: builder.element('a'), - }, - { - replace: builder.pseudoClass('hover'), - }, - ], - }, - includeAnchor('spectrum-Link--quiet', 'quiet'), - includeAnchorWithPseudoClass( - 'hover', - 'spectrum-Link--quiet', - 'quiet' - ), - includeAnchor( - 'spectrum-Link--secondary', - 'variant', - 'secondary' - ), - includeAnchorWithPseudoClass( - 'hover', - 'spectrum-Link--secondary', - 'variant', - 'secondary' - ), - includeAnchorWithPseudoClass( - 'active', - 'spectrum-Link--secondary', - 'variant', - 'secondary' - ), - includeAnchorWithPseudoClass( - 'focus', - 'spectrum-Link--secondary', - 'variant', - 'secondary' - ), - includeAnchor( - 'spectrum-Link--staticWhite', - 'static-color', - 'white' - ), - includeAnchorWithPseudoClass( - 'hover', - 'spectrum-Link--staticWhite', - 'static-color', - 'white' - ), - includeAnchorWithPseudoClass( - 'active', - 'spectrum-Link--staticWhite', - 'static-color', - 'white' - ), - includeAnchorWithPseudoClass( - 'focus', - 'spectrum-Link--staticWhite', - 'static-color', - 'white' - ), - includeAnchor( - 'spectrum-Link--staticBlack', - 'static-color', - 'black' - ), - includeAnchorWithPseudoClass( - 'hover', - 'spectrum-Link--staticBlack', - 'static-color', - 'black' - ), - includeAnchorWithPseudoClass( - 'active', - 'spectrum-Link--staticBlack', - 'static-color', - 'black' - ), - includeAnchorWithPseudoClass( - 'focus', - 'spectrum-Link--staticBlack', - 'static-color', - 'black' - ), - { - find: builder.class('spectrum-Link'), - replace: builder.element('a'), - }, - converter.classToAttribute('spectrum-Link--quiet'), - converter.classToAttribute( - 'spectrum-Link--overBackground', - 'over-background' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/menu/package.json b/packages/menu/package.json index 41584bbb6dd..eac4fcf6112 100644 --- a/packages/menu/package.json +++ b/packages/menu/package.json @@ -106,9 +106,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/menu": "9.2.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/menu/src/spectrum-config.js b/packages/menu/src/spectrum-config.js deleted file mode 100644 index fa95a65473d..00000000000 --- a/packages/menu/src/spectrum-config.js +++ /dev/null @@ -1,652 +0,0 @@ -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Menu'); -/** - * @type { import('../../../tasks/spectrum-css-converter.js').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - // Menu Section Heading - inPackage: '@spectrum-css/menu', - outPackage: 'menu', - fileName: 'menu-sectionHeading', - excludeByComponents: [ - builder.class('spectrum-Menu-divider'), - builder.class('spectrum-Menu'), - builder.class('spectrum-menu-itemSelection'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu--size/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-item/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-chevron/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-checkmark/, - }, - ], - components: [ - converter.classToClass( - 'spectrum-Menu-sectionHeading', - 'header' - ), - ], - }, - { - // Menu Item - inPackage: '@spectrum-css/menu', - outPackage: 'menu', - fileName: 'menu-item', - excludeByComponents: [ - builder.class('spectrum-Menu'), - builder.class('spectrum-Menu-sectionHeading'), - builder.class('spectrum-Menu-divider'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu--size/, - }, - ], - excludeByWholeSelector: [ - [ - builder.class('spectrum-Menu-item'), - builder.combinator(' '), - builder.class('spectrum-Menu-item'), - ], - ], - includeByWholeSelector: [ - [ - /** .spectrum-Menu .spectrum-Menu-itemIcon */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-itemIcon'), - ], - [ - /** .spectrum-Menu .spectrum-Menu-itemIcon--workflowIcon */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-itemIcon--workflowIcon'), - ], - ], - components: [ - converter.classToHost('spectrum-Menu-item'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-active', 'active'), - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-selected', 'selected'), - converter.classToId('spectrum-Menu-itemLabel', 'label'), - converter.classToClass('spectrum-Menu-chevron', 'chevron'), - converter.classToClass( - 'spectrum-Menu-chevron--withAdjacentIcon', - 'chevron--withAdjacentIcon' - ), - converter.classToClass('spectrum-Menu-checkmark', 'checkmark'), - converter.classToClass( - 'spectrum-Menu-checkmark--withAdjacentIcon', - 'checkmark--withAdjacentIcon' - ), - converter.classToAttribute( - 'spectrum-Menu-item--drillIn', - 'has-submenu' - ), - converter.classToSlotted('spectrum-Icon', 'icon'), - { - collapseSelector: true, - find: [ - /** .spectrum-Menu .spectrum-Menu-itemIcon */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-itemIcon'), - ], - replace: [ - { - replace: builder.slotted('icon'), - }, - ], - }, - { - collapseSelector: true, - find: [ - /** .spectrum-Menu .spectrum-Menu-itemIcon--workflowIcon */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-itemIcon--workflowIcon'), - ], - replace: [ - { - replace: builder.slotted('icon'), - }, - ], - }, - converter.classToSlotted('spectrum-Menu-itemIcon', 'icon'), - converter.classToSlotted( - 'spectrum-Menu-itemIcon--workflowIcon', - 'icon' - ), - converter.classToSlotted('spectrum-Menu-itemValue', 'value'), - { - find: [ - { - type: 'class', - name: 'spectrum-Menu-itemDescription', - }, - ], - replace: [ - { - replace: builder.attribute('name', 'description'), - hoist: false, - }, - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'universal', - }, - ], - }, - }, - ], - }, - converter.classToClass( - 'spectrum-menu-itemSelection', - 'menu-itemSelection' - ), - { - find: { - type: 'pseudo-class', - kind: 'focus-visible', - }, - replace: builder.attribute('focused'), - }, - { - find: [builder.class('spectrum-Menu-itemLabel--wrapping')], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - { - type: 'attribute', - name: 'no-wrap', - }, - ], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('label'), - }, - ], - }, - { - find: [builder.class('spectrum-Menu-itemLabel--truncate')], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - { - type: 'attribute', - name: 'no-wrap', - }, - ], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('label'), - }, - ], - }, - { - collapseSelector: true, - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-disabled')]], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [[builder.attribute('disabled')]], - }, - hoist: true, - }, - { - find: [ - builder.class('spectrum-Menu-itemIcon'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.class('spectrum-Menu-chevron')], - [builder.class('spectrum-Menu-checkmark')], - ], - }, - ], - replace: [ - { - replace: builder.class('icon'), - }, - { - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [builder.class('chevron')], - [builder.class('checkmark')], - ], - }, - }, - ], - }, - ], - }, - { - // Menu Divider - inPackage: '@spectrum-css/menu', - outPackage: 'menu', - fileName: 'menu-divider', - excludeByComponents: [ - builder.class('spectrum-menu-itemSelection'), - builder.class('spectrum-Menu-sectionHeading'), - builder.class('spectrum-Menu'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu--size/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-checkmark/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-chevron/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-item/, - }, - ], - excludeByWholeSelector: [ - [builder.class('spectrum-Menu')], - [ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu'), - ], - ], - includeByWholeSelector: [ - [ - builder.class('spectrum-Menu'), - builder.combinator('descendant'), - builder.class('spectrum-Menu-divider'), - ], - ], - components: [ - converter.classToHost('spectrum-Menu-divider'), - { - collapseSelector: true, - find: [ - builder.class('spectrum-Menu'), - builder.combinator('descendant'), - builder.class('spectrum-Menu-divider'), - ], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - }, - }, - ], - }, - ], - }, - { - // Menu Checkmark - inPackage: '@spectrum-css/menu', - outPackage: 'menu', - fileName: 'checkmark', - excludeByComponents: [ - builder.class('spectrum-Menu-sectionHeading'), - builder.class('spectrum-Menu-divider'), - builder.class('spectrum-Menu'), - builder.class('spectrum-menu-itemSelection'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu--size/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-chevron/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-item/, - }, - ], - includeByWholeSelector: [ - [ - /** .spectrum-Menu .spectrum-Menu-checkmark */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-checkmark'), - ], - ], - components: [ - converter.classToClass('spectrum-Menu-checkmark', 'checkmark'), - converter.classToClass( - 'spectrum-Menu-checkmark--withAdjacentIcon', - 'checkmark--withAdjacentIcon' - ), - { - collapseSelector: true, - find: [ - /** .spectrum-Menu .spectrum-Menu-checkmark */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-checkmark'), - ], - replace: [ - { - replace: builder.class('checkmark'), - }, - ], - }, - ], - }, - { - // Menu Chevron - inPackage: '@spectrum-css/menu', - outPackage: 'menu', - fileName: 'chevron', - excludeByComponents: [ - builder.class('spectrum-Menu-sectionHeading'), - builder.class('spectrum-Menu-divider'), - builder.class('spectrum-Menu'), - builder.class('spectrum-menu-itemSelection'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu--size/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-checkmark/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-item/, - }, - ], - includeByWholeSelector: [ - [ - /** .spectrum-Menu .spectrum-Menu-chevron */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-chevron'), - ], - ], - components: [ - converter.classToClass('spectrum-Menu-chevron', 'chevron'), - converter.classToClass( - 'spectrum-Menu-chevron--withAdjacentIcon', - 'chevron--withAdjacentIcon' - ), - { - collapseSelector: true, - find: [ - /** .spectrum-Menu .spectrum-Menu-checkmark */ - builder.class('spectrum-Menu'), - builder.combinator(' '), - builder.class('spectrum-Menu-chevron'), - ], - replace: [ - { - replace: builder.class('chevron'), - }, - ], - }, - ], - }, - { - // Menu - inPackage: '@spectrum-css/menu', - outPackage: 'menu', - fileName: 'menu', - excludeByComponents: [ - builder.class('spectrum-Menu-divider'), - builder.class('spectrum-menu-itemSelection'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-item/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-checkmark/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Menu-chevron/, - }, - builder.element('li'), - ], - includeByWholeSelector: [ - /* [dir=ltr] .spectrum-Menu.is-selectable .spectrum-Menu-item */ - [ - builder.class('spectrum-Menu'), - builder.class('is-selectable'), - builder.combinator(' '), - builder.class('spectrum-Menu-item'), - ], - /* [dir=ltr] .spectrum-Menu.is-selectable .spectrum-Menu-item.is-selected */ - [ - builder.class('spectrum-Menu'), - builder.class('is-selectable'), - builder.combinator(' '), - builder.class('spectrum-Menu-item'), - builder.class('is-selected'), - ], - // [builder.class('spectrum-Menu-item')], - ], - components: [ - converter.classToHost(), - converter.classToAttribute('is-selectable', 'selects'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Menu--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Menu--sizeS', 's'], - ['spectrum-Menu--sizeL', 'l'], - ['spectrum-Menu--sizeXL', 'xl'], - ], - 'size' - ), - { - find: [builder.class('spectrum-Menu-item')], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.element('sp-menu-item')], - }, - }, - ], - }, - { - collapseSelector: true, - find: [ - builder.class('spectrum-Menu-item'), - builder.class('is-selected'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.element('sp-menu-item'), - builder.attribute('selected'), - ], - }, - }, - ], - }, - { - find: [ - builder.element('li'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.class('spectrum-Menu-item')], - [builder.class('spectrum-Menu-divider')], - ], - }, - ], - replace: [ - { - replace: builder.element('li'), - }, - { - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.element('sp-menu-item'), - ], - }, - ], - [builder.class('menu-divider')], - ], - }, - }, - ], - }, - { - find: [ - builder.element('li'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.class('spectrum-Menu-item')], - [builder.class('spectrum-Menu-divider')], - ], - }, - builder.combinator('child'), - builder.class('spectrum-Menu-sectionHeading'), - ], - replace: [ - { - replace: builder.element('li'), - }, - { - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.element('sp-menu-item'), - ], - }, - ], - [builder.class('menu-divider')], - ], - }, - }, - { - replace: builder.combinator('child'), - }, - { - replace: builder.class('header'), - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/meter/package.json b/packages/meter/package.json index bca8e577d78..46fa241634c 100644 --- a/packages/meter/package.json +++ b/packages/meter/package.json @@ -70,10 +70,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/meter": "0.0.0-s2-foundations.2", - "@spectrum-css/progressbar": "5.0.0-s2-foundations.19" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/meter/src/spectrum-config.js b/packages/meter/src/spectrum-config.js deleted file mode 100644 index 4a27b5188d9..00000000000 --- a/packages/meter/src/spectrum-config.js +++ /dev/null @@ -1,107 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ProgressBar'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/progressbar', - outPackage: 'meter', - fileName: 'progress-bar', - components: [ - converter.classToHost(), - converter.classToClass('spectrum-ProgressBar-track'), - converter.classToClass('spectrum-ProgressBar-fill'), - converter.classToClass('spectrum-ProgressBar-label'), - converter.classToClass('spectrum-ProgressBar-percentage'), - converter.classToAttribute( - 'spectrum-ProgressBar--sideLabel', - 'side-label' - ), - converter.classToAttribute( - 'spectrum-ProgressBar--indeterminate' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-ProgressBar--staticBlack', 'black'], - ['spectrum-ProgressBar--staticWhite', 'white'], - ], - 'static-color' - ), - ], - excludeByComponents: [ - builder.class('spectrum-Meter--sizeS'), - builder.class('spectrum-Meter--sizeL'), - ], - }, - { - inPackage: '@spectrum-css/meter', - outPackage: 'meter', - fileName: 'meter', - components: [ - converter.classToHost(), - converter.classToHost('spectrum-Meter'), - ...converter.enumerateAttributes( - [ - ['spectrum-Meter--sizeS', 's'], - ['spectrum-Meter--sizeL', 'l'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['is-positive', 'positive'], - ['is-notice', 'notice'], - ['is-negative', 'negative'], - ], - 'variant' - ), - ], - }, - { - inPackage: '@spectrum-css/meter', - outPackage: 'meter', - fileName: 'meter', - components: [ - converter.classToHost(), - converter.classToHost('spectrum-Meter'), - ...converter.enumerateAttributes( - [ - ['spectrum-Meter--sizeS', 's'], - ['spectrum-Meter--sizeL', 'l'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['is-positive', 'positive'], - ['is-notice', 'notice'], - ['is-negative', 'negative'], - ], - 'variant' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/modal/package.json b/packages/modal/package.json index 21c8535473b..ebf945ff354 100644 --- a/packages/modal/package.json +++ b/packages/modal/package.json @@ -52,9 +52,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/modal": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/modal/src/spectrum-config.js b/packages/modal/src/spectrum-config.js deleted file mode 100644 index c7b9bc94d16..00000000000 --- a/packages/modal/src/spectrum-config.js +++ /dev/null @@ -1,118 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Modal'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/modal', - outPackage: 'modal', - fileName: 'modal-wrapper', - components: [ - converter.classToHost('spectrum-Modal-wrapper'), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('spectrum-Modal--responsive'), - ], - excludeByComponents: [ - builder.class('spectrum-Modal'), - builder.class('spectrum-Modal--fullscreen'), - builder.class('spectrum-Modal--fullscreenTakeover'), - ], - }, - { - inPackage: '@spectrum-css/modal', - outPackage: 'modal', - fileName: 'modal', - hoistCustomPropertiesFrom: 'spectrum-Modal', - components: [ - { - find: [ - builder.class('spectrum-Modal--fullscreenTakeover'), - builder.class('is-open'), - ], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('open')], - }, - }, - { - replace: builder.combinator('descendant'), - }, - { - replace: builder.class('fullscreenTakeover'), - }, - ], - }, - { - find: [ - builder.class('spectrum-Modal'), - builder.class('is-open'), - ], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('open')], - }, - }, - { - replace: builder.combinator('descendant'), - }, - { - replace: builder.class('modal'), - }, - ], - }, - { - find: [builder.class('spectrum-Modal--responsive')], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('responsive')], - }, - }, - { - replace: builder.combinator('descendant'), - }, - { - replace: builder.class('modal'), - }, - ], - }, - converter.classToClass('spectrum-Modal', 'modal'), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('spectrum-Modal--responsive'), - converter.classToClass('spectrum-Modal--fullscreen'), - converter.classToClass('spectrum-Modal--fullscreenTakeover'), - ], - excludeByComponents: [builder.class('spectrum-Modal-wrapper')], - }, - ], -}; - -export default config; diff --git a/packages/number-field/package.json b/packages/number-field/package.json index 60575547b6a..524b2a5818b 100644 --- a/packages/number-field/package.json +++ b/packages/number-field/package.json @@ -74,8 +74,7 @@ "@spectrum-web-components/textfield": "1.6.0" }, "devDependencies": { - "@formatjs/intl-numberformat": "^8.3.5", - "@spectrum-css/stepper": "7.1.3" + "@formatjs/intl-numberformat": "^8.3.5" }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", diff --git a/packages/number-field/src/spectrum-config.js b/packages/number-field/src/spectrum-config.js deleted file mode 100644 index b4361c8c6ab..00000000000 --- a/packages/number-field/src/spectrum-config.js +++ /dev/null @@ -1,272 +0,0 @@ -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -// @ts-check -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -// Prepopulate a converter with the base class name of the package in question. -const converter = converterFor('spectrum-Stepper'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/stepper', - outPackage: 'number-field', - fileName: 'number-field', - hoistCustomPropertiesFrom: 'spectrum-Stepper', - components: [ - { - find: builder.pseudoClass('hover'), - replace: builder.pseudoClass('hover'), - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-focused')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('focused')]], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-disabled')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('disabled')]], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('is-invalid')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('invalid')]], - }, - hoist: true, - }, - { - exactSelector: true, - find: [builder.class('spectrum-Stepper--quiet')], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - ], - }, - { - expandSelector: true, - find: [ - builder.class('spectrum-Stepper--quiet'), - builder.class('is-disabled'), - ], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - exactSelector: true, - find: [ - builder.class('spectrum-Stepper--quiet'), - builder.class('is-focused'), - ], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.attribute('focused'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - exactSelector: true, - find: [ - builder.class('spectrum-Stepper--quiet'), - builder.class('is-keyboardFocused'), - ], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.attribute('keyboard-focused'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - exactSelector: true, - find: [ - builder.class('spectrum-Stepper--quiet'), - builder.class('is-focused'), - builder.class('is-invalid'), - ], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.attribute('focused'), - hoist: true, - }, - { - replace: builder.attribute('invalid'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - exactSelector: true, - find: [ - builder.class('spectrum-Stepper--quiet'), - builder.class('is-keyboardFocused'), - builder.class('is-invalid'), - ], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.attribute('keyboard-focused'), - hoist: true, - }, - { - replace: builder.attribute('invalid'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - converter.classToId('spectrum-Stepper', 'textfield'), - converter.classToAttribute('spectrum-Stepper--quiet'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-invalid', 'invalid'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute( - 'is-keyboardFocused', - 'keyboard-focused' - ), - converter.classToClass('spectrum-Stepper-buttons', 'buttons'), - converter.classToClass( - 'spectrum-Stepper-stepDown', - 'step-down' - ), - converter.classToClass( - 'spectrum-Stepper-textfield', - 'textfield' - ), - converter.classToClass('spectrum-Icon', 'stepper-icon'), - converter.classToClass('spectrum-Stepper-input', 'input'), - converter.classToClass('spectrum-Stepper-button', 'button'), - converter.classToClass( - 'spectrum-InfieldButton--top', - 'step-up' - ), - converter.classToClass( - 'spectrum-InfieldButton--bottom', - 'step-down' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Stepper--sizeS', 's'], - ['spectrum-Stepper--sizeM', 'm'], - ['spectrum-Stepper--sizeL', 'l'], - ['spectrum-Stepper--sizeXL', 'xl'], - ], - 'size' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/picker-button/package.json b/packages/picker-button/package.json index 24d6efb3676..a02ded47c69 100644 --- a/packages/picker-button/package.json +++ b/packages/picker-button/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/icons-ui": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/pickerbutton": "6.1.2" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/picker-button/src/spectrum-config.js b/packages/picker-button/src/spectrum-config.js deleted file mode 100644 index e66907d6c16..00000000000 --- a/packages/picker-button/src/spectrum-config.js +++ /dev/null @@ -1,252 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-PickerButton'); - -/** - * @property {string} size - * @returns {import('../../../tasks/spectrum-css-converter').ComplexSelectorConversion[]} - */ -const convertSize = (size) => [ - { - collapseSelector: true, - find: [ - // .spectrum-PickerButton.spectrum-PickerButton--sizeS - builder.class('spectrum-PickerButton'), - builder.class('spectrum-PickerButton--size' + size.toUpperCase()), - ], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('size', size)], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.class('root'), - }, - ], - }, - { - // .spectrum-PickerButton.spectrum-PickerButton--textuiicon.spectrum-PickerButton--sizeXL - collapseSelector: true, - find: [ - builder.class('spectrum-PickerButton'), - builder.class('spectrum-PickerButton--textuiicon'), - builder.class('spectrum-PickerButton--size' + size.toUpperCase()), - ], - replace: [ - //:host([dir='ltr'][size='xl']) .root.textuiicon - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('size', size)], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.class('textuiicon'), - }, - ], - }, - // .spectrum-PickerButton.spectrum-PickerButton--icononly.spectrum-PickerButton--sizeXL - { - collapseSelector: true, - find: [ - builder.class('spectrum-PickerButton'), - builder.class('spectrum-PickerButton--icononly'), - builder.class('spectrum-PickerButton--size' + size.toUpperCase()), - ], - replace: [ - //:host([dir='ltr'][size='xl']) .root.textuiicon - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('size', size)], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.class('spectrum-PickerButton--icononly'), - }, - ], - }, - // .spectrum-PickerButton.spectrum-PickerButton--uiicononly.spectrum-PickerButton--sizeXL - { - collapseSelector: true, - find: [ - builder.class('spectrum-PickerButton'), - builder.class('spectrum-PickerButton--uiicononly'), - builder.class('spectrum-PickerButton--size' + size.toUpperCase()), - ], - replace: [ - //:host([dir='ltr'][size='xl']) .root.textuiicon - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [builder.attribute('size', size)], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.class('uiicononly'), - }, - ], - }, -]; - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/pickerbutton', - outPackage: 'picker-button', - fileName: 'picker-button', - components: [ - converter.classToClass('spectrum-PickerButton', 'root'), - converter.classToAttribute('is-focused', 'focused'), - { - find: [builder.pseudoClass('focus')], - replace: [ - { - replace: builder.pseudoClass('focus'), - hoist: false, - }, - ], - }, - { - find: [builder.pseudoClass('hover')], - replace: [ - { - replace: builder.pseudoClass('hover'), - hoist: false, - }, - ], - }, - { - find: [ - builder.class('spectrum-PickerButton'), - { - type: 'pseudo-element', - kind: 'custom', - name: '-moz-focus-inner', - }, - ], - replace: [ - { - replace: builder.class('root'), - }, - { - replace: { - type: 'pseudo-element', - kind: 'custom', - name: '-moz-focus-inner', - }, - }, - ], - }, - converter.pseudoToAttribute('disabled', 'disabled'), - ...convertSize('s'), - ...convertSize('m'), - ...convertSize('l'), - ...convertSize('xl'), - converter.notToAttribute('is-open', 'open'), - converter.classToAttribute('is-open', 'open'), - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.pseudoClass('disabled')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('disabled')]], - }, - hoist: true, - }, - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - converter.classToAttribute('is-invalid', 'invalid'), - converter.notToAttribute('is-invalid', 'invalid'), - ...converter.enumerateAttributes( - [ - ['spectrum-PickerButton--right'], - ['spectrum-PickerButton--left'], - ], - 'position' - ), - converter.classToAttribute('spectrum-PickerButton--rounded'), - converter.notToAttribute( - 'spectrum-PickerButton--rounded', - 'rounded' - ), - converter.classToAttribute( - 'spectrum-PickerButton--quiet', - 'quiet' - ), - converter.classToClass('spectrum-PickerButton--uiicononly'), - converter.classToClass('spectrum-PickerButton--textuiicon'), - ], - excludeByComponents: [ - builder.class('spectrum--medium'), - builder.class('spectrum--large'), - ], - }, - ], -}; - -export default config; diff --git a/packages/picker/package.json b/packages/picker/package.json index a54a451a20a..a4f3f4a9c0b 100644 --- a/packages/picker/package.json +++ b/packages/picker/package.json @@ -103,9 +103,6 @@ "@spectrum-web-components/tooltip": "1.6.0", "@spectrum-web-components/tray": "1.6.0" }, - "devDependencies": { - "@spectrum-css/picker": "9.1.4" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/picker/src/spectrum-config.js b/packages/picker/src/spectrum-config.js deleted file mode 100644 index 9c4950da4a2..00000000000 --- a/packages/picker/src/spectrum-config.js +++ /dev/null @@ -1,124 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Picker'); -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/picker', - outPackage: 'picker', - fileName: 'picker', - hoistCustomPropertiesFrom: 'spectrum-Picker', - excludeByComponents: [builder.class('spectrum-Popover--bottom')], - components: [ - converter.classToId('spectrum-Picker', 'button'), - converter.classToAttribute('spectrum-Picker--quiet'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-loading', 'pending'), - converter.classToAttribute('is-invalid', 'invalid'), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('is-focused', 'focused'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Picker--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Picker--sizeS', 's'], - ['spectrum-Picker--sizeL', 'l'], - ['spectrum-Picker--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass('spectrum-Picker-menuIcon', 'picker'), - converter.classToClass( - 'spectrum-Picker--sideLabel', - 'label-inline' - ), - converter.classToClass('spectrum-Menu-checkmark', 'checkmark'), - converter.classToClass( - 'spectrum-ProgressCircle', - 'progress-circle' - ), - converter.classToClass('is-placeholder', 'placeholder'), - converter.classToClass( - 'spectrum-Picker-validationIcon', - 'validation-icon' - ), - converter.classToClass('spectrum-Picker-icon', 'icon'), - converter.classToId('spectrum-Picker-trigger', 'button'), - converter.classToClass('spectrum-Picker-label', 'label'), - converter.classToId('spectrum-Picker-popover', 'popover'), - { - expandSelector: true, - find: [builder.class('spectrum-Picker--quiet')], - replace: [ - { - replace: builder.attribute('quiet'), - }, - { - replace: builder.combinator('descendant'), - }, - { - replace: builder.id('button'), - }, - ], - }, - { - // prevents hoisting .focus-ring to :host as :focus-visible - find: [builder.class('focus-ring')], - replace: [ - { - replace: builder.pseudoClass('focus-visible'), - }, - ], - }, - { - // .spectrum-Picker .spectrum-Picker-icon - collapseSelector: true, - find: [ - builder.class('spectrum-Picker'), - builder.combinator('descendant'), - builder.class('spectrum-Picker-icon'), - ], - replace: [ - { - replace: builder.class('icon'), - }, - ], - }, - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('spectrum-Picker--quiet')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('quiet')]], - }, - hoist: true, - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/popover/package.json b/packages/popover/package.json index 34dac0a43c6..919eae4c0a0 100644 --- a/packages/popover/package.json +++ b/packages/popover/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/overlay": "1.6.0" }, - "devDependencies": { - "@spectrum-css/popover": "8.2.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/popover/src/spectrum-config.js b/packages/popover/src/spectrum-config.js deleted file mode 100644 index c18099ff304..00000000000 --- a/packages/popover/src/spectrum-config.js +++ /dev/null @@ -1,50 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Popover'); -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/popover', - outPackage: 'popover', - fileName: 'popover', - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - converter.classToAttribute('spectrum-Popover--withTip', 'tip'), - ...converter.enumerateAttributes( - [ - ['spectrum-Popover--top', 'top'], - ['spectrum-Popover--bottom', 'bottom'], - ['spectrum-Popover--left', 'left'], - ['spectrum-Popover--right', 'right'], - ], - 'placement', - 'substring' - ), - converter.classToId('spectrum-Popover-tip', 'tip'), - converter.classToClass( - 'spectrum-Popover-tip-triangle', - 'triangle' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/progress-bar/package.json b/packages/progress-bar/package.json index fd32d547eca..fafa4c08a69 100644 --- a/packages/progress-bar/package.json +++ b/packages/progress-bar/package.json @@ -69,9 +69,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/progressbar": "5.0.0-s2-foundations.19" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/progress-bar/src/spectrum-config.js b/packages/progress-bar/src/spectrum-config.js deleted file mode 100644 index 5d93081c9e4..00000000000 --- a/packages/progress-bar/src/spectrum-config.js +++ /dev/null @@ -1,77 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ProgressBar'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/progressbar', - outPackage: 'progress-bar', - fileName: 'progress-bar', - components: [ - converter.classToHost(), - converter.classToClass('spectrum-ProgressBar-track'), - converter.classToClass('spectrum-ProgressBar-fill'), - converter.classToClass('spectrum-ProgressBar-label'), - converter.classToClass('spectrum-ProgressBar-percentage'), - converter.classToAttribute( - 'spectrum-ProgressBar--sideLabel', - 'side-label' - ), - converter.classToAttribute('spectrum-ProgressBar-small'), - converter.classToAttribute( - 'spectrum-ProgressBar--indeterminate' - ), - converter.classToAttribute( - 'spectrum-ProgressBar--overBackground', - 'over-background' - ), - converter.classToAttribute('is-positive', 'positive'), - converter.classToAttribute('is-notice', 'notice'), - converter.classToAttribute('is-negative', 'negative'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-ProgressBar--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-ProgressBar--sizeS', 's'], - ['spectrum-ProgressBar--sizeL', 'l'], - ['spectrum-ProgressBar--sizeXL', 'xl'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-ProgressBar--staticBlack', 'black'], - ['spectrum-ProgressBar--staticWhite', 'white'], - ], - 'static-color' - ), - ], - excludeByComponents: [ - builder.class('spectrum-Meter--sizeS'), - builder.class('spectrum-Meter--sizeL'), - ], - }, - ], -}; - -export default config; diff --git a/packages/progress-circle/package.json b/packages/progress-circle/package.json index ae75e93c7bf..feab374ae37 100644 --- a/packages/progress-circle/package.json +++ b/packages/progress-circle/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/progresscircle": "5.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/progress-circle/src/spectrum-config.js b/packages/progress-circle/src/spectrum-config.js deleted file mode 100644 index a8029e75903..00000000000 --- a/packages/progress-circle/src/spectrum-config.js +++ /dev/null @@ -1,65 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-ProgressCircle'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/progresscircle', - outPackage: 'progress-circle', - fileName: 'progress-circle', - excludeByComponents: [ - builder.class('spectrum-ProgressCircle--medium'), - ], - components: [ - converter.classToHost(), - converter.classToAttribute( - 'spectrum-ProgressCircle--indeterminate' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-ProgressCircle--small', 's'], - ['spectrum-ProgressCircle--large', 'l'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [['spectrum-ProgressCircle--staticWhite', 'white']], - 'static-color' - ), - converter.classToClass('spectrum-ProgressCircle-track'), - converter.classToClass('spectrum-ProgressCircle-fills'), - converter.classToClass('spectrum-ProgressCircle-fill'), - converter.classToClass('spectrum-ProgressCircle-fillMask1'), - converter.classToClass('spectrum-ProgressCircle-fillMask2'), - converter.classToClass('spectrum-ProgressCircle-fillSubMask1'), - converter.classToClass('spectrum-ProgressCircle-fillSubMask2'), - converter.classToClass( - 'spectrum-ProgressCircle--indeterminate-fill-submask-2', - 'fill-submask-2' - ), - ], - }, - ], -}; - -export default config; diff --git a/packages/radio/package.json b/packages/radio/package.json index 529a60af4f2..e43717a37ba 100644 --- a/packages/radio/package.json +++ b/packages/radio/package.json @@ -78,9 +78,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/radio": "10.0.0-s2-foundations.17" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/radio/src/spectrum-config.js b/packages/radio/src/spectrum-config.js deleted file mode 100644 index 6a199d6b15d..00000000000 --- a/packages/radio/src/spectrum-config.js +++ /dev/null @@ -1,143 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Radio'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/radio', - outPackage: 'radio', - fileName: 'radio', - components: [ - { - find: [builder.pseudoClass('focus')], - replace: [ - { - replace: builder.pseudoClass('focus-visible'), - hoist: true, - }, - ], - }, - { - // .spectrum-Radio-input:focus-visible+.spectrum-Radio-button:after - find: [ - builder.class('spectrum-Radio-input'), - builder.pseudoClass('focus-visible'), - builder.combinator('+'), - builder.class('spectrum-Radio-button'), - builder.pseudoElement('after'), - ], - // :host(:focus-visible) #input + #button:after - replace: [ - { - replace: builder.id('input'), - }, - { - replace: builder.pseudoClass('focus-visible'), - }, - { - replace: builder.combinator('+'), - }, - { - replace: builder.id('button'), - }, - { - replace: builder.pseudoElement('after'), - }, - ], - }, - { - find: [ - builder.class('spectrum-Radio-label'), - { - type: 'pseudo-class', - kind: 'lang', - }, - ], - replace: [ - { - replace: builder.id('label'), - }, - 'take', - ], - }, - { - find: { - type: 'pseudo-class', - kind: 'lang', - }, - hoist: true, - }, - { - find: builder.pseudoClass('active'), - hoist: true, - }, - converter.classToHost(), - converter.pseudoToAttribute('disabled', 'disabled'), - converter.pseudoToAttribute('checked', 'checked'), - converter.classToAttribute('is-invalid', 'invalid'), - converter.classToAttribute('is-readOnly', 'readonly'), - converter.classToAttribute('spectrum-Radio--emphasized'), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Radio--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Radio--sizeS', 's'], - ['spectrum-Radio--sizeL', 'l'], - ['spectrum-Radio--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToId('spectrum-Radio-input'), - converter.classToId('spectrum-Radio-button'), - converter.classToId('spectrum-Radio-label'), - { - find: [ - // .spectrum-Radio-button:after:dir(rtl) - builder.class('spectrum-Radio-button'), - builder.pseudoElement('after'), - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - ], - replace: [ - // #button:dir(rtl):after - { - replace: builder.id('button'), - }, - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - builder.pseudoElement('after'), - ], - collapseSelector: true, - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/search/package.json b/packages/search/package.json index 3535c121028..8ad8f2f7c81 100644 --- a/packages/search/package.json +++ b/packages/search/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/icons-workflow": "1.6.0", "@spectrum-web-components/textfield": "1.6.0" }, - "devDependencies": { - "@spectrum-css/search": "8.1.2" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/search/src/spectrum-config.js b/packages/search/src/spectrum-config.js deleted file mode 100644 index 3be3e1e43ab..00000000000 --- a/packages/search/src/spectrum-config.js +++ /dev/null @@ -1,124 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Search'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/search', - outPackage: 'search', - fileName: 'search', - hoistCustomPropertiesFrom: 'spectrum-Search', - excludeByWholeSelector: [ - [ - builder.class('spectrum-Search'), - builder.class('spectrum-Search--sizeS'), - ], - [ - builder.class('spectrum-Search'), - builder.class('spectrum-Search--sizeXL'), - ], - [ - builder.class('spectrum-Search'), - builder.class('spectrum-Search--sizeL'), - ], - ], - components: [ - converter.classToId('spectrum-Search', 'textfield'), - converter.classToClass('spectrum-Search-input', 'input'), - converter.classToClass('spectrum-Icon', 'icon'), - converter.classToClass('spectrum-Search-icon', 'icon-search'), - converter.classToAttribute('spectrum-Search--quiet', 'quiet'), - converter.classToId('spectrum-Search-clearButton', 'button'), - converter.classToId('spectrum-Search-textfield', 'textfield'), - // Default to `size='m'` without needing the attribute - // converter.classToHost('spectrum-Search--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Search--sizeS', 's'], - ['spectrum-Search--sizeM', 'm'], - ['spectrum-Search--sizeL', 'l'], - ['spectrum-Search--sizeXL', 'xl'], - ], - 'size' - ), - { - find: [builder.class('spectrum-Search--sizeS')], - replace: [ - { - replace: builder.id('textfield'), - }, - { - replace: builder.attribute('size', 's'), - }, - ], - }, - { - find: [builder.class('spectrum-Search--sizeL')], - replace: [ - { - replace: builder.id('textfield'), - }, - { - replace: builder.attribute('size', 'l'), - }, - ], - }, - { - find: [builder.class('spectrum-Search--sizeXL')], - replace: [ - { - replace: builder.id('textfield'), - }, - { - replace: builder.attribute('size', 'xl'), - }, - ], - }, - - { - find: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.class('spectrum-Search--quiet')]], - }, - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('quiet')]], - }, - hoist: true, - }, - { - find: [builder.class('focus-ring')], - replace: [ - { - replace: builder.pseudoClass('focus-visible'), - }, - ], - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/sidenav/package.json b/packages/sidenav/package.json index 3006d6daf16..7400bc81597 100644 --- a/packages/sidenav/package.json +++ b/packages/sidenav/package.json @@ -88,9 +88,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/sidenav": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/sidenav/src/spectrum-config.js b/packages/sidenav/src/spectrum-config.js deleted file mode 100644 index 81db55f1956..00000000000 --- a/packages/sidenav/src/spectrum-config.js +++ /dev/null @@ -1,152 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Sidenav'); -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/sidenav', - outPackage: 'sidenav', - fileName: 'sidenav', - components: [ - converter.classToHost('spectrum-SideNav'), - converter.classToAttribute( - 'spectrum-SideNav--multiLevel', - 'multilevel' - ), - ], - excludeByComponents: [ - builder.class('spectrum-SideNav-item'), - builder.class('spectrum-SideNav-itemLink'), - builder.class('spectrum-SideNav-heading'), - ], - }, - { - inPackage: '@spectrum-css/sidenav', - outPackage: 'sidenav', - fileName: 'sidenav-item', - components: [ - converter.classToHost('spectrum-SideNav-item'), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToId('spectrum-SideNav-itemLink', 'item-link'), - converter.classToId('spectrum-SideNav-link-text', 'link-text'), - converter.classToId('spectrum-SideNav', 'list'), - converter.classToSlotted('spectrum-Icon', 'icon'), - { - // prevents hoisting .focus-ring to :host as :focus-visible - find: [builder.class('focus-ring')], - replace: [ - { - replace: builder.pseudoClass('focus-visible'), - }, - ], - }, - { - // .spectrum-SideNav--multiLevel .spectrum-SideNav-itemLink - find: [ - builder.class('spectrum-SideNav--multiLevel'), - builder.combinator(' '), - builder.class('spectrum-SideNav-itemLink'), - ], - replace: [ - { - replace: builder.id('item-link'), - }, - { - replace: builder.attribute('data-level'), - hoist: false, - }, - ], - collapseSelector: true, - }, - { - // .spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav-itemLink - find: [ - builder.class('spectrum-SideNav--multiLevel'), - builder.combinator(' '), - builder.class('spectrum-SideNav'), - builder.combinator(' '), - builder.class('spectrum-SideNav-itemLink'), - ], - replace: [ - { - replace: builder.id('item-link'), - }, - { - replace: { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.attribute('data-level', '0')], - ], - }, - hoist: false, - }, - ], - collapseSelector: true, - }, - { - // .spectrum-SideNav--multiLevel .spectrum-SideNav .spectrum-SideNav .spectrum-SideNav-itemLink - find: [ - builder.class('spectrum-SideNav--multiLevel'), - builder.combinator(' '), - builder.class('spectrum-SideNav'), - builder.combinator(' '), - builder.class('spectrum-SideNav'), - builder.combinator(' '), - builder.class('spectrum-SideNav-itemLink'), - ], - replace: [ - { - replace: builder.id('item-link'), - }, - { - replace: builder.attribute('data-level', '2'), - hoist: false, - }, - ], - collapseSelector: true, - }, - ], - excludeByWholeSelector: [ - [builder.class('spectrum-SideNav-heading')], - ], - }, - { - inPackage: '@spectrum-css/sidenav', - outPackage: 'sidenav', - fileName: 'sidenav-heading', - components: [ - converter.classToId('spectrum-SideNav-heading', 'heading'), - converter.classToId('spectrum-SideNav-heading', 'heading'), - converter.classToId('spectrum-SideNav', 'list'), - ], - excludeByComponents: [ - builder.class('spectrum-SideNav-item'), - builder.class('spectrum-SideNav-itemLink'), - builder.class('spectrum-SideNav--multiLevel'), - ], - }, - ], -}; - -export default config; diff --git a/packages/slider/package.json b/packages/slider/package.json index 998e7059ef3..9188376bac4 100644 --- a/packages/slider/package.json +++ b/packages/slider/package.json @@ -89,9 +89,6 @@ "@spectrum-web-components/shared": "1.6.0", "@spectrum-web-components/theme": "1.6.0" }, - "devDependencies": { - "@spectrum-css/slider": "6.3.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/slider/src/spectrum-config.js b/packages/slider/src/spectrum-config.js deleted file mode 100644 index 4dd84bc8a84..00000000000 --- a/packages/slider/src/spectrum-config.js +++ /dev/null @@ -1,205 +0,0 @@ -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Slider'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/slider', - outPackage: 'slider', - fileName: 'slider', - hoistCustomPropertiesFrom: 'spectrum-Slider', - excludeByWholeSelector: [ - [ - builder.attribute('dir'), - builder.combinator(' '), - builder.attribute('dir'), - builder.combinator(' '), - builder.class('spectrum-Slider--range'), - builder.combinator(' '), - builder.class('spectrum-Slider-track'), - ], - ], - components: [ - converter.classToHost(), - converter.classToAttribute('is-disabled', 'disabled'), - { - exactSelector: true, - find: [builder.class('spectrum-Slider--tick')], - replace: [ - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - { - type: 'attribute', - name: 'tick-labels', - }, - ], - }, - }, - ], - }, - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Slider--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Slider--sizeS', 's'], - ['spectrum-Slider--sizeL', 'l'], - ['spectrum-Slider--sizeXL', 'xl'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Slider--color', 'color'], - ['spectrum-Slider--filled', 'filled'], - ['spectrum-Slider--ramp', 'ramp'], - ['spectrum-Slider--range', 'range'], - ['spectrum-Slider--tick', 'tick'], - ], - 'variant' - ), - { - find: [ - builder.class('spectrum-Slider-labelContainer'), - builder.combinator('+'), - builder.class('spectrum-Slider-controls'), - ], - replace: [ - { - replace: builder.id('label-container'), - }, - { - replace: builder.combinator('+'), - }, - { - replace: builder.id('track'), - }, - ], - }, - converter.classToId('spectrum-Slider-buffer', 'buffer'), - converter.classToId('spectrum-Slider-controls', 'controls'), - converter.classToId('spectrum-Slider-label', 'label'), - converter.classToId( - 'spectrum-Slider-labelContainer', - 'label-container' - ), - converter.classToId('spectrum-Slider-ramp', 'ramp'), - converter.classToId('spectrum-Slider-value', 'value'), - converter.classToClass('spectrum-Slider-handle', 'handle'), - converter.classToClass('spectrum-Slider-input', 'input'), - converter.classToClass('spectrum-Slider-tick', 'tick'), - converter.classToClass('spectrum-Slider-fill--right', 'offset'), - converter.classToClass('spectrum-Slider-fill', 'fill'), - converter.classToClass( - 'spectrum-Slider-tickLabel', - 'tickLabel' - ), - converter.classToClass('spectrum-Slider-ticks', 'ticks'), - converter.classToClass( - 'spectrum-Slider-trackContainer', - 'trackContainer' - ), - converter.classToClass( - 'spectrum-Slider-handleContainer', - 'handleContainer' - ), - converter.classToClass('spectrum-Slider-track', 'track'), - converter.classToClass('is-focused', 'handle-highlight'), - converter.classToClass('is-dragged', 'dragging'), - { - find: [ - builder.class('spectrum-Slider-controls'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'has', - selectors: [ - [ - builder.class( - 'spectrum-Slider-ticks' - ), - ], - ], - }, - ], - ], - }, - ], - replace: [ - { - replace: builder.id('controls'), - }, - { - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'has', - selectors: [ - [builder.class('ticks')], - ], - }, - ], - ], - }, - }, - ], - }, - { - find: [ - // .spectrum-Slider-handle:before:dir(rtl) - builder.class('spectrum-Slider-handle'), - builder.pseudoElement('before'), - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - ], - replace: [ - // .handle:dir(rtl):before - { - replace: builder.class('handle'), - }, - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - builder.pseudoElement('before'), - ], - collapseSelector: true, - }, - ], - }, - ], -}; -export default config; diff --git a/packages/split-view/package.json b/packages/split-view/package.json index ce68c696d84..efd52c457de 100644 --- a/packages/split-view/package.json +++ b/packages/split-view/package.json @@ -71,9 +71,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/splitview": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/split-view/src/spectrum-config.js b/packages/split-view/src/spectrum-config.js deleted file mode 100644 index 3e12e9c60a7..00000000000 --- a/packages/split-view/src/spectrum-config.js +++ /dev/null @@ -1,84 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-SplitView'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -export default { - conversions: [ - { - inPackage: '@spectrum-css/splitview', - outPackage: 'split-view', - fileName: 'split-view', - hoistCustomPropertiesFrom: 'spectrum-SplitView', - components: [ - converter.classToHost('spectrum-SplitView'), - converter.classToAttribute('spectrum-SplitView--vertical'), - converter.classToId('spectrum-SplitView-splitter'), - converter.classToId('spectrum-SplitView-gripper'), - converter.classToSlotted('spectrum-SplitView-pane'), - { - find: [ - builder.class('spectrum-SplitView-splitter'), - builder.class('focus-ring'), - ], - replace: [ - { replace: builder.id('splitter') }, - { - replace: builder.pseudoClass('focus-visible'), - hoist: false, - }, - ], - }, - { - find: [ - builder.class('spectrum-SplitView-splitter'), - builder.class('is-draggable'), - ], - replace: [ - { replace: builder.id('splitter') }, - { - replace: builder.attribute('resizable'), - hoist: true, - }, - ], - }, - { - find: [ - builder.class('spectrum-SplitView-splitter'), - builder.class('is-draggable'), - builder.class('focus-ring'), - ], - replace: [ - { replace: builder.id('splitter') }, - { - replace: builder.attribute('resizable'), - hoist: true, - }, - { - replace: builder.pseudoClass('focus-visible'), - hoist: false, - }, - ], - }, - ], - }, - ], -}; diff --git a/packages/status-light/package.json b/packages/status-light/package.json index 21c2c64d891..45bc3ec8595 100644 --- a/packages/status-light/package.json +++ b/packages/status-light/package.json @@ -66,9 +66,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/statuslight": "9.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/status-light/src/spectrum-config.js b/packages/status-light/src/spectrum-config.js deleted file mode 100644 index 864e6c03d48..00000000000 --- a/packages/status-light/src/spectrum-config.js +++ /dev/null @@ -1,81 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-StatusLight'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -export default { - conversions: [ - { - inPackage: '@spectrum-css/statuslight', - outPackage: 'status-light', - fileName: 'status-light', - components: [ - converter.classToHost(), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('spectrum-StatusLight--active'), - ...converter.enumerateAttributes( - [ - ['spectrum-StatusLight--negative', 'negative'], - ['spectrum-StatusLight--notice', 'notice'], - ['spectrum-StatusLight--positive', 'positive'], - ['spectrum-StatusLight--info', 'info'], - ['spectrum-StatusLight--neutral', 'neutral'], - ['spectrum-StatusLight--yellow', 'yellow'], - ['spectrum-StatusLight--fuchsia', 'fuchsia'], - ['spectrum-StatusLight--indigo', 'indigo'], - ['spectrum-StatusLight--seafoam', 'seafoam'], - ['spectrum-StatusLight--chartreuse', 'chartreuse'], - ['spectrum-StatusLight--magenta', 'magenta'], - ['spectrum-StatusLight--purple', 'purple'], - ['spectrum-StatusLight--celery', 'celery'], - ], - 'variant' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-StatusLight--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-StatusLight--sizeS', 's'], - ['spectrum-StatusLight--sizeL', 'l'], - ['spectrum-StatusLight--sizeXL', 'xl'], - ], - 'size' - ), - { - find: { - type: 'pseudo-class', - kind: 'lang', - }, - hoist: true, - }, - { - exactSelector: true, - find: [builder.class('spectrum-StatusLight')], - replace: [ - { - replace: builder.attribute('dir'), - }, - ], - }, - ], - }, - ], -}; diff --git a/packages/swatch/package.json b/packages/swatch/package.json index 56703f68740..518d7bbca59 100644 --- a/packages/swatch/package.json +++ b/packages/swatch/package.json @@ -82,10 +82,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/swatch": "7.0.0-s2-foundations.17", - "@spectrum-css/swatchgroup": "4.0.0-s2-foundations.15" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/swatch/src/spectrum-config.js b/packages/swatch/src/spectrum-config.js deleted file mode 100644 index 9dd8cab4e63..00000000000 --- a/packages/swatch/src/spectrum-config.js +++ /dev/null @@ -1,123 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Swatch'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -export default { - conversions: [ - { - inPackage: '@spectrum-css/swatchgroup', - outPackage: 'swatch', - fileName: 'swatch-group', - hoistCustomPropertiesFrom: 'spectrum-SwatchGroup', - components: [ - converter.classToHost('spectrum-SwatchGroup'), - ...converter.enumerateAttributes( - [ - ['spectrum-SwatchGroup--compact', 'compact'], - ['spectrum-SwatchGroup--spacious', 'spacious'], - ], - 'density' - ), - ], - }, - { - inPackage: '@spectrum-css/swatch', - outPackage: 'swatch', - fileName: 'swatch', - hoistCustomPropertiesFrom: 'spectrum-Swatch', - excludeByComponents: [builder.class('🤫')], - components: [ - converter.classToHost('spectrum-Swatch'), - ...converter.enumerateAttributes( - [ - ['spectrum-Swatch--lightBorder', 'light'], - ['spectrum-Swatch--noBorder', 'none'], - ], - 'border' - ), - ...converter.enumerateAttributes( - [ - ['spectrum-Swatch--roundingNone', 'none'], - ['spectrum-Swatch--roundingFull', 'full'], - ], - 'rounding' - ), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute('is-mixedValue', 'mixed-value'), - converter.classToAttribute('is-nothing', 'nothing'), - converter.classToAttribute('is-disabled', 'disabled'), - ...converter.enumerateAttributes( - [['spectrum-Swatch--rectangle', 'rectangle']], - 'shape' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Swatch--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Swatch--sizeXS', 'xs'], - ['spectrum-Swatch--sizeS', 's'], - ['spectrum-Swatch--sizeL', 'l'], - ], - 'size' - ), - converter.classToClass('spectrum-Swatch-fill'), - converter.classToClass('spectrum-Swatch-disabledIcon'), - converter.classToClass('spectrum-Swatch-mixedValueIcon'), - converter.classToSlotted('spectrum-Swatch-image', 'image'), - { - find: [ - builder.class('spectrum-Swatch'), - builder.pseudoClass('focus-visible'), - builder.pseudoElement('after'), - ], - replace: [ - { - replace: builder.pseudoClass('host'), - }, - { - replace: builder.pseudoClass('focus-visible'), - hoist: true, - }, - { - replace: builder.pseudoElement('after'), - }, - ], - }, - { - find: { - kind: 'not', - type: 'pseudo-class', - selectors: [ - [builder.class('spectrum-Swatch--rectangle')], - ], - }, - replace: { - kind: 'not', - type: 'pseudo-class', - selectors: [[builder.attribute('shape', 'rectangle')]], - }, - hoist: true, - }, - ], - }, - ], -}; diff --git a/packages/switch/package.json b/packages/switch/package.json index d666201d6e5..da34505ced8 100644 --- a/packages/switch/package.json +++ b/packages/switch/package.json @@ -68,9 +68,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/checkbox": "1.6.0" }, - "devDependencies": { - "@spectrum-css/switch": "6.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/switch/src/spectrum-config.js b/packages/switch/src/spectrum-config.js deleted file mode 100644 index 12d81f0c78c..00000000000 --- a/packages/switch/src/spectrum-config.js +++ /dev/null @@ -1,73 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Switch'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/switch', - outPackage: 'switch', - fileName: 'switch', - components: [ - { - find: [ - builder.class('spectrum-Switch-input'), - builder.pseudoClass('focus-visible'), - ], - replace: [ - { - replace: builder.id('input'), - }, - { - replace: builder.pseudoClass('focus-visible'), - }, - ], - }, - { - find: builder.pseudoClass('active'), - replace: builder.pseudoClass('active'), - hoist: true, - }, - converter.classToHost(), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Switch--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Switch--sizeS', 's'], - ['spectrum-Switch--sizeL', 'l'], - ['spectrum-Switch--sizeXL', 'xl'], - ], - 'size' - ), - converter.pseudoToAttribute('disabled', 'disabled'), - converter.pseudoToAttribute('checked', 'checked'), - converter.classToAttribute('spectrum-Switch--emphasized'), - converter.classToAttribute('spectrum-Switch--disabled'), - converter.classToId('spectrum-Switch-input'), - converter.classToId('spectrum-Switch-switch'), - converter.classToId('spectrum-Switch-label'), - ], - }, - ], -}; - -export default config; diff --git a/packages/table/package.json b/packages/table/package.json index d7dc13bb9ff..2df55192e90 100644 --- a/packages/table/package.json +++ b/packages/table/package.json @@ -134,9 +134,6 @@ "@spectrum-web-components/icon": "1.6.0", "@spectrum-web-components/icons-ui": "1.6.0" }, - "devDependencies": { - "@spectrum-css/table": "8.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/table/src/spectrum-config.js b/packages/table/src/spectrum-config.js deleted file mode 100644 index 433f587ff73..00000000000 --- a/packages/table/src/spectrum-config.js +++ /dev/null @@ -1,319 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Table'); -const converterCell = converterFor('spectrum-Table-cell'); -const converterHeadCell = converterFor('spectrum-Table-headCell'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table', - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-Table--quiet'), - converter.classToAttribute('spectrum-Table--emphasized'), - ...converter.enumerateAttributes( - [ - ['spectrum-Table--sizeS', 's'], - ['spectrum-Table--sizeL', 'l'], - ['spectrum-Table--sizeXL', 'xl'], - ], - 'size' - ), - ...converter.enumerateAttributes( - [['spectrum-Table--compact'], ['spectrum-Table--spacious']], - 'density' - ), - ], - excludeByComponents: [ - builder.class('spectrum-Table-sortedIcon'), - builder.class('spectrum-Table-headCell'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-(?!-)/, - }, - ], - }, - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table-body', - components: [ - converter.classToHost('spectrum-Table-body'), - converter.classToAttribute('is-drop-target', 'drop-target'), - ], - excludeByComponents: [ - builder.class('spectrum-Table'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-(?!b)/, - }, - builder.element('tbody'), - ], - }, - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table-cell', - components: [ - converterCell.classToHost(), - ...converterCell.enumerateAttributes( - [ - ['spectrum-Table-cell--alignCenter', 'center'], - ['spectrum-Table-cell--alignRight', 'end'], - ], - 'align' - ), - converterCell.classToClass('spectrum-Table-cell--divider'), - converterCell.classToAttribute('is-focused', 'focused'), - ], - excludeByComponents: [ - builder.class('spectrum-Table'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-(?!cell)/, - }, - ], - }, - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table-checkbox-cell', - components: [ - converterHeadCell.classToAttribute( - 'spectrum-Table-headCell', - 'head-cell' - ), - converter.classToAttribute('is-sortable', 'sortable'), - converter.classToAttribute('is-focused', 'focused'), - converter.pseudoToAttribute('active', 'active'), - { - find: [builder.class('spectrum-Table-cell')], - replace: [ - //:host(:not([head-cell])) - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.attribute('head-cell')], - ], - }, - ], - }, - }, - ], - }, - { - find: [builder.class('spectrum-Table-checkboxCell')], - replace: [ - //:host(:host) for increased specificity, to be higher than [head-cell] selectors. - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - { - type: 'pseudo-class', - kind: 'host', - }, - ], - }, - }, - ], - }, - { - find: [builder.class('spectrum-Table-checkbox')], - replace: [ - { - replace: { - type: 'type', - name: 'sp-checkbox', - }, - }, - ], - }, - ], - excludeByComponents: [ - builder.class('spectrum-Table'), - // Also include all Table-cell and Table-headCell classes. - // They are converted to selectors with or without the [head-cell] attribute. - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-(?!checkbox|headCell|cell)/, - }, - builder.class('is-sortable'), - // Unneeded cell modifier classes (align*, collapsible, divider). - { - type: 'class', - regex: /spectrum-Table-cell--/, - name: 'regex', - }, - builder.element('div'), - ], - }, - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table-head', - components: [converter.classToHost('spectrum-Table-head')], - requireComponentPresence: [ - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-head$/, - }, - ], - excludeByComponents: [builder.attribute('role')], - }, - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table-head-cell', - components: [ - converterHeadCell.classToHost(), - converterHeadCell.classToAttribute('is-sortable', 'sortable'), - converterHeadCell.classToAttribute('is-focused', 'focused'), - converterHeadCell.pseudoToAttribute('active', 'active'), - ...converterHeadCell.enumerateAttributes( - [ - ['is-sorted-asc', 'asc'], - ['is-sorted-desc', 'desc'], - ], - 'sort-direction' - ), - converterHeadCell.classToClass( - 'spectrum-Table-sortedIcon', - 'sortedIcon' - ), - ], - requireComponentPresence: [ - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-(headCell|sortedIcon)$/, - }, - ], - excludeByComponents: [ - { - type: 'class', - regex: /spectrum-Table--/, - name: 'regex', - }, - ], - }, - { - inPackage: '@spectrum-css/table', - outPackage: 'table', - fileName: 'table-row', - components: [ - converter.classToHost('spectrum-Table-row'), - { - find: builder.pseudoClass('first-child'), - replace: builder.pseudoClass('first-child'), - hoist: true, - }, - { - find: builder.pseudoClass('last-child'), - replace: builder.pseudoClass('last-child'), - hoist: true, - }, - converter.classToAttribute( - 'spectrum-Table-row--emphasized', - 'emphasized' - ), - converter.classToAttribute('is-drop-target', 'drop-target'), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToSlotted('spectrum-Table-cell'), - { - find: [ - builder.class('spectrum-Table-cell'), - builder.pseudoClass('first-child'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.pseudoClass('first-child')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - find: [ - builder.class('spectrum-Table-cell'), - builder.pseudoClass('last-child'), - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [builder.pseudoClass('last-child')], - }, - }, - { - replace: builder.combinator(' '), - }, - ], - }, - ], - requireComponentPresence: [ - { - type: 'class', - name: 'regex', - regex: /spectrum-Table-row/, - }, - ], - excludeByComponents: [ - { - type: 'class', - name: 'regex', - regex: /spectrum-Table--/, - }, - { - type: 'class', - name: 'regex', - regex: /spectrum-Table$/, - }, - builder.element('tbody'), - ], - }, - ], -}; - -export default config; diff --git a/packages/tabs/package.json b/packages/tabs/package.json index f357dfd9f3f..45cece24501 100644 --- a/packages/tabs/package.json +++ b/packages/tabs/package.json @@ -101,9 +101,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/tabs": "6.1.1" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/tabs/src/spectrum-config.js b/packages/tabs/src/spectrum-config.js deleted file mode 100644 index 434eb3ee1a0..00000000000 --- a/packages/tabs/src/spectrum-config.js +++ /dev/null @@ -1,395 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Tabs'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/tabs', - outPackage: 'tabs', - fileName: 'tabs', - components: [ - { - // .spectrum-Tabs--horizontal .spectrum-Tabs-item + :not(.spectrum-Tabs-selectionIndicator) - find: [ - builder.class('spectrum-Tabs--horizontal'), - builder.combinator(' '), - builder.class('spectrum-Tabs-item'), - builder.combinator('+'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - builder.class( - 'spectrum-Tabs-selectionIndicator' - ), - ], - ], - }, - ], - replace: [ - //:host([direction^='horizontal']) ::slotted(:not([slot])):not(.spectrum-Tabs-selectionIndicator) - { - replace: { - type: 'pseudo-class', - kind: 'host', - selectors: [ - builder.attribute( - 'direction', - 'horizontal', - 'prefix' - ), - ], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - builder.pseudoClass( - 'first-child' - ), - ], - ], - }, - ], - }, - }, - ], - collapseSelector: true, - }, - { - exactSelector: true, - find: [builder.class('spectrum-Tabs--quiet')], - replace: [ - { - replace: builder.attribute('quiet'), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('list'), - }, - ], - }, - { - expandSelector: true, - find: [builder.class('spectrum-Tabs--horizontal')], - replace: [ - { - replace: builder.attribute( - 'direction', - 'horizontal', - 'prefix' - ), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('list'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - expandSelector: true, - find: [builder.class('spectrum-Tabs--vertical')], - replace: [ - { - replace: builder.attribute( - 'direction', - 'vertical', - 'prefix' - ), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('list'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - expandSelector: true, - find: [builder.class('spectrum-Tabs--vertical-right')], - replace: [ - { - replace: builder.attribute( - 'direction', - 'vertical-right', - 'prefix' - ), - hoist: true, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('list'), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - { - collapseSelector: true, - find: [ - builder.class('spectrum-Tabs-item'), - builder.combinator('+'), - { type: 'universal' }, - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - builder.class( - 'spectrum-Tabs-selectionIndicator' - ), - ], - ], - }, - ], - replace: [ - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [builder.attribute('slot')], - ], - }, - { - type: 'pseudo-class', - kind: 'not', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'first-child', - }, - ], - ], - }, - ], - }, - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.combinator(' '), - }, - ], - }, - converter.classToId('spectrum-Tabs', 'list'), - converter.classToAttribute('spectrum-Tabs--compact'), - converter.classToAttribute('spectrum-Tabs--quiet'), - converter.classToAttribute('spectrum-Tabs--emphasized'), - converter.classToId( - 'spectrum-Tabs-selectionIndicator', - 'selection-indicator' - ), - { - find: builder.class('spectrum-Tabs-item'), - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('slot')]], - }, - ], - }, - }, - { - find: builder.class('is-selected'), - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.attribute('selected'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('slot')]], - }, - ], - }, - }, - { - find: builder.class('is-disabled'), - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.attribute('disabled'), - { - type: 'pseudo-class', - kind: 'not', - selectors: [[builder.attribute('slot')]], - }, - ], - }, - }, - ], - excludeByComponents: [ - builder.class('spectrum-Tabs-itemLabel'), - builder.class('spectrum-Icon'), - builder.pseudoClass('hover'), - { - type: 'class', - name: 'regex', - regex: /spectrum-Tabs--size/, - }, - ], - excludeByWholeSelector: [ - [builder.class('spectrum-Tabs-item')], - [ - builder.class('spectrum-Tabs-item'), - builder.pseudoElement('before'), - ], - [ - builder.class('spectrum-Tabs-item'), - builder.class('focus-ring'), - builder.pseudoElement('before'), - ], - [ - builder.class('spectrum-Tabs-item'), - builder.pseudoClass('focus-visible'), - ], - [ - builder.class('spectrum-Tabs-item'), - builder.pseudoClass('focus-visible'), - builder.pseudoElement('before'), - ], - [ - // .spectrum-Tabs .is-selected:focus - builder.class('spectrum-Tabs'), - builder.combinator(' '), - builder.class('is-selected'), - builder.pseudoClass('focus'), - ], - [ - // .spectrum-Tabs .is-selected:focus-visible - builder.class('spectrum-Tabs'), - builder.combinator(' '), - builder.class('is-selected'), - builder.pseudoClass('focus-visible'), - ], - ], - }, - { - inPackage: '@spectrum-css/tabs', - outPackage: 'tabs', - fileName: 'tab', - components: [ - // .spectrum-Icon+.spectrum-Tabs-itemLabel - // slot[name='icon'] + #item-label - { - find: [ - builder.class('spectrum-Icon'), - builder.combinator('+'), - builder.class('spectrum-Tabs-itemLabel'), - ], - replace: [ - { - replace: builder.attribute('name', 'icon'), - hoist: false, - }, - ], - }, - converter.classToHost('spectrum-Tabs-item'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-selected', 'selected'), - converter.classToId('spectrum-Tabs-itemLabel', 'item-label'), - converter.classToSlotted('spectrum-Icon', 'icon'), - ], - excludeByComponents: [ - { - type: 'class', - name: 'regex', - regex: /spectrum-Tabs--/, - }, - builder.class('spectrum-Tabs'), - builder.class('spectrum-Tabs-selectionIndicator'), - ], - }, - { - inPackage: '@spectrum-css/tabs', - outPackage: 'tabs', - fileName: 'tabs-sizes', - components: [ - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Tabs--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Tabs--sizeS', 's'], - ['spectrum-Tabs--sizeL', 'l'], - ['spectrum-Tabs--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToId('spectrum-Tabs', 'list'), - ], - requireComponentPresence: [ - { - type: 'class', - name: 'regex', - regex: /spectrum-Tabs--size/, - }, - ], - }, - ], -}; - -export default config; diff --git a/packages/tags/package.json b/packages/tags/package.json index 923b6e5ae75..0bfaae33f6f 100644 --- a/packages/tags/package.json +++ b/packages/tags/package.json @@ -79,10 +79,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/tag": "10.1.0", - "@spectrum-css/taggroup": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/tags/src/spectrum-config.js b/packages/tags/src/spectrum-config.js deleted file mode 100644 index e460aa7db17..00000000000 --- a/packages/tags/src/spectrum-config.js +++ /dev/null @@ -1,112 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Tag'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/taggroup', - outPackage: 'tags', - fileName: 'tags', - components: [ - converter.classToHost('spectrum-TagGroup'), - { - find: builder.class('spectrum-TagGroup-item'), - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - { - type: 'universal', - }, - ], - }, - }, - ], - }, - { - inPackage: '@spectrum-css/tag', - outPackage: 'tags', - fileName: 'tag', - components: [ - { - find: { - type: 'pseudo-class', - kind: 'active', - }, - replace: { - type: 'pseudo-class', - kind: 'is', - selectors: [ - [ - { - type: 'pseudo-class', - kind: 'active', - }, - ], - [ - { - type: 'attribute', - name: 'active', - }, - ], - ], - }, - hoist: true, - }, - { - find: builder.pseudoClass('focus-visible'), - hoist: true, - }, - converter.classToHost(), - converter.classToAttribute('is-emphasized', 'emphasized'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-invalid', 'invalid'), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute( - 'spectrum-Tag--removable', - 'deletable' - ), - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Tag--sizeM'), - ...converter.enumerateAttributes( - [ - ['spectrum-Tag--sizeS', 's'], - ['spectrum-Tag--sizeL', 'l'], - ], - 'size' - ), - converter.classToClass( - 'spectrum-Tag-clearButton', - 'clear-button' - ), - converter.classToClass('spectrum-ClearButton', 'clear-button'), - converter.classToClass('spectrum-Tag-itemLabel', 'label'), - converter.classToSlotted('spectrum-Avatar', 'avatar'), - converter.classToSlotted('spectrum-Tag-itemIcon', 'icon'), - ], - }, - ], -}; - -export default config; diff --git a/packages/textfield/package.json b/packages/textfield/package.json index 39396c60ae5..f8eb2baa2a5 100644 --- a/packages/textfield/package.json +++ b/packages/textfield/package.json @@ -71,9 +71,6 @@ "@spectrum-web-components/icons-workflow": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/textfield": "8.1.1" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/textfield/src/spectrum-config.js b/packages/textfield/src/spectrum-config.js deleted file mode 100644 index fec9c085e58..00000000000 --- a/packages/textfield/src/spectrum-config.js +++ /dev/null @@ -1,158 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Textfield'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -export default { - conversions: [ - { - inPackage: '@spectrum-css/textfield', - outPackage: 'textfield', - fileName: 'textfield', - hoistCustomPropertiesFrom: 'spectrum-Textfield', - excludeByComponents: [builder.class('🤫')], - components: [ - converter.classToId('spectrum-Textfield', 'textfield'), - converter.classToClass('spectrum-Textfield-input', 'input'), - { - find: [ - builder.class('spectrum-Textfield-input'), - builder.class('focus-ring'), - ], - replace: [ - { replace: builder.class('input') }, - { replace: builder.pseudoClass('focus-visible') }, - ], - hoist: false, - }, - // Default to `size='m'` without needing the attribute - converter.classToHost('spectrum-Textfield--sizeM'), - { - find: [builder.class('spectrum-Textfield--sizeS')], - replace: [ - { - replace: builder.id('textfield'), - }, - { - replace: builder.attribute('size', 's'), - }, - ], - }, - { - find: [builder.class('spectrum-Textfield--sizeL')], - replace: [ - { - replace: builder.id('textfield'), - }, - { - replace: builder.attribute('size', 'l'), - }, - ], - }, - { - find: [builder.class('spectrum-Textfield--sizeXL')], - replace: [ - { - replace: builder.id('textfield'), - }, - { - replace: builder.attribute('size', 'xl'), - }, - ], - }, - { - // .spectrum-Textfield--quiet:after - find: [ - builder.class('spectrum-Textfield--quiet'), - builder.pseudoElement('after'), - ], - // :host([quiet]) #textfield:after { - replace: [ - { - replace: builder.attribute('quiet'), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.pseudoElement('after'), - }, - ], - }, - { - // .spectrum-Textfield--quiet.is-keyboardFocused:after - find: [ - builder.class('spectrum-Textfield--quiet'), - builder.class('is-keyboardFocused'), - builder.pseudoElement('after'), - ], - // :host([quiet][focused]) #textfield:after - replace: [ - { - replace: builder.attribute('quiet'), - }, - { - replace: builder.attribute('focused'), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('textfield'), - }, - { - replace: builder.pseudoElement('after'), - }, - ], - }, - ...converter.enumerateAttributes( - [ - ['spectrum-Textfield--sizeS', 's'], - ['spectrum-Textfield--sizeL', 'l'], - ['spectrum-Textfield--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToClass( - 'spectrum-Textfield-validationIcon', - 'icon' - ), - converter.classToClass( - 'spectrum-Textfield-icon', - 'icon-workflow' - ), - converter.classToClass('spectrum-Search-icon', 'icon-search'), - converter.classToAttribute('spectrum-Textfield--multiline'), - converter.classToAttribute('spectrum-Textfield--quiet'), - converter.classToAttribute( - 'spectrum-Textfield--grows', - 'grows' - ), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-keyboardFocused', 'focused'), - converter.classToAttribute('is-valid', 'valid'), - converter.classToAttribute('is-invalid', 'invalid'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('is-readOnly', 'readonly'), - ], - }, - ], -}; diff --git a/packages/thumbnail/package.json b/packages/thumbnail/package.json index 163f41e7005..6f7fcad306f 100644 --- a/packages/thumbnail/package.json +++ b/packages/thumbnail/package.json @@ -67,9 +67,6 @@ "@spectrum-web-components/base": "1.6.0", "@spectrum-web-components/opacity-checkerboard": "1.6.0" }, - "devDependencies": { - "@spectrum-css/thumbnail": "8.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/thumbnail/src/spectrum-config.js b/packages/thumbnail/src/spectrum-config.js deleted file mode 100644 index 78fbfe179ec..00000000000 --- a/packages/thumbnail/src/spectrum-config.js +++ /dev/null @@ -1,58 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Thumbnail'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -export default { - conversions: [ - { - inPackage: '@spectrum-css/thumbnail', - outPackage: 'thumbnail', - fileName: 'thumbnail', - components: [ - converter.classToHost(), - converter.classToAttribute('is-selected', 'selected'), - converter.classToAttribute('is-focused', 'focused'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.classToAttribute('spectrum-Thumbnail--cover'), - converter.classToAttribute('spectrum-Thumbnail-layer'), - ...converter.enumerateAttributes( - [ - ['spectrum-Thumbnail--size50', '50'], - ['spectrum-Thumbnail--size75', '75'], - ['spectrum-Thumbnail--size100', '100'], - ['spectrum-Thumbnail--size200', '200'], - ['spectrum-Thumbnail--size300', '300'], - ['spectrum-Thumbnail--size400', '400'], - ['spectrum-Thumbnail--size500', '500'], - ['spectrum-Thumbnail--size600', '600'], - ['spectrum-Thumbnail--size700', '700'], - ['spectrum-Thumbnail--size800', '800'], - ['spectrum-Thumbnail--size900', '900'], - ['spectrum-Thumbnail--size1000', '1000'], - ], - 'size' - ), - converter.classToClass('spectrum-Thumbnail-background'), - converter.classToClass('spectrum-Thumbnail-image-wrapper'), - converter.classToClass('spectrum-Thumbnail-layer-inner'), - converter.classToSlotted('spectrum-Thumbnail-image'), - ], - }, - ], -}; diff --git a/packages/toast/package.json b/packages/toast/package.json index 5f2c23ba410..ddc833d5cb8 100644 --- a/packages/toast/package.json +++ b/packages/toast/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/icons-workflow": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/toast": "11.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/toast/src/spectrum-config.js b/packages/toast/src/spectrum-config.js deleted file mode 100644 index a48395267bf..00000000000 --- a/packages/toast/src/spectrum-config.js +++ /dev/null @@ -1,91 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Toast'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/toast', - outPackage: 'toast', - fileName: 'toast', - components: [ - converter.classToHost(), - ...converter.enumerateAttributes( - [ - ['spectrum-Toast--negative'], - ['spectrum-Toast--positive'], - ['spectrum-Toast--info'], - ['spectrum-Toast--error'], - ['spectrum-Toast--warning'], - ['spectrum-Toast--success'], - ], - 'variant' - ), - converter.classToClass('spectrum-Toast-body'), - converter.classToClass('spectrum-Toast-buttons'), - converter.classToClass('spectrum-Toast-content'), - converter.classToClass('spectrum-Toast-typeIcon', 'type'), - converter.classToClass('spectrum-Toast-closeButton'), - { - find: [ - // .spectrum-Toast-body .spectrum-Button:dir(rtl) - builder.class('spectrum-Toast-body'), - builder.combinator(' '), - builder.class('spectrum-Button'), - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - ], - replace: [ - // .body ::slotted([slot='action']:dir(rtl)) - { - replace: builder.class('body'), - }, - { - replace: builder.combinator(' '), - }, - { - replace: { - type: 'pseudo-element', - kind: 'slotted', - selector: [ - builder.attribute('slot', 'action'), - { - type: 'pseudo-class', - kind: 'dir', - direction: 'rtl', - }, - ], - }, - }, - ], - collapseSelector: true, - }, - converter.classToSlotted('spectrum-Button', 'action'), - ], - }, - ], -}; - -export default config; diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json index 094c07353f5..7f9d612ec68 100644 --- a/packages/tooltip/package.json +++ b/packages/tooltip/package.json @@ -73,9 +73,6 @@ "@spectrum-web-components/reactive-controllers": "1.6.0", "@spectrum-web-components/shared": "1.6.0" }, - "devDependencies": { - "@spectrum-css/tooltip": "7.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/tooltip/src/spectrum-config.js b/packages/tooltip/src/spectrum-config.js deleted file mode 100644 index 02dd45d53ed..00000000000 --- a/packages/tooltip/src/spectrum-config.js +++ /dev/null @@ -1,168 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the "License"); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Tooltip'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -export default { - conversions: [ - { - inPackage: '@spectrum-css/tooltip', - outPackage: 'tooltip', - fileName: 'tooltip', - excludeByComponents: [builder.class('u-tooltip-showOnHover')], - components: [ - converter.classToId('spectrum-Tooltip', 'tooltip'), - converter.classToAttribute('is-open', 'open'), - { - find: [builder.class('spectrum-Tooltip--top')], - replace: [ - { - replace: builder.attribute( - 'placement', - 'top', - 'substring' - ), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - { - find: [builder.class('spectrum-Tooltip--bottom')], - replace: [ - { - replace: builder.attribute( - 'placement', - 'bottom', - 'substring' - ), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - { - find: [builder.class('spectrum-Tooltip--left')], - replace: [ - { - replace: builder.attribute( - 'placement', - 'left', - 'substring' - ), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - { - find: [builder.class('spectrum-Tooltip--right')], - replace: [ - { - replace: builder.attribute( - 'placement', - 'right', - 'substring' - ), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - { - find: [builder.class('spectrum-Tooltip--info')], - replace: [ - { - replace: builder.attribute('variant', 'info'), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - { - find: [builder.class('spectrum-Tooltip--positive')], - replace: [ - { - replace: builder.attribute('variant', 'positive'), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - { - find: [builder.class('spectrum-Tooltip--negative')], - replace: [ - { - replace: builder.attribute('variant', 'negative'), - }, - { - replace: builder.combinator(' '), - }, - { - replace: builder.id('tooltip'), - }, - ], - expandSelector: true, - }, - converter.classToId('spectrum-Tooltip-label'), - converter.classToId('spectrum-Tooltip-tip'), - converter.classToSlotted('spectrum-Tooltip-typeIcon', 'icon'), - { - find: { - type: 'pseudo-class', - kind: 'lang', - }, - hoist: true, - }, - ], - }, - ], -}; diff --git a/packages/tray/package.json b/packages/tray/package.json index d86e56e0918..8119ff9d159 100644 --- a/packages/tray/package.json +++ b/packages/tray/package.json @@ -70,9 +70,6 @@ "@spectrum-web-components/shared": "1.6.0", "@spectrum-web-components/underlay": "1.6.0" }, - "devDependencies": { - "@spectrum-css/tray": "5.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/tray/src/spectrum-config.js b/packages/tray/src/spectrum-config.js deleted file mode 100644 index 4692c05b3e6..00000000000 --- a/packages/tray/src/spectrum-config.js +++ /dev/null @@ -1,72 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { - builder, - converterFor, -} from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor(''); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/tray', - outPackage: 'tray', - fileName: 'tray-wrapper', - components: [ - converter.classToHost('spectrum-Tray-wrapper'), - converter.classToAttribute('is-open', 'open'), - ], - excludeByComponents: [builder.class('spectrum-Tray')], - }, - { - inPackage: '@spectrum-css/tray', - outPackage: 'tray', - fileName: 'tray', - hoistCustomPropertiesFrom: 'spectrum-Tray', - components: [ - { - find: [ - builder.class('spectrum-Tray'), - builder.class('is-open'), - ], - replace: [ - { - replace: builder.attribute('open'), - hoist: true, - }, - { - replace: { - type: 'combinator', - value: 'descendant', - }, - }, - { - replace: builder.class('tray'), - }, - ], - }, - converter.classToClass('spectrum-Tray', 'tray'), - converter.classToSlotted('spectrum-Dialog'), - converter.classToAttribute('is-open', 'open'), - ], - excludeByComponents: [builder.class('spectrum-Tray-wrapper')], - }, - ], -}; - -export default config; diff --git a/packages/underlay/package.json b/packages/underlay/package.json index d3f15946796..3a9cdfd5db1 100644 --- a/packages/underlay/package.json +++ b/packages/underlay/package.json @@ -66,9 +66,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/underlay": "6.1.0" - }, "types": "./src/index.d.ts", "customElements": "custom-elements.json", "sideEffects": [ diff --git a/packages/underlay/src/spectrum-config.js b/packages/underlay/src/spectrum-config.js deleted file mode 100644 index 3f74919f915..00000000000 --- a/packages/underlay/src/spectrum-config.js +++ /dev/null @@ -1,35 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-Underlay'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/underlay', - outPackage: 'underlay', - fileName: 'underlay', - components: [ - converter.classToHost(), - converter.classToAttribute('is-open', 'open'), - ], - }, - ], -}; - -export default config; diff --git a/tools/opacity-checkerboard/package.json b/tools/opacity-checkerboard/package.json index ec0a82aba43..42369964ab6 100644 --- a/tools/opacity-checkerboard/package.json +++ b/tools/opacity-checkerboard/package.json @@ -53,9 +53,6 @@ "dependencies": { "@spectrum-web-components/base": "1.6.0" }, - "devDependencies": { - "@spectrum-css/opacitycheckerboard": "4.1.0" - }, "types": "./src/opacity-checkerboard.d.ts", "sideEffects": [ "./sp-*.js", diff --git a/tools/opacity-checkerboard/src/spectrum-config.js b/tools/opacity-checkerboard/src/spectrum-config.js deleted file mode 100644 index cf7a482fad1..00000000000 --- a/tools/opacity-checkerboard/src/spectrum-config.js +++ /dev/null @@ -1,43 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -import { converterFor } from '../../../tasks/process-spectrum-utils.js'; - -const converter = converterFor('spectrum-OpacityCheckerboard'); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - { - inPackage: '@spectrum-css/opacitycheckerboard', - outPackage: ['tools', 'opacity-checkerboard'], - fileName: 'opacity-checkerboard', - components: [ - converter.classToClass( - 'spectrum-OpacityCheckerboard', - 'opacity-checkerboard' - ), - ], - }, - { - inPackage: '@spectrum-css/opacitycheckerboard', - outPackage: ['tools', 'opacity-checkerboard'], - fileName: 'is-opacity-checkerboard', - components: [converter.classToHost('spectrum-OpacityCheckerboard')], - }, - ], -}; - -export default config; diff --git a/tools/styles/package.json b/tools/styles/package.json index 7a94527a374..9087b7abaee 100755 --- a/tools/styles/package.json +++ b/tools/styles/package.json @@ -124,13 +124,6 @@ "@spectrum-web-components/base": "1.6.0", "lit": "^2.5.0 || ^3.1.3" }, - "devDependencies": { - "@spectrum-css/expressvars": "^3.0.9", - "@spectrum-css/tokens": "15.0.0", - "@spectrum-css/tokens-v2": "npm:@spectrum-css/tokens@16.0.1", - "@spectrum-css/typography": "8.1.0", - "@spectrum-css/vars": "^9.0.8" - }, "customElements": "custom-elements.json", "sideEffects": [ "./**/*.css" diff --git a/tools/styles/src/spectrum-config.js b/tools/styles/src/spectrum-config.js deleted file mode 100644 index 150ec9d076d..00000000000 --- a/tools/styles/src/spectrum-config.js +++ /dev/null @@ -1,59 +0,0 @@ -// @ts-check -/* -Copyright 2023 Adobe. All rights reserved. -This file is licensed to you under the Apache License, Version 2.0 (the 'License'); -you may not use this file except in compliance with the License. You may obtain a copy -of the License at http://www.apache.org/licenses/LICENSE-2.0 - -Unless required by applicable law or agreed to in writing, software distributed under -the License is distributed on an 'AS IS' BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS -OF ANY KIND, either express or implied. See the License for the specific language -governing permissions and limitations under the License. -*/ - -/** - * @property {string} fileName - * @property {RegExp} regex - * @returns {import('../../../tasks/spectrum-css-converter').Conversion} - */ -const styleType = (fileName, regex) => ({ - inPackage: '@spectrum-css/typography', - outPackage: ['tools', 'styles'], - fileName, - requireComponentPresence: [ - { - type: 'class', - name: regex, - regex, - }, - ], - components: [], -}); - -/** - * @type { import('../../../tasks/spectrum-css-converter').SpectrumCSSConverter } - */ -const config = { - conversions: [ - styleType('typography', /^spectrum-Typography/), - styleType('heading', /^spectrum-Heading/), - styleType('body', /^spectrum-Body/), - styleType('detail', /^spectrum-Detail/), - styleType('code', /^spectrum-Code/), - { - inPackage: '@spectrum-css/typography', - outPackage: ['tools', 'styles'], - fileName: 'lang', - allowThemeRules: true, - requireComponentPresence: [ - /** @type {import('lightningcss').SelectorComponent} */ ({ - type: 'pseudo-class', - kind: 'lang', - }), - ], - components: [], - }, - ], -}; - -export default config; diff --git a/yarn.lock b/yarn.lock index 437f9a10d41..91ad664589a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6271,1131 +6271,6 @@ __metadata: languageName: node linkType: hard -"@spectrum-css/accordion@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/accordion@npm:7.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/9f1d78de42d510204935de0e08b33b32bf8a090f5ee0b94869f0a0e7c3859eb66b47da4fee080d6c79fc8f46a6b84faa5e2587b596813ad493ba768bbc8546bb - languageName: node - linkType: hard - -"@spectrum-css/actionbar@npm:10.1.1": - version: 10.1.1 - resolution: "@spectrum-css/actionbar@npm:10.1.1" - peerDependencies: - "@spectrum-css/actiongroup": ">=6.0.0 <7.0.0" - "@spectrum-css/closebutton": ">=6.0.0 <7.0.0" - "@spectrum-css/fieldlabel": ">=10.0.0 <11.0.0" - "@spectrum-css/popover": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actiongroup": - optional: true - "@spectrum-css/closebutton": - optional: true - "@spectrum-css/fieldlabel": - optional: true - "@spectrum-css/popover": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/b35750cf35cc26355307358ea27d429ab55d2ad453217a71eb3363867158f72825b5b08212210e3447e78d7b7f17e907ff7b4129887af48fd847ead450546138 - languageName: node - linkType: hard - -"@spectrum-css/actionbutton@npm:7.1.3": - version: 7.1.3 - resolution: "@spectrum-css/actionbutton@npm:7.1.3" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/21fea89ddf250145082ee8dd8d3837edd461f22879ded0d2b9dab1195bb845c8fabf7c497c0757b6a304338fcdb6d8be6dc1a95d71bebf09cd9f2bd27fde9216 - languageName: node - linkType: hard - -"@spectrum-css/actiongroup@npm:6.1.0": - version: 6.1.0 - resolution: "@spectrum-css/actiongroup@npm:6.1.0" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/92e544155dc058117fc5fb3b776d63abe12901db8d9303a71f85bd2b6500efa46bf4b9c5c3d1a765c1678437744e5d7af24d356009be66e664bf301f9e6505ef - languageName: node - linkType: hard - -"@spectrum-css/actionmenu@npm:7.1.1": - version: 7.1.1 - resolution: "@spectrum-css/actionmenu@npm:7.1.1" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/menu": ">=9.0.0 <10.0.0" - "@spectrum-css/popover": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/menu": - optional: true - "@spectrum-css/popover": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/5b72144aab6aa01084a55639df0ecaa977f13a109da83041cb87665c66bce79c4ae241329bcd2480f4692afd1bf48cd18c8564b993ef44118d38d692dd317ed6 - languageName: node - linkType: hard - -"@spectrum-css/alertbanner@npm:3.1.1": - version: 3.1.1 - resolution: "@spectrum-css/alertbanner@npm:3.1.1" - peerDependencies: - "@spectrum-css/button": ">=14.0.0 <15.0.0" - "@spectrum-css/closebutton": ">=6.0.0 <7.0.0" - "@spectrum-css/divider": ">=5.0.0 <6.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/button": - optional: true - "@spectrum-css/closebutton": - optional: true - "@spectrum-css/divider": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/e359637efca9c7fa92f3eed1c1b5cb98a87305a2faadead2e9629d456ca7a982e3cc41dd75a3f41b7b3a895e0ce5ccbe15a56419b7a4edae9dcf09b776330249 - languageName: node - linkType: hard - -"@spectrum-css/alertdialog@npm:4.1.0": - version: 4.1.0 - resolution: "@spectrum-css/alertdialog@npm:4.1.0" - peerDependencies: - "@spectrum-css/buttongroup": ">=9.0.0 <10.0.0" - "@spectrum-css/divider": ">=5.0.0 <6.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/modal": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - "@spectrum-css/underlay": ">=6.0.0 <7.0.0" - peerDependenciesMeta: - "@spectrum-css/buttongroup": - optional: true - "@spectrum-css/divider": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/modal": - optional: true - "@spectrum-css/tokens": - optional: true - "@spectrum-css/underlay": - optional: true - checksum: 10c0/26f704146ebe316d85f099fc5965a15c9b9a203e95456258c5bbd87300d381f5b6ce76aa248461b3424b39f247eaf104dcc88431df83c9735c34105cd400f60d - languageName: node - linkType: hard - -"@spectrum-css/asset@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/asset@npm:7.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/fc6c81de545f4c2fd2d248b9f2bb6d32f6ac46dcba4376474de58af9ae35bd5df7c9f36edf30c4ddb22d0af56e55cbca3f30075ed5c34cb75ce2042a4d8e3ffb - languageName: node - linkType: hard - -"@spectrum-css/avatar@npm:9.1.0": - version: 9.1.0 - resolution: "@spectrum-css/avatar@npm:9.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/e292004b55f185ec6c816e718273b897a9668c965959f4fe95314963520b303b70baa3d3ee981c0db49e101d1d3b3701f92bea909dd2ff1efa05d62149fdaeb4 - languageName: node - linkType: hard - -"@spectrum-css/badge@npm:6.1.0": - version: 6.1.0 - resolution: "@spectrum-css/badge@npm:6.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/cc46ebc7a41ef508e3ff1022fcdd7f5d36b9f3e6d5eb3ea65a4a7a58947fef9d85ae4d52192a389679fff9f9b7c96e4eb96dcc44f0e7ab746eeca8ed680959ad - languageName: node - linkType: hard - -"@spectrum-css/breadcrumb@npm:11.1.0": - version: 11.1.0 - resolution: "@spectrum-css/breadcrumb@npm:11.1.0" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/2d4eb3df5ab59075f7c34e07082d74d081be5ff76dd1e6c5a5491b7edf3fb67061f804e1f880c582d84e99b161101f4203dabf5c3a12b115a73609760328b515 - languageName: node - linkType: hard - -"@spectrum-css/button@npm:14.1.6": - version: 14.1.6 - resolution: "@spectrum-css/button@npm:14.1.6" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/progresscircle": ">=5.0.0 <6.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/progresscircle": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/f30cf3f4f0f40ba998d5c659b4602f5755a21b2b273003734cfa814851753722518301681f814d7d436cd4176e44be7af055fad45ef866d144acad32a829adb2 - languageName: node - linkType: hard - -"@spectrum-css/buttongroup@npm:9.1.0": - version: 9.1.0 - resolution: "@spectrum-css/buttongroup@npm:9.1.0" - peerDependencies: - "@spectrum-css/button": ">=14.0.0 <15.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/button": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/530b77aface399747558252d3fd1b14bc9e2a450a987be433af644165652de8abdc78eafe209c0e3414399e59a43264cfc8ac20556f92d4e343db3339d6274a7 - languageName: node - linkType: hard - -"@spectrum-css/card@npm:11.1.0": - version: 11.1.0 - resolution: "@spectrum-css/card@npm:11.1.0" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/asset": ">=7.0.0 <8.0.0" - "@spectrum-css/checkbox": ">=10.0.0 <11.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/quickaction": ">=3" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - "@spectrum-css/typography": ">=8.0.0 <9.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/asset": - optional: true - "@spectrum-css/checkbox": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/quickaction": - optional: true - "@spectrum-css/tokens": - optional: true - "@spectrum-css/typography": - optional: true - checksum: 10c0/01a6feee4d08c51ee081be9b7d0f016683c3e7cc67463181bc4eef3d5ce8eb8188cbb95b11869338e90777e4cb97e0740373f51e0b2fe308589b2b43f50933f3 - languageName: node - linkType: hard - -"@spectrum-css/checkbox@npm:10.1.2": - version: 10.1.2 - resolution: "@spectrum-css/checkbox@npm:10.1.2" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/40472415f5c2ad6128584dcc5019a8b925ad1aebc250f5b350d567b9b0e375142c761eead450a3e6442ec26d21ce55692ddc9c34c1b106b6a8c78f4b63d4056d - languageName: node - linkType: hard - -"@spectrum-css/clearbutton@npm:7.0.0-s2-foundations.16": - version: 7.0.0-s2-foundations.16 - resolution: "@spectrum-css/clearbutton@npm:7.0.0-s2-foundations.16" - peerDependencies: - "@spectrum-css/icon": ">=7" - "@spectrum-css/tokens": ">=14" - checksum: 10c0/6434ffd030908888f5b2898696fd20aba31c5eb9a8c41bb0426bc133990f80f4b326fd1186b77b7bbbb3ca7720b1eb801581412be9500063e5729978f542c1d9 - languageName: node - linkType: hard - -"@spectrum-css/closebutton@npm:6.1.0": - version: 6.1.0 - resolution: "@spectrum-css/closebutton@npm:6.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/6764236c5b36c50f9d9a5f76174b19d1300a32cc28df70f43718b11b6ecfba61ece94adbc51cc7d8e5e99861ddc644402a9daabd16ed8e8205b68ef91aa7fae0 - languageName: node - linkType: hard - -"@spectrum-css/coachindicator@npm:3.0.0-s2-foundations.16": - version: 3.0.0-s2-foundations.16 - resolution: "@spectrum-css/coachindicator@npm:3.0.0-s2-foundations.16" - peerDependencies: - "@spectrum-css/tokens": ">=14" - checksum: 10c0/ebbb62b3514c6e13db9347972f0aa8009cc12c23356d8c8c1d230713429850df14a221258f7ed1db2a240929cb6bb208afcaf0184e44b81c265e3748c55f159c - languageName: node - linkType: hard - -"@spectrum-css/coachmark@npm:8.0.0-s2-foundations.17": - version: 8.0.0-s2-foundations.17 - resolution: "@spectrum-css/coachmark@npm:8.0.0-s2-foundations.17" - peerDependencies: - "@spectrum-css/actionbutton": ">=6" - "@spectrum-css/actionmenu": ">=6" - "@spectrum-css/button": ">=13" - "@spectrum-css/buttongroup": ">=7" - "@spectrum-css/menu": ">=7" - "@spectrum-css/popover": ">=7" - "@spectrum-css/tokens": ">=14" - peerDependenciesMeta: - "@spectrum-css/button": - optional: true - checksum: 10c0/e3359c555872a2ae9b2e867bb056363bb07f0c7bb63e8ddbe1ffd64556e5b6686ceaf5baf6f1dd792879ae0bf320d67d3c7c7e989a92f3fb87c7b344c257a2fb - languageName: node - linkType: hard - -"@spectrum-css/colorarea@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/colorarea@npm:7.1.0" - peerDependencies: - "@spectrum-css/colorhandle": ">=10.0.0 <11.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/colorhandle": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/a406aaa5aa5d0e4648d0603c6572be0a13705e2a067e6d24336af4ad66705f1b189057982a6dff48aaafa367f38e68a8ad397f98ff85a2fc40f62b697caee650 - languageName: node - linkType: hard - -"@spectrum-css/colorhandle@npm:10.1.0": - version: 10.1.0 - resolution: "@spectrum-css/colorhandle@npm:10.1.0" - peerDependencies: - "@spectrum-css/colorloupe": ">=7.0.0 <8.0.0" - "@spectrum-css/opacitycheckerboard": ">=4.0.0 <5.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/colorloupe": - optional: true - "@spectrum-css/opacitycheckerboard": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/a7f1072037a6f38db68f970b60329d5a71f0124283c5395820eb268aa82ef9c94f70e1d2f8291f063a77d701074740563f2d5b9336125617a6b4d29689582d41 - languageName: node - linkType: hard - -"@spectrum-css/colorloupe@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/colorloupe@npm:7.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/f9958d64296fbcba4f909eadff82cb6d3e8f4a59f230b9fa319ba9b50f53b69e33c4afbe8677ef2ea31f34062802e08f5e5d4fb9bbfe3f1719e8787a8f7dd009 - languageName: node - linkType: hard - -"@spectrum-css/colorslider@npm:8.1.0": - version: 8.1.0 - resolution: "@spectrum-css/colorslider@npm:8.1.0" - peerDependencies: - "@spectrum-css/colorhandle": ">=10.0.0 <11.0.0" - "@spectrum-css/opacitycheckerboard": ">=4.0.0 <5.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/colorhandle": - optional: true - "@spectrum-css/opacitycheckerboard": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/25b9f5a98b7eafd264eb21f1e6edcc0bb2cada3639e535051cf0b4ea39dfad62ac67cf70f0abb6239d17af8e80792515aad2555db3cf7406fbdd88b807c32e23 - languageName: node - linkType: hard - -"@spectrum-css/colorwheel@npm:6.1.0": - version: 6.1.0 - resolution: "@spectrum-css/colorwheel@npm:6.1.0" - peerDependencies: - "@spectrum-css/colorarea": ">=7.0.0 <8.0.0" - "@spectrum-css/colorhandle": ">=10.0.0 <11.0.0" - "@spectrum-css/colorloupe": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/colorarea": - optional: true - "@spectrum-css/colorhandle": - optional: true - "@spectrum-css/colorloupe": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/cb5b3d6063c2e7a98e539c31be0c3a39f8686e4ff42fe3531c086beadbe985b4f9aeb66bc53d2b845d3cc8324661f4cbe1cb1ca2205d8d90445f5f400917735f - languageName: node - linkType: hard - -"@spectrum-css/combobox@npm:4.1.2": - version: 4.1.2 - resolution: "@spectrum-css/combobox@npm:4.1.2" - peerDependencies: - "@spectrum-css/menu": ">=9.0.0 <10.0.0" - "@spectrum-css/pickerbutton": ">=6.0.0 <7.0.0" - "@spectrum-css/popover": ">=8.0.0 <9.0.0" - "@spectrum-css/progresscircle": ">=5.0.0 <6.0.0" - "@spectrum-css/textfield": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/menu": - optional: true - "@spectrum-css/pickerbutton": - optional: true - "@spectrum-css/popover": - optional: true - "@spectrum-css/progresscircle": - optional: true - "@spectrum-css/textfield": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/1410f56520c90c0204cb64f142fa6ec108eb201161fdea66cbebcc048873db3de49209fe725b6d5f29f20978365ed53ddde12815734ab3e0aa0743692d642b3c - languageName: node - linkType: hard - -"@spectrum-css/contextualhelp@npm:5.1.2": - version: 5.1.2 - resolution: "@spectrum-css/contextualhelp@npm:5.1.2" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/link": ">=7.0.0 <8.0.0" - "@spectrum-css/popover": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/link": - optional: true - "@spectrum-css/popover": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/8e609715d9b92f299a72e073af8c32e1cb75a83358d1050d811894aa4dbfd07b69ee0c40dbd4a7535c46b4d89154e01d5657675c15ee54c996d217503483bfe8 - languageName: node - linkType: hard - -"@spectrum-css/dialog@npm:11.0.0-s2-foundations.15": - version: 11.0.0-s2-foundations.15 - resolution: "@spectrum-css/dialog@npm:11.0.0-s2-foundations.15" - peerDependencies: - "@spectrum-css/closebutton": ">=5" - "@spectrum-css/divider": ">=3" - "@spectrum-css/modal": ">=5" - "@spectrum-css/tokens": ">=14" - "@spectrum-css/underlay": ">=4" - peerDependenciesMeta: - "@spectrum-css/divider": - optional: true - "@spectrum-css/modal": - optional: true - "@spectrum-css/underlay": - optional: true - checksum: 10c0/0911458424815f49f08a1c47aa10fb06fbfbdd4ccce9578039730f9f50aae1714997ab0d653ccc58bb6a11f8e776b4ccdb677b22627adb4b43682ac8abe39a91 - languageName: node - linkType: hard - -"@spectrum-css/divider@npm:5.1.0": - version: 5.1.0 - resolution: "@spectrum-css/divider@npm:5.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/5235195a5cb1089f6a7c1e7f39437dfdfdef18e98e3dbf1ce5126bde3f22ecc962497c8b5dc03536cf01dd5ea150ba5842b1df4251947ae8dccb93837a2f0bf2 - languageName: node - linkType: hard - -"@spectrum-css/dropzone@npm:8.1.0": - version: 8.1.0 - resolution: "@spectrum-css/dropzone@npm:8.1.0" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/illustratedmessage": ">=9.0.0 <10.0.0" - "@spectrum-css/link": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/illustratedmessage": - optional: true - "@spectrum-css/link": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/1f4fee98374f5c76fc8d8b9b74f746e6554bdb66a7d19f7f9ef07af159e6de8656c048d5bb1d86b1e13030172e0100256ad8b59df0e73db188d940591bdc9469 - languageName: node - linkType: hard - -"@spectrum-css/expressvars@npm:^3.0.9": - version: 3.0.9 - resolution: "@spectrum-css/expressvars@npm:3.0.9" - checksum: 10c0/b74ef844592e768d36207329bc975293fbb40f85a02dbe07845c81115e7881eca424f743f3ccd25309445363359ebce7c18c20dcea37ef4cafe28f288a91c032 - languageName: node - linkType: hard - -"@spectrum-css/fieldgroup@npm:6.0.0-s2-foundations.16": - version: 6.0.0-s2-foundations.16 - resolution: "@spectrum-css/fieldgroup@npm:6.0.0-s2-foundations.16" - peerDependencies: - "@spectrum-css/checkbox": ">=9" - "@spectrum-css/helptext": ">=5" - "@spectrum-css/radio": ">=9" - "@spectrum-css/tokens": ">=14" - peerDependenciesMeta: - "@spectrum-css/checkbox": - optional: true - "@spectrum-css/helptext": - optional: true - "@spectrum-css/radio": - optional: true - checksum: 10c0/146b4f3d3fd30a32178c907defd2eec54389a55e8ece7dd6f4d84acc2ca1c8b0af6841a49f649e34f146c102c406836f33e316a034e0634984ff124434b14881 - languageName: node - linkType: hard - -"@spectrum-css/fieldlabel@npm:10.1.0": - version: 10.1.0 - resolution: "@spectrum-css/fieldlabel@npm:10.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/cbec138c6e841c03dee15d81604ca625139ce7737077a2c1265bb622dabbc2b9db5b8c32ac919f9e4ae4f25635e345411e6e1e8effbaf7ae11211cfe2df1444c - languageName: node - linkType: hard - -"@spectrum-css/helptext@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/helptext@npm:7.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/16e0a3dad0e18758c323a07abf60da37bd02acdbd23a0d5e50948cde951cb9e4a4af3765e811b8470553734568290ce48465fa4f291630ee9d11c4abe4d51efb - languageName: node - linkType: hard - -"@spectrum-css/icon@npm:9.1.0": - version: 9.1.0 - resolution: "@spectrum-css/icon@npm:9.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/bf369f911099d2020297998c75b39ddb15c678747685eb79a5c9c12a846eada85eecc6c342b4243bcb9fafed225fe3c271985551154ddf170a00e00699b0a85a - languageName: node - linkType: hard - -"@spectrum-css/illustratedmessage@npm:9.1.0": - version: 9.1.0 - resolution: "@spectrum-css/illustratedmessage@npm:9.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - "@spectrum-css/typography": ">=8.0.0 <9.0.0" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - "@spectrum-css/typography": - optional: true - checksum: 10c0/3a9f61f978bc82feb8c9466a3fa72234b82922f1f2dd7604dece31263d654890216d1a91315e02f34cfb9351fd9e0129bb747039b46d58fc1911900512c86e35 - languageName: node - linkType: hard - -"@spectrum-css/infieldbutton@npm:6.1.2": - version: 6.1.2 - resolution: "@spectrum-css/infieldbutton@npm:6.1.2" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/3df895c5df4c104f9919e41d343c6141a3837dace7fc6004afb8889d733442d9fa0d9b8bb5f15b5b560e6922bb0563af4d8a1f185f1c2120bc97d3ed50f9d802 - languageName: node - linkType: hard - -"@spectrum-css/link@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/link@npm:7.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/f83e6392de126d82970808c749caaec6300cc0b371d0c1d8ce64c21c5e659c2740bd5bf9581f4578822bf52e0b1e7d717ab5a15c90c452ec89f534e355734d93 - languageName: node - linkType: hard - -"@spectrum-css/menu@npm:9.2.0": - version: 9.2.0 - resolution: "@spectrum-css/menu@npm:9.2.0" - peerDependencies: - "@spectrum-css/checkbox": ">=10.0.0 <11.0.0" - "@spectrum-css/divider": ">=5.0.0 <6.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/switch": ">=6.0.0 <7.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - "@spectrum-css/tray": ">=5.0.0 <6.0.0" - peerDependenciesMeta: - "@spectrum-css/checkbox": - optional: true - "@spectrum-css/divider": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/switch": - optional: true - "@spectrum-css/tokens": - optional: true - "@spectrum-css/tray": - optional: true - checksum: 10c0/981206b82fad85b5be1d45b731d6e4558e1f71a4c84847aed0f4b9870cc737cdf88aa144c68a2bab88465ac4ab7fb70bd68f58b70ceed1b720f71c9ab3be4c51 - languageName: node - linkType: hard - -"@spectrum-css/meter@npm:0.0.0-s2-foundations.2": - version: 0.0.0-s2-foundations.2 - resolution: "@spectrum-css/meter@npm:0.0.0-s2-foundations.2" - peerDependencies: - "@spectrum-css/progressbar": ">=4" - "@spectrum-css/tokens": ">=14" - checksum: 10c0/77276ef171fe431a16a503452c20275c3f4175cbf2d8576873713912948410b2dd4e2a4d155299c47af11ae3868d5b4d6ec2c5942b0eefb5f36c9d0195baa04f - languageName: node - linkType: hard - -"@spectrum-css/modal@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/modal@npm:7.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/b1118e40233e3bda28aed35bf6078e45547dde9588e922d6457d5f9cd86e3fd18638fb4a1149188b68c88906ea283e5ece9c6d49e73c9e21a43e6f7892fe04f0 - languageName: node - linkType: hard - -"@spectrum-css/opacitycheckerboard@npm:4.1.0": - version: 4.1.0 - resolution: "@spectrum-css/opacitycheckerboard@npm:4.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/42f5c989660ebfa8b4f21b34993082859f828186f5527b8ba4b5ddc63dea16016b93a78726d3bedd3365d943291448e5d035c9a3f88f16635051a1a333f8ed42 - languageName: node - linkType: hard - -"@spectrum-css/picker@npm:9.1.4": - version: 9.1.4 - resolution: "@spectrum-css/picker@npm:9.1.4" - peerDependencies: - "@spectrum-css/helptext": ">=7.0.0 <8.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/menu": ">=9.0.0 <10.0.0" - "@spectrum-css/popover": ">=8.0.0 <9.0.0" - "@spectrum-css/progresscircle": ">=5.0.0 <6.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/helptext": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/menu": - optional: true - "@spectrum-css/popover": - optional: true - "@spectrum-css/progresscircle": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/67331a4f0fb66518e9848179d0ec78ec0e8d1076d2913f25f9d4b3c72ff8ece3f0a4a6836eef70b1197106aeab3d38d4b4174612624be04543f5b08c165acd6c - languageName: node - linkType: hard - -"@spectrum-css/pickerbutton@npm:6.1.2": - version: 6.1.2 - resolution: "@spectrum-css/pickerbutton@npm:6.1.2" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/menu": ">=9.0.0 <10.0.0" - "@spectrum-css/popover": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/menu": - optional: true - "@spectrum-css/popover": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/28f7804ac03f8fa7b55e2c4adc0a7577119d9cc28c6c1d103b81d74b785ba616f18e63abea9bacc4de959e46d87fd07fcf957ea7280d83f6485c55694eeb0f42 - languageName: node - linkType: hard - -"@spectrum-css/popover@npm:8.2.0": - version: 8.2.0 - resolution: "@spectrum-css/popover@npm:8.2.0" - peerDependencies: - "@spectrum-css/alertdialog": ">=4.0.0 <5.0.0" - "@spectrum-css/dialog": ">=12.0.0 <13.0.0" - "@spectrum-css/divider": ">=5.0.0 <6.0.0" - "@spectrum-css/menu": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/alertdialog": - optional: true - "@spectrum-css/dialog": - optional: true - "@spectrum-css/divider": - optional: true - "@spectrum-css/menu": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/bc271d9fdd19016b6f288949f1d4e33f384ee4692698bf4ab64d51f64f264a14b22b616051a8c94320091d2510d84b952e4a9c0b9b239a241d2bd8791086e44a - languageName: node - linkType: hard - -"@spectrum-css/progressbar@npm:5.0.0-s2-foundations.19": - version: 5.0.0-s2-foundations.19 - resolution: "@spectrum-css/progressbar@npm:5.0.0-s2-foundations.19" - peerDependencies: - "@spectrum-css/fieldlabel": ">=8" - "@spectrum-css/tokens": ">=14" - peerDependenciesMeta: - "@spectrum-css/fieldlabel": - optional: true - checksum: 10c0/69018cd13d65b40edadee6b5f00cc3160f5c974181a68785db889fbc6259923c0d34e6a607ba9de2715b348203569e8831df1eedb5bda426b0287231372452da - languageName: node - linkType: hard - -"@spectrum-css/progresscircle@npm:5.1.0": - version: 5.1.0 - resolution: "@spectrum-css/progresscircle@npm:5.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/926fc10c6996e12c970b5da41d8b5cde47ff9eec311bc7b9d8d59023d81d45ae5e3e5947a14b9f2d486a4493e4dd26d6978ae60b9ea76e4e3a73544caa41e45b - languageName: node - linkType: hard - -"@spectrum-css/radio@npm:10.0.0-s2-foundations.17": - version: 10.0.0-s2-foundations.17 - resolution: "@spectrum-css/radio@npm:10.0.0-s2-foundations.17" - peerDependencies: - "@spectrum-css/icon": ">=7" - "@spectrum-css/tokens": ">=14" - checksum: 10c0/21f5459fccd2aef30b5dbc91308d13e73b75c73e72baeb20783989b2a2a8c7d88bc5abc5568440ec6fa2e069c3d37cd1c4c40b83dff9cb7e1233bc747c5a24c5 - languageName: node - linkType: hard - -"@spectrum-css/search@npm:8.1.2": - version: 8.1.2 - resolution: "@spectrum-css/search@npm:8.1.2" - peerDependencies: - "@spectrum-css/clearbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/textfield": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/clearbutton": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/textfield": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/417dff4347e7bc69d13a1d9c0164cba5ac72d7e08aae43e3a48f2ca1203bd4a871a44b8617f04b0e7f63b8df16675ed6011c3baff6e44373bcd7eebe65158127 - languageName: node - linkType: hard - -"@spectrum-css/sidenav@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/sidenav@npm:7.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/8e748c1e7854be0b326f53a1f83342d732780042d321b0ce36cdfe3535fb56cd81acbfde815dab23ce3a5192004490888de1213cd63e7e57a6eaa0389f0bc7ed - languageName: node - linkType: hard - -"@spectrum-css/slider@npm:6.3.0": - version: 6.3.0 - resolution: "@spectrum-css/slider@npm:6.3.0" - peerDependencies: - "@spectrum-css/stepper": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/stepper": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/21d68772a025bd0cc902e2586df5d09672a2f3182eef5b2355c3a8898303e614ef3b76fe579dabc3a094d746d1149117cabbfdf51da12cd276ed8e5e26f645f3 - languageName: node - linkType: hard - -"@spectrum-css/splitview@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/splitview@npm:7.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/963412b7187be580477379eb560e0da4f7eaaf60409dd6bf97534e9a129fa6994875cc60b3d5a53b7b44dfa419fd1f670dce559b8473a1813b50a527c964e255 - languageName: node - linkType: hard - -"@spectrum-css/statuslight@npm:9.1.0": - version: 9.1.0 - resolution: "@spectrum-css/statuslight@npm:9.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/6de3f854ee6c68212a0b4feefb524575bf44ed80083d613bfd8fcee07c044be852f379c136f5ef103cbc5ec18ddd189e671dc178eb8fd79ccca92ab07106b83a - languageName: node - linkType: hard - -"@spectrum-css/stepper@npm:7.1.3": - version: 7.1.3 - resolution: "@spectrum-css/stepper@npm:7.1.3" - peerDependencies: - "@spectrum-css/actionbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/infieldbutton": ">=6.0.0 <7.0.0" - "@spectrum-css/textfield": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/actionbutton": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/infieldbutton": - optional: true - "@spectrum-css/textfield": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/6a9e53a7d370a6e0bb73b70ffb22873575cc6c14ad799a0f9936e51cdd2bea63bf46b3a2fcc1346eaf235ed6a13778beafc1487e087652b984347aa5bf5e25ee - languageName: node - linkType: hard - -"@spectrum-css/swatch@npm:7.0.0-s2-foundations.17": - version: 7.0.0-s2-foundations.17 - resolution: "@spectrum-css/swatch@npm:7.0.0-s2-foundations.17" - peerDependencies: - "@spectrum-css/opacitycheckerboard": ">=2" - "@spectrum-css/tokens": ">=14.5.0" - checksum: 10c0/80016a4c10276abc6376e854cff1aaa84a3499085f8b5afa80f8af365ce7cd79cf1f46f1fc74d1caf1fbf578621f327210f966b50e9c147156c2f0e0a547d73f - languageName: node - linkType: hard - -"@spectrum-css/swatchgroup@npm:4.0.0-s2-foundations.15": - version: 4.0.0-s2-foundations.15 - resolution: "@spectrum-css/swatchgroup@npm:4.0.0-s2-foundations.15" - peerDependencies: - "@spectrum-css/swatch": ">=6" - "@spectrum-css/tokens": ">=14" - checksum: 10c0/7c5c2416479d8602c009f191e71a046af33ca96e3bb4b847586a568e52a5cb884e75cf02457d0c87aa8b5130c6817a328ea124b47c5a04dabc5918b4d8df5497 - languageName: node - linkType: hard - -"@spectrum-css/switch@npm:6.1.0": - version: 6.1.0 - resolution: "@spectrum-css/switch@npm:6.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/6a6ee80f090a79566ec6c9ccaac7fa29683d059090ce946ade75000436577b96a4810079d4ff4e9c8736585649b44f29a715fed85fd1970c4a5757d51549bf38 - languageName: node - linkType: hard - -"@spectrum-css/table@npm:8.1.0": - version: 8.1.0 - resolution: "@spectrum-css/table@npm:8.1.0" - peerDependencies: - "@spectrum-css/button": ">=14.0.0 <15.0.0" - "@spectrum-css/checkbox": ">=10.0.0 <11.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/thumbnail": ">=8.0.0 <9.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/button": - optional: true - "@spectrum-css/checkbox": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/thumbnail": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/16c9fb01ae47be0573046d6b5dfb07c8df1a892b3487f8c08400946b974721be5d7e9ccf1452e6ce072e4e575db8eba88bcdaf8e2cf4d82dfed2d801b308f530 - languageName: node - linkType: hard - -"@spectrum-css/tabs@npm:6.1.1": - version: 6.1.1 - resolution: "@spectrum-css/tabs@npm:6.1.1" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/menu": ">=9.0.0 <10.0.0" - "@spectrum-css/picker": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/menu": - optional: true - "@spectrum-css/picker": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/6eba8fea0aa5e131197c524c971e5da9b0d6e3aba0c74c6e417464a42eb83cb28806ab3da9cd6bb5eb4c8ddd41d14c09eb90351c1c4617bffeeea3971eed305f - languageName: node - linkType: hard - -"@spectrum-css/tag@npm:10.1.0": - version: 10.1.0 - resolution: "@spectrum-css/tag@npm:10.1.0" - peerDependencies: - "@spectrum-css/avatar": ">=9.0.0 <10.0.0" - "@spectrum-css/clearbutton": ">=7.0.0 <8.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/avatar": - optional: true - "@spectrum-css/clearbutton": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/d2439cecdd3982cb4e852b0edbe5fd1cdc9a721633dd7917cfa1591934cf8fdebd9f2c4213dceef00e0b7e9be4b039d9a0e0e03cfa2c154a8b3d3c81618d4cc2 - languageName: node - linkType: hard - -"@spectrum-css/taggroup@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/taggroup@npm:7.1.0" - peerDependencies: - "@spectrum-css/tag": ">=10.0.0 <11.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/tag": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/183da9e2e664caba3c32edea1d899fa266cd81e820244e57498a8d14677c606407b899c2178edce81b88ec7f629d10dba0cfb86355beefb8148e9fc64b5aa6dc - languageName: node - linkType: hard - -"@spectrum-css/textfield@npm:8.1.1": - version: 8.1.1 - resolution: "@spectrum-css/textfield@npm:8.1.1" - peerDependencies: - "@spectrum-css/helptext": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/helptext": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/1f54e4fb2bdc232283dfbe4d9b2ee855b26f15949817f99f7f44b2249d15900bcfdd2bcb029f68f1ba47a927deaeb8c2a17bc80a68f0b5f68df4cf7e560898b4 - languageName: node - linkType: hard - -"@spectrum-css/thumbnail@npm:8.1.0": - version: 8.1.0 - resolution: "@spectrum-css/thumbnail@npm:8.1.0" - peerDependencies: - "@spectrum-css/opacitycheckerboard": ">=4.0.0 <5.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/opacitycheckerboard": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/19ff215abc9d6328774a1334c3bcbea0732515d6da519226f6a739784621f3382e2cf54896519434f599396676b356c07c7a9dc86b112cf680ad3d3f349ae81f - languageName: node - linkType: hard - -"@spectrum-css/toast@npm:11.1.0": - version: 11.1.0 - resolution: "@spectrum-css/toast@npm:11.1.0" - peerDependencies: - "@spectrum-css/button": ">=14.0.0 <15.0.0" - "@spectrum-css/closebutton": ">=6.0.0 <7.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/button": - optional: true - "@spectrum-css/closebutton": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/57cfbede496256fab633ee07f732555927b0006bcfd3a606b7282a3e483f4d8349e50bc2e09f9bb8f65cfb24fc50b2625ff89ae177b52fd308205cc699ea9815 - languageName: node - linkType: hard - -"@spectrum-css/tokens-v2@npm:@spectrum-css/tokens@16.0.1": - version: 16.0.1 - resolution: "@spectrum-css/tokens@npm:16.0.1" - checksum: 10c0/32bd3339e8f6bf2c35effe58ae3bf9ff4a4349fa778dcd12708c271fe358a94c6f353ecc3371515b4e6d84f9578ebf30b27f2e21761e84a0dce8b7aa1751c89f - languageName: node - linkType: hard - -"@spectrum-css/tokens@npm:15.0.0": - version: 15.0.0 - resolution: "@spectrum-css/tokens@npm:15.0.0" - checksum: 10c0/8bf9832e18cf7edcf89904e3d4aa67e060c88633dc7db1432a198bd4de3c7b68eaf99c2c213402bb70cbd6e82c51f958abb8d48f98eb807894c5ebc23f0bcfbb - languageName: node - linkType: hard - -"@spectrum-css/tooltip@npm:7.1.0": - version: 7.1.0 - resolution: "@spectrum-css/tooltip@npm:7.1.0" - peerDependencies: - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/icon": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/96541bbe65300a4f0d7c0696424ac8f1dbe6f7f58a8a912cb9c62bd5599496c33ffdb8b343db6cbd8bd6141655b5061de8db7b90b8f990cb96dd047a6c8665cc - languageName: node - linkType: hard - -"@spectrum-css/tray@npm:5.1.0": - version: 5.1.0 - resolution: "@spectrum-css/tray@npm:5.1.0" - peerDependencies: - "@spectrum-css/button": ">=14.0.0 <15.0.0" - "@spectrum-css/dialog": ">=12.0.0 <13.0.0" - "@spectrum-css/divider": ">=5.0.0 <6.0.0" - "@spectrum-css/icon": ">=9.0.0 <10.0.0" - "@spectrum-css/modal": ">=7.0.0 <8.0.0" - "@spectrum-css/tokens": ">=16.0.0 <17.0.0" - peerDependenciesMeta: - "@spectrum-css/button": - optional: true - "@spectrum-css/dialog": - optional: true - "@spectrum-css/divider": - optional: true - "@spectrum-css/icon": - optional: true - "@spectrum-css/modal": - optional: true - "@spectrum-css/tokens": - optional: true - checksum: 10c0/d67afa1d131ed81115fa6683026ce95c435002a1fda5ea0ccf1697e8e6946becd3daeb713bf6873fc9c98ac86e2193fa41cfc66ff098be4aee28a1f23a4c68c1 - languageName: node - linkType: hard - -"@spectrum-css/typography@npm:8.1.0": - version: 8.1.0 - resolution: "@spectrum-css/typography@npm:8.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/ed61f1856faaef788077c16612b911660e49eb49442aa900106020baa1ab9d7e723593abca0d97835c570992f4ff0bf90c01e432d3c273cceee7695c159ba0bb - languageName: node - linkType: hard - "@spectrum-css/ui-icons-s2@npm:@spectrum-css/ui-icons@2.0.0-s2-foundations.10": version: 2.0.0-s2-foundations.10 resolution: "@spectrum-css/ui-icons@npm:2.0.0-s2-foundations.10" @@ -7410,30 +6285,10 @@ __metadata: languageName: node linkType: hard -"@spectrum-css/underlay@npm:6.1.0": - version: 6.1.0 - resolution: "@spectrum-css/underlay@npm:6.1.0" - peerDependencies: - "@spectrum-css/tokens": ">=16.0.1" - peerDependenciesMeta: - "@spectrum-css/tokens": - optional: true - checksum: 10c0/54ca74747b0cb2bd9b5eeb08ed48d242ed81d81bb3c58fdf157f8e1599e6793d195e797fac9b3a8bb21a6581cc406e49c923726531ab549a4949bf7609437684 - languageName: node - linkType: hard - -"@spectrum-css/vars@npm:^9.0.8": - version: 9.0.8 - resolution: "@spectrum-css/vars@npm:9.0.8" - checksum: 10c0/5947b6bd8234fd9ac41b2cccf964f9a16d3c27e6773760bc79f22c2b0053d4f9d82dfc50cb136477cc9962e113dd37098581c614f7867d705dee424c89d5ae69 - languageName: node - linkType: hard - "@spectrum-web-components/accordion@npm:1.6.0, @spectrum-web-components/accordion@workspace:packages/accordion": version: 0.0.0-use.local resolution: "@spectrum-web-components/accordion@workspace:packages/accordion" dependencies: - "@spectrum-css/accordion": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" "@spectrum-web-components/icons-ui": "npm:1.6.0" @@ -7446,7 +6301,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/action-bar@workspace:packages/action-bar" dependencies: - "@spectrum-css/actionbar": "npm:10.1.1" "@spectrum-web-components/action-group": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" @@ -7459,7 +6313,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/action-button@workspace:packages/action-button" dependencies: - "@spectrum-css/actionbutton": "npm:7.1.3" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -7473,7 +6326,6 @@ __metadata: resolution: "@spectrum-web-components/action-group@workspace:packages/action-group" dependencies: "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/actiongroup": "npm:6.1.0" "@spectrum-web-components/action-button": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icons-workflow": "npm:1.6.0" @@ -7485,7 +6337,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/action-menu@workspace:packages/action-menu" dependencies: - "@spectrum-css/actionmenu": "npm:7.1.1" "@spectrum-web-components/action-button": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -7499,7 +6350,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/alert-banner@workspace:packages/alert-banner" dependencies: - "@spectrum-css/alertbanner": "npm:3.1.1" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/icons-workflow": "npm:1.6.0" @@ -7511,7 +6361,6 @@ __metadata: resolution: "@spectrum-web-components/alert-dialog@workspace:packages/alert-dialog" dependencies: "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/alertdialog": "npm:4.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/button-group": "npm:1.6.0" @@ -7525,7 +6374,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/asset@workspace:packages/asset" dependencies: - "@spectrum-css/asset": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -7534,7 +6382,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/avatar@workspace:packages/avatar" dependencies: - "@spectrum-css/avatar": "npm:9.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" languageName: unknown @@ -7544,7 +6391,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/badge@workspace:packages/badge" dependencies: - "@spectrum-css/badge": "npm:6.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" languageName: unknown @@ -7562,7 +6408,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/breadcrumbs@workspace:packages/breadcrumbs" dependencies: - "@spectrum-css/breadcrumb": "npm:11.1.0" "@spectrum-web-components/action-menu": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icons-workflow": "npm:1.6.0" @@ -7656,7 +6501,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/button-group@workspace:packages/button-group" dependencies: - "@spectrum-css/buttongroup": "npm:9.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" languageName: unknown @@ -7666,7 +6510,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/button@workspace:packages/button" dependencies: - "@spectrum-css/button": "npm:14.1.6" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/clear-button": "npm:1.6.0" "@spectrum-web-components/close-button": "npm:1.6.0" @@ -7682,7 +6525,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/card@workspace:packages/card" dependencies: - "@spectrum-css/card": "npm:11.1.0" "@spectrum-web-components/asset": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/checkbox": "npm:1.6.0" @@ -7698,7 +6540,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/checkbox@workspace:packages/checkbox" dependencies: - "@spectrum-css/checkbox": "npm:10.1.2" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" "@spectrum-web-components/icons-ui": "npm:1.6.0" @@ -7710,7 +6551,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/clear-button@workspace:packages/clear-button" dependencies: - "@spectrum-css/clearbutton": "npm:7.0.0-s2-foundations.16" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -7719,7 +6559,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/close-button@workspace:packages/close-button" dependencies: - "@spectrum-css/closebutton": "npm:6.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -7728,8 +6567,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/coachmark@workspace:packages/coachmark" dependencies: - "@spectrum-css/coachindicator": "npm:3.0.0-s2-foundations.16" - "@spectrum-css/coachmark": "npm:8.0.0-s2-foundations.17" "@spectrum-web-components/asset": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" @@ -7745,7 +6582,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/color-area@workspace:packages/color-area" dependencies: - "@spectrum-css/colorarea": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/color-handle": "npm:1.6.0" "@spectrum-web-components/opacity-checkerboard": "npm:1.6.0" @@ -7768,7 +6604,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/color-handle@workspace:packages/color-handle" dependencies: - "@spectrum-css/colorhandle": "npm:10.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/color-loupe": "npm:1.6.0" "@spectrum-web-components/opacity-checkerboard": "npm:1.6.0" @@ -7779,7 +6614,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/color-loupe@workspace:packages/color-loupe" dependencies: - "@spectrum-css/colorloupe": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/opacity-checkerboard": "npm:1.6.0" languageName: unknown @@ -7789,7 +6623,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/color-slider@workspace:packages/color-slider" dependencies: - "@spectrum-css/colorslider": "npm:8.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/color-handle": "npm:1.6.0" "@spectrum-web-components/opacity-checkerboard": "npm:1.6.0" @@ -7802,7 +6635,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/color-wheel@workspace:packages/color-wheel" dependencies: - "@spectrum-css/colorwheel": "npm:6.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/color-handle": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" @@ -7814,7 +6646,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/combobox@workspace:packages/combobox" dependencies: - "@spectrum-css/combobox": "npm:4.1.2" "@spectrum-web-components/action-button": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -7832,7 +6663,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/contextual-help@workspace:packages/contextual-help" dependencies: - "@spectrum-css/contextualhelp": "npm:5.1.2" "@spectrum-web-components/action-button": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/dialog": "npm:1.6.0" @@ -7886,7 +6716,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/dialog@workspace:packages/dialog" dependencies: - "@spectrum-css/dialog": "npm:11.0.0-s2-foundations.15" "@spectrum-web-components/alert-dialog": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" @@ -7903,7 +6732,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/divider@workspace:packages/divider" dependencies: - "@spectrum-css/divider": "npm:5.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -7912,7 +6740,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/dropzone@workspace:packages/dropzone" dependencies: - "@spectrum-css/dropzone": "npm:8.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -7934,7 +6761,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/field-group@workspace:packages/field-group" dependencies: - "@spectrum-css/fieldgroup": "npm:6.0.0-s2-foundations.16" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/help-text": "npm:1.6.0" languageName: unknown @@ -7944,7 +6770,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/field-label@workspace:packages/field-label" dependencies: - "@spectrum-css/fieldlabel": "npm:10.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" "@spectrum-web-components/icons-ui": "npm:1.6.0" @@ -7969,7 +6794,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/help-text@workspace:packages/help-text" dependencies: - "@spectrum-css/helptext": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icons-workflow": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" @@ -7980,7 +6804,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/icon@workspace:packages/icon" dependencies: - "@spectrum-css/icon": "npm:9.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/iconset": "npm:1.6.0" languageName: unknown @@ -8010,7 +6833,6 @@ __metadata: dependencies: "@adobe/spectrum-css-workflow-icons": "npm:1.7.0" "@adobe/spectrum-css-workflow-icons-s2": "npm:@adobe/spectrum-css-workflow-icons@4.1.0" - "@spectrum-css/icon": "npm:9.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" case: "npm:^1.6.1" @@ -8043,7 +6865,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/illustrated-message@workspace:packages/illustrated-message" dependencies: - "@spectrum-css/illustratedmessage": "npm:9.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/styles": "npm:1.6.0" languageName: unknown @@ -8053,7 +6874,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/infield-button@workspace:packages/infield-button" dependencies: - "@spectrum-css/infieldbutton": "npm:6.1.2" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" languageName: unknown @@ -8063,7 +6883,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/link@workspace:packages/link" dependencies: - "@spectrum-css/link": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" languageName: unknown @@ -8074,7 +6893,6 @@ __metadata: resolution: "@spectrum-web-components/menu@workspace:packages/menu" dependencies: "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/menu": "npm:9.2.0" "@spectrum-web-components/action-button": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/divider": "npm:1.6.0" @@ -8091,8 +6909,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/meter@workspace:packages/meter" dependencies: - "@spectrum-css/meter": "npm:0.0.0-s2-foundations.2" - "@spectrum-css/progressbar": "npm:5.0.0-s2-foundations.19" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/field-label": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" @@ -8104,7 +6920,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/modal@workspace:packages/modal" dependencies: - "@spectrum-css/modal": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -8115,7 +6930,6 @@ __metadata: dependencies: "@formatjs/intl-numberformat": "npm:^8.3.5" "@internationalized/number": "npm:^3.6.0" - "@spectrum-css/stepper": "npm:7.1.3" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" "@spectrum-web-components/icons-ui": "npm:1.6.0" @@ -8130,7 +6944,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/opacity-checkerboard@workspace:tools/opacity-checkerboard" dependencies: - "@spectrum-css/opacitycheckerboard": "npm:4.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -8154,7 +6967,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/picker-button@workspace:packages/picker-button" dependencies: - "@spectrum-css/pickerbutton": "npm:6.1.2" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -8167,7 +6979,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/picker@workspace:packages/picker" dependencies: - "@spectrum-css/picker": "npm:9.1.4" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/field-label": "npm:1.6.0" @@ -8189,7 +7000,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/popover@workspace:packages/popover" dependencies: - "@spectrum-css/popover": "npm:8.2.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/overlay": "npm:1.6.0" languageName: unknown @@ -8199,7 +7009,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/progress-bar@workspace:packages/progress-bar" dependencies: - "@spectrum-css/progressbar": "npm:5.0.0-s2-foundations.19" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/field-label": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" @@ -8211,7 +7020,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/progress-circle@workspace:packages/progress-circle" dependencies: - "@spectrum-css/progresscircle": "npm:5.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" languageName: unknown @@ -8221,7 +7029,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/radio@workspace:packages/radio" dependencies: - "@spectrum-css/radio": "npm:10.0.0-s2-foundations.17" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/field-group": "npm:1.6.0" "@spectrum-web-components/help-text": "npm:1.6.0" @@ -8244,7 +7051,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/search@workspace:packages/search" dependencies: - "@spectrum-css/search": "npm:8.1.2" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -8267,7 +7073,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/sidenav@workspace:packages/sidenav" dependencies: - "@spectrum-css/sidenav": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" @@ -8280,7 +7085,6 @@ __metadata: dependencies: "@internationalized/number": "npm:^3.6.0" "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/slider": "npm:6.3.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/field-label": "npm:1.6.0" "@spectrum-web-components/number-field": "npm:1.6.0" @@ -8294,7 +7098,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/split-view@workspace:packages/split-view" dependencies: - "@spectrum-css/splitview": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/shared": "npm:1.6.0" languageName: unknown @@ -8304,7 +7107,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/status-light@workspace:packages/status-light" dependencies: - "@spectrum-css/statuslight": "npm:9.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft @@ -8330,11 +7132,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/styles@workspace:tools/styles" dependencies: - "@spectrum-css/expressvars": "npm:^3.0.9" - "@spectrum-css/tokens": "npm:15.0.0" - "@spectrum-css/tokens-v2": "npm:@spectrum-css/tokens@16.0.1" - "@spectrum-css/typography": "npm:8.1.0" - "@spectrum-css/vars": "npm:^9.0.8" "@spectrum-web-components/base": "npm:1.6.0" lit: "npm:^2.5.0 || ^3.1.3" languageName: unknown @@ -8345,8 +7142,6 @@ __metadata: resolution: "@spectrum-web-components/swatch@workspace:packages/swatch" dependencies: "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/swatch": "npm:7.0.0-s2-foundations.17" - "@spectrum-css/swatchgroup": "npm:4.0.0-s2-foundations.15" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" "@spectrum-web-components/icons-ui": "npm:1.6.0" @@ -8360,7 +7155,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/switch@workspace:packages/switch" dependencies: - "@spectrum-css/switch": "npm:6.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/checkbox": "npm:1.6.0" languageName: unknown @@ -8372,7 +7166,6 @@ __metadata: dependencies: "@lit-labs/observers": "npm:^2.0.2" "@lit-labs/virtualizer": "npm:^2.0.12" - "@spectrum-css/table": "npm:8.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/checkbox": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -8385,7 +7178,6 @@ __metadata: resolution: "@spectrum-web-components/tabs@workspace:packages/tabs" dependencies: "@lit-labs/observers": "npm:^2.0.2" - "@spectrum-css/tabs": "npm:6.1.1" "@spectrum-web-components/action-button": "npm:1.6.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -8399,8 +7191,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/tags@workspace:packages/tags" dependencies: - "@spectrum-css/tag": "npm:10.1.0" - "@spectrum-css/taggroup": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" @@ -8412,7 +7202,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/textfield@workspace:packages/textfield" dependencies: - "@spectrum-css/textfield": "npm:8.1.1" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/help-text": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -8435,7 +7224,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/thumbnail@workspace:packages/thumbnail" dependencies: - "@spectrum-css/thumbnail": "npm:8.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/opacity-checkerboard": "npm:1.6.0" languageName: unknown @@ -8445,7 +7233,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/toast@workspace:packages/toast" dependencies: - "@spectrum-css/toast": "npm:11.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/button": "npm:1.6.0" "@spectrum-web-components/icon": "npm:1.6.0" @@ -8458,7 +7245,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/tooltip@workspace:packages/tooltip" dependencies: - "@spectrum-css/tooltip": "npm:7.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/overlay": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" @@ -8481,7 +7267,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/tray@workspace:packages/tray" dependencies: - "@spectrum-css/tray": "npm:5.1.0" "@spectrum-web-components/base": "npm:1.6.0" "@spectrum-web-components/modal": "npm:1.6.0" "@spectrum-web-components/reactive-controllers": "npm:1.6.0" @@ -8505,7 +7290,6 @@ __metadata: version: 0.0.0-use.local resolution: "@spectrum-web-components/underlay@workspace:packages/underlay" dependencies: - "@spectrum-css/underlay": "npm:6.1.0" "@spectrum-web-components/base": "npm:1.6.0" languageName: unknown linkType: soft From 5990dfa1645d37ca5f869b8efbbedd0a7d629976 Mon Sep 17 00:00:00 2001 From: TaraT Date: Fri, 9 May 2025 14:54:08 +0530 Subject: [PATCH 02/24] chore: update styling guide (#5437) * chore: add styling guide * chore: remove spectrum-config and update other docs * fix: update yarn new-package to not depend on spectrum-css * chore: update styling guide * chore: remove formating from plopfile --- PULL_REQUESTS.md | 1 - .../content/guides/adding-component.md | 290 +----------------- .../content/guides/generating-components.md | 34 +- .../content/guides/spectrum-config.md | 231 -------------- .../content/guides/styling-components.md | 70 +++++ .../component-overrides.css.hbs | 13 + .../plop-templates/component.css.hbs | 15 +- .../plop-templates/spectrum-component.css.hbs | 0 projects/templates/plopfile.js | 48 +-- 9 files changed, 129 insertions(+), 573 deletions(-) delete mode 100644 projects/documentation/content/guides/spectrum-config.md create mode 100644 projects/documentation/content/guides/styling-components.md create mode 100644 projects/templates/plop-templates/component-overrides.css.hbs create mode 100644 projects/templates/plop-templates/spectrum-component.css.hbs diff --git a/PULL_REQUESTS.md b/PULL_REQUESTS.md index 7ed8ce641b9..66db842fbb6 100644 --- a/PULL_REQUESTS.md +++ b/PULL_REQUESTS.md @@ -102,7 +102,6 @@ Incomplete templates may delay the review process. - `breaking-change`: PR contains changes that break backward compatibility - `help-wanted`: Extra attention is needed on this PR - `on-hold`: PR needs more discussion. -- `Spectrum CSS`: An issue or pull request specific to the CSS being used by components. - `Component: [Name]`: PR effects this component - `auto-update`: Keep the base of the PR up-to-date with main automatically if there are no conflicts. diff --git a/projects/documentation/content/guides/adding-component.md b/projects/documentation/content/guides/adding-component.md index 65d9b61acc1..f948cbddde5 100644 --- a/projects/documentation/content/guides/adding-component.md +++ b/projects/documentation/content/guides/adding-component.md @@ -10,11 +10,6 @@ slug: developing-component This guide explains the techniques involved in the ongoing development a Spectrum control as a spectrum-web-components. -The components in spectrum-web-components are based on the CSS definitions in -spectrum-css. Typically, component -implementations contain very little code. The CSS from the `spectrum-css` -project typically specifies most, if not all, of the presentation details. - ## What is a web component? According to webcomponents.org, @@ -29,7 +24,6 @@ web components are: In order to add a new component to this library, you will need to develop a working knowledge of the following technologies: -- Spectrum CSS: A CSS implementation of the Spectrum design language - Web Components: Standards based method for adding new HTML tags to a browser - Shadow DOM: The part of the Web Component spec that allows for encapsulation of component styles and child nodes - lit-element: A simple base class for creating fast, lightweight web components @@ -45,81 +39,7 @@ the heart of a web component. It isolates the component from the styles and DOM of the containing page. While this offers many benefits, it also means that we must structure our CSS very differently. -The CSS from the spectrum-css project -is intended to be installed globally on a web page. Using it in the context of a -web component requires that we modify it. To facilitate that, this project comes -with a config-driven processor that can transform the Spectrum CSS into a format -that can be consumed in a web component. - -The first step is to create a directory and a `spectrum-config.js` file for your -new component. This config file contains information about the structure of -the web component in relation to the Spectrum CSS classes. - -Below is a fragment of the `spectrum-config.js` file for `sp-button`. - -```javascript -const config = { - conversions: [ - { - inPackage: '@spectrum-css/button', - outPackage: 'button', - fileName: 'button', - excludeByComponents: [builder.element('a')], - components: [ - converter.classToHost(), - converter.classToAttribute('spectrum-Button--quiet'), - converter.classToAttribute('is-disabled', 'disabled'), - converter.pseudoToAttribute('disabled', 'disabled'), - ...converter.enumerateAttributes( - [ - ['spectrum-Button--sizeS', 's'], - ['spectrum-Button--sizeM', 'm'], - ['spectrum-Button--sizeL', 'l'], - ['spectrum-Button--sizeXL', 'xl'], - ], - 'size' - ), - converter.classToId('spectrum-Button-label'), - converter.classToSlotted('spectrum-Icon', 'icon'), - { - find: [ - builder.class('spectrum-Icon'), - builder.combinator('+'), - builder.class('spectrum-Button-label'), - ], - replace: [ - { - replace: builder.attribute('name', 'icon', 'equal'), - hoist: false, - }, - builder.combinator('+'), - builder.id('label'), - ], - }, - { - hoist: false, - find: builder.pseudoClass('empty'), - replace: builder.attribute('hidden'), - }, - ], - }, - ], -}; -``` - -If we wanted to create a button component using this config file, the steps would be as -follows: - -1. Make the directory `src/components/button` -2. In that new directory, create a `spectrum-config.js` - file with the above contents -3. Run the command `yarn process-spectrum` to create the CSS file - -When you do the above, the config-driven processor -will look in the `spectrum-css` project -for the matching CSS file. -It will parse that file and restructure the CSS as per the configuration -instructions. +For more information on how to structure your CSS, see the [Styling](/guides/styling-components) guide. ## Structure of a Spectrum Web Component @@ -143,214 +63,6 @@ structure that looks like this. If anything here looks unfamiliar, it is probably a good time to do some reading about web components. -You can compare this markup with the reference markup in the `spectrum-css` documentation - -### Host Class Mapping - -We need to determine what the main CSS class is for our component in the -original `spectrum-css`. In the case of `sp-button`, we can see that the -top-level class is `.Spectrum-Button`. We then need to determine where we want -that CSS to be applied. In many cases, you will want that CSS to be applied to -the actual web component via the `:host` selector. That is the default behaviour -of the conversion script. In this case, we wanted to preserve all of the default -behaviour of the `button` element in HTML. So, we want the main CSS to be -applied to our `