@spectrum-web-components/table 0.1.11 → 0.1.12

package/src/TableRow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["TableRow.ts"],
-  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    queryAssignedElements,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table-row.css.js';\nimport { TableCheckboxCell } from './TableCheckboxCell.js';\n\n/**\n * @element sp-table-row\n *\n * @fires sorted - Announces that `selected` of the table row has changed\n */\nexport class TableRow extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @queryAssignedElements({\n        selector: 'sp-table-checkbox-cell',\n        flatten: true,\n    })\n    checkboxCells!: TableCheckboxCell[];\n\n    @property({ reflect: true })\n    public role = 'row';\n\n    @property({ type: Boolean })\n    public selectable = false;\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public value = '';\n\n    protected async handleChange(\n        event: Event & { target: TableCheckboxCell }\n    ): Promise<void> {\n        this.selected = event.target.checkbox.checked;\n\n        await 0;\n\n        if (event.defaultPrevented) {\n            this.selected = !this.selected;\n        }\n    }\n\n    protected handleSlotchange({\n        target,\n    }: Event & { target: HTMLSlotElement }): void {\n        const assignedElements = target.assignedElements();\n        this.selectable = !!assignedElements.find(\n            (el) => el.localName === 'sp-table-checkbox-cell'\n        );\n    }\n\n    protected manageSelected(): void {\n        const [checkboxCell] = this.checkboxCells;\n        if (!checkboxCell) return;\n        checkboxCell.checked = this.selected;\n    }\n\n    protected handleClick(event: Event): void {\n        if (\n            event\n                .composedPath()\n                .find(\n                    (node) => (node as HTMLElement).localName === 'sp-checkbox'\n                )\n        ) {\n            return;\n        }\n        const [checkboxCell] = this.checkboxCells;\n        if (!checkboxCell) /* c8 ignore next */ return;\n        checkboxCell.click();\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot\n                @change=${this.handleChange}\n                @slotchange=${this.handleSlotchange}\n            ></slot>\n        `;\n    }\n\n    protected override willUpdate(changed: PropertyValues<this>): void {\n        if (changed.has('selected')) {\n            this.manageSelected();\n        }\n        if (changed.has('selectable')) {\n            if (this.selectable) {\n                this.addEventListener('click', this.handleClick);\n            } else {\n                this.removeEventListener('click', this.handleClick);\n            }\n        }\n    }\n}\n"],
-  "mappings": "qNAWA,OAEI,QAAAA,EAEA,mBAAAC,MAEG,gCACP,OACI,YAAAC,EACA,yBAAAC,MACG,kDACP,OAAOC,MAAY,qBAQZ,aAAM,iBAAiBH,CAAgB,CAAvC,kCAYH,KAAO,KAAO,MAGd,KAAO,WAAa,GAGpB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GApBf,WAA2B,QAAyB,CAChD,MAAO,CAACG,CAAM,CAClB,CAoBA,MAAgB,aACZC,EACa,CACb,KAAK,SAAWA,EAAM,OAAO,SAAS,QAEtC,KAAM,GAEFA,EAAM,mBACN,KAAK,SAAW,CAAC,KAAK,SAE9B,CAEU,iBAAiB,CACvB,OAAAC,CACJ,EAA8C,CAC1C,MAAMC,EAAmBD,EAAO,iBAAiB,EACjD,KAAK,WAAa,CAAC,CAACC,EAAiB,KAChCC,GAAOA,EAAG,YAAc,wBAC7B,CACJ,CAEU,gBAAuB,CAC7B,KAAM,CAACC,CAAY,EAAI,KAAK,cACvBA,IACLA,EAAa,QAAU,KAAK,SAChC,CAEU,YAAYJ,EAAoB,CACtC,GACIA,EACK,aAAa,EACb,KACIK,GAAUA,EAAqB,YAAc,aAClD,EAEJ,OAEJ,KAAM,CAACD,CAAY,EAAI,KAAK,cACvBA,GACLA,EAAa,MAAM,CACvB,CAEmB,QAAyB,CACxC,OAAOT;AAAA;AAAA,0BAEW,KAAK;AAAA,8BACD,KAAK;AAAA;AAAA,SAG/B,CAEmB,WAAWW,EAAqC,CAC3DA,EAAQ,IAAI,UAAU,GACtB,KAAK,eAAe,EAEpBA,EAAQ,IAAI,YAAY,IACpB,KAAK,WACL,KAAK,iBAAiB,QAAS,KAAK,WAAW,EAE/C,KAAK,oBAAoB,QAAS,KAAK,WAAW,EAG9D,CACJ,CA7EIC,EAAA,CAJCT,EAAsB,CACnB,SAAU,yBACV,QAAS,EACb,CAAC,GARQ,SAST,6BAGOS,EAAA,CADNV,EAAS,CAAE,QAAS,EAAK,CAAC,GAXlB,SAYF,oBAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,OAAQ,CAAC,GAdlB,SAeF,0BAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjBjC,SAkBF,wBAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,MAAO,CAAC,GApBjB,SAqBF",
+  "sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    SpectrumElement,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport {\n    property,\n    queryAssignedElements,\n} from '@spectrum-web-components/base/src/decorators.js';\nimport styles from './table-row.css.js';\nimport { TableCheckboxCell } from './TableCheckboxCell.js';\n\n/**\n * @element sp-table-row\n *\n * @fires sorted - Announces that `selected` of the table row has changed\n */\nexport class TableRow extends SpectrumElement {\n    public static override get styles(): CSSResultArray {\n        return [styles];\n    }\n\n    @queryAssignedElements({\n        selector: 'sp-table-checkbox-cell',\n        flatten: true,\n    })\n    checkboxCells!: TableCheckboxCell[];\n\n    @property({ reflect: true })\n    public role = 'row';\n\n    @property({ type: Boolean })\n    public selectable = false;\n\n    @property({ type: Boolean, reflect: true })\n    public selected = false;\n\n    @property({ type: String })\n    public value = '';\n\n    protected async handleChange(\n        event: Event & { target: TableCheckboxCell }\n    ): Promise<void> {\n        if (!event.target.checkbox) {\n            return;\n        }\n\n        this.selected = event.target.checkbox.checked;\n\n        await 0;\n\n        if (event.defaultPrevented) {\n            this.selected = !this.selected;\n        }\n    }\n\n    protected handleSlotchange({\n        target,\n    }: Event & { target: HTMLSlotElement }): void {\n        const assignedElements = target.assignedElements();\n        this.selectable = !!assignedElements.find(\n            (el) => el.localName === 'sp-table-checkbox-cell'\n        );\n    }\n\n    protected async manageSelected(): Promise<void> {\n        await this.updateComplete;\n        const [checkboxCell] = this.checkboxCells;\n        if (!checkboxCell) return;\n        checkboxCell.checked = this.selected;\n    }\n\n    protected handleClick(event: Event): void {\n        if (\n            event\n                .composedPath()\n                .find(\n                    (node) =>\n                        (node as HTMLElement).localName ===\n                        'sp-table-checkbox-cell'\n                )\n        ) {\n            return;\n        }\n        const [checkboxCell] = this.checkboxCells;\n        if (!checkboxCell) /* c8 ignore next */ return;\n        checkboxCell.click();\n    }\n\n    protected override render(): TemplateResult {\n        return html`\n            <slot\n                @change=${this.handleChange}\n                @slotchange=${this.handleSlotchange}\n            ></slot>\n        `;\n    }\n\n    protected override willUpdate(changed: PropertyValues<this>): void {\n        if (changed.has('selected')) {\n            this.manageSelected();\n        }\n        if (changed.has('selectable')) {\n            if (this.selectable) {\n                this.addEventListener('click', this.handleClick);\n            } else {\n                this.removeEventListener('click', this.handleClick);\n            }\n        }\n    }\n}\n"],
+  "mappings": "qNAWA,OAEI,QAAAA,EAEA,mBAAAC,MAEG,gCACP,OACI,YAAAC,EACA,yBAAAC,MACG,kDACP,OAAOC,MAAY,qBAQZ,aAAM,iBAAiBH,CAAgB,CAAvC,kCAYH,KAAO,KAAO,MAGd,KAAO,WAAa,GAGpB,KAAO,SAAW,GAGlB,KAAO,MAAQ,GApBf,WAA2B,QAAyB,CAChD,MAAO,CAACG,CAAM,CAClB,CAoBA,MAAgB,aACZC,EACa,CACRA,EAAM,OAAO,WAIlB,KAAK,SAAWA,EAAM,OAAO,SAAS,QAEtC,KAAM,GAEFA,EAAM,mBACN,KAAK,SAAW,CAAC,KAAK,UAE9B,CAEU,iBAAiB,CACvB,OAAAC,CACJ,EAA8C,CAC1C,MAAMC,EAAmBD,EAAO,iBAAiB,EACjD,KAAK,WAAa,CAAC,CAACC,EAAiB,KAChCC,GAAOA,EAAG,YAAc,wBAC7B,CACJ,CAEA,MAAgB,gBAAgC,CAC5C,MAAM,KAAK,eACX,KAAM,CAACC,CAAY,EAAI,KAAK,cACvBA,IACLA,EAAa,QAAU,KAAK,SAChC,CAEU,YAAYJ,EAAoB,CACtC,GACIA,EACK,aAAa,EACb,KACIK,GACIA,EAAqB,YACtB,wBACR,EAEJ,OAEJ,KAAM,CAACD,CAAY,EAAI,KAAK,cACvBA,GACLA,EAAa,MAAM,CACvB,CAEmB,QAAyB,CACxC,OAAOT;AAAA;AAAA,0BAEW,KAAK;AAAA,8BACD,KAAK;AAAA;AAAA,SAG/B,CAEmB,WAAWW,EAAqC,CAC3DA,EAAQ,IAAI,UAAU,GACtB,KAAK,eAAe,EAEpBA,EAAQ,IAAI,YAAY,IACpB,KAAK,WACL,KAAK,iBAAiB,QAAS,KAAK,WAAW,EAE/C,KAAK,oBAAoB,QAAS,KAAK,WAAW,EAG9D,CACJ,CApFIC,EAAA,CAJCT,EAAsB,CACnB,SAAU,yBACV,QAAS,EACb,CAAC,GARQ,SAST,6BAGOS,EAAA,CADNV,EAAS,CAAE,QAAS,EAAK,CAAC,GAXlB,SAYF,oBAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,OAAQ,CAAC,GAdlB,SAeF,0BAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAjBjC,SAkBF,wBAGAU,EAAA,CADNV,EAAS,CAAE,KAAM,MAAO,CAAC,GApBjB,SAqBF",
   "names": ["html", "SpectrumElement", "property", "queryAssignedElements", "styles", "event", "target", "assignedElements", "el", "checkboxCell", "node", "changed", "__decorateClass"]
 }

package/src/spectrum-config.js

@@ -1,245 +1,196 @@
-/* sepctrum config
-Copyright 2022 Adobe. All rights reserved.
-This file is licensed to you under the Apache License, Version 2.0 (the "License");
+// @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
+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 = {
-    spectrum: 'table',
-    components: [
+    conversions: [
         {
-            name: 'table',
-            host: {
-                selector: '.spectrum-Table',
-            },
-            attributes: [
-                {
-                    type: 'enum',
-                    name: 'size',
-                    values: [
-                        {
-                            name: 's',
-                            selector: '.spectrum-Table--sizeS',
-                        },
-                        {
-                            name: 'm',
-                            selector: '.spectrum-Table--sizeM',
-                        },
+            inPackage: '@spectrum-css/table',
+            outPackage: 'table',
+            fileName: 'table',
+            components: [
+                converter.classToHost(),
+                ...converter.enumerateAttributes(
+                    [
+                        ['spectrum-Table--sizeS', 's'],
+                        ['spectrum-Table--sizeM', 'm'],
                     ],
-                },
+                    'size'
+                ),
+                ...converter.enumerateAttributes(
+                    [['spectrum-Table--compact'], ['spectrum-Table--spacious']],
+                    'density'
+                ),
+            ],
+            excludeByComponents: [
+                builder.class('spectrum-Table-sortedIcon'),
+                builder.class('spectrum-Table-headCell'),
                 {
-                    type: 'enum',
-                    name: 'density', // is this the right naming?
-                    values: [
-                        {
-                            name: 'compact',
-                            selector: '.spectrum-Table--compact',
-                        },
-                        {
-                            name: 'spacious',
-                            selector: '.spectrum-Table--spacious',
-                        },
-                    ],
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-(?!-)/,
                 },
             ],
-            exclude: [
-                /\.spectrum-Table-sortedIcon/,
-                /\.spectrum-Table-headCell/,
-            ],
         },
         {
-            name: 'table-body',
-            host: {
-                selector: '.spectrum-Table-body',
-            },
-            attributes: [
+            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: 'boolean',
-                    selector: '.is-drop-target',
-                    name: 'drop-target',
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-(?!b)/,
                 },
-            ],
-            exclude: [
-                /\.spectrum-Table--spacious/,
-                /\.spectrum-Table--compact/,
-                /\.spectrum-Table-sortedIcon/,
-                /\.spectrum-Table-headCell/,
-                /\.spectrum-Table-cell--alignRight/,
-                /\.spectrum-Table-row/,
-                /\.spectrum-Table-cell/,
-                /\.spectrum-Table-checkboxCell/,
+                builder.element('tbody'),
             ],
         },
         {
-            name: 'table-cell',
-            host: {
-                selector: '.spectrum-Table-cell',
-            },
-            attributes: [
-                {
-                    type: 'enum',
-                    name: 'align',
-                    values: [
-                        {
-                            name: 'center',
-                            selector: '.spectrum-Table-cell--alignCenter',
-                        },
-                        {
-                            name: 'end',
-                            selector: '.spectrum-Table-cell--alignRight',
-                        },
+            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'),
             ],
-            classes: [
+            excludeByComponents: [
+                builder.class('spectrum-Table'),
                 {
-                    name: 'divider',
-                    selector: '.spectrum-Table-cell--divider',
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-(?!cell)/,
                 },
             ],
-            exclude: [
-                /\.spectrum-Table-row/,
-                /\.spectrum-Table-body/,
-                /\.spectrum-Table-headCell/,
-                /\.spectrum-Table-checkboxCell/,
-                /\.spectrum-Table--spacious/,
-                /\.spectrum-Table--compact/,
-                /\.spectrum-Table-sortedIcon/,
-            ],
         },
         {
-            name: 'table-checkbox-cell',
-            host: {
-                selector: '.spectrum-Table',
-            },
-            complexSelectors: [
-                {
-                    replacement: ':host([dir=ltr])',
-                    selector:
-                        '.spectrum-Table[dir=ltr] .spectrum-Table-checkboxCell',
-                },
-                {
-                    replacement: ':host([dir=rtl])',
-                    selector:
-                        '.spectrum-Table[dir=rtl] .spectrum-Table-checkboxCell',
-                },
-                {
-                    replacement: ':host',
-                    selector: '.spectrum-Table-checkboxCell',
-                },
+            inPackage: '@spectrum-css/table',
+            outPackage: 'table',
+            fileName: 'table-checkbox-cell',
+            components: [
+                converterCell.classToHost('spectrum-Table-checkboxCell'),
+                converter.classToClass('spectrum-Table-checkbox'),
+            ],
+            excludeByComponents: [
+                builder.class('spectrum-Table'),
                 {
-                    replacement: '.checkbox',
-                    selector: /.spectrum-Table-checkbox(?!Cell)/,
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-(?!checkbox)/,
                 },
             ],
-            exclude: [/\.spectrum-Table(?!-checkbox)/],
         },
         {
-            name: 'table-head',
-            host: {
-                selector: '.spectrum-Table-head',
-            },
-            exclude: [
-                /\.spectrum-Table-sortedIcon/,
-                /\.spectrum-Table-body/,
-                /\.spectrum-Table-headCell/,
-                /\.spectrum-Table-cell/,
-                /\.spectrum-Table-checkboxCell/,
-                /\.spectrum-Table-row/,
+            inPackage: '@spectrum-css/table',
+            outPackage: 'table',
+            fileName: 'table-head',
+            components: [converter.classToHost('spectrum-Table-head')],
+            requireComponentPresence: [
+                {
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-head$/,
+                },
             ],
         },
         {
-            name: 'table-head-cell',
-            host: {
-                selector: '.spectrum-Table-headCell',
-            },
-            attributes: [
-                {
-                    type: 'boolean',
-                    name: 'sortable',
-                    selector: '.is-sortable',
-                },
-                {
-                    type: 'enum',
-                    name: 'sort-direction',
-                    values: [
-                        {
-                            name: 'asc',
-                            selector: '.is-sorted-asc',
-                        },
-                        {
-                            name: 'desc',
-                            selector: '.is-sorted-desc',
-                        },
+            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'],
                     ],
-                },
-                {
-                    type: 'boolean',
-                    name: 'focused',
-                    selector: '.is-focused',
-                },
-                {
-                    type: 'boolean',
-                    name: 'active',
-                    selector: ':active',
-                },
+                    'sort-direction'
+                ),
+                converterHeadCell.classToClass(
+                    'spectrum-Table-sortedIcon',
+                    'sortedIcon'
+                ),
             ],
-            classes: [
+            requireComponentPresence: [
                 {
-                    name: 'sortedIcon',
-                    selector: '.spectrum-Table-sortedIcon',
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-(headCell|sortedIcon)$/,
                 },
             ],
-            complexSelectors: [
+            excludeByComponents: [
                 {
-                    selector: '  .spectrum-Table-headCell',
-                    replacement: ' .spectrum-Table-headCell',
+                    type: 'class',
+                    regex: /spectrum-Table--/,
+                    name: 'regex',
                 },
             ],
-            exclude: [
-                /\.spectrum-Table-row/,
-                /\.spectrum-Table-body/,
-                /\.spectrum-Table-cell/,
-                /\.spectrum-Table-checkboxCell/,
-                /\.spectrum-Table--spacious/,
-                /\.spectrum-Table--compact/,
-            ],
         },
         {
-            name: 'table-row',
-            host: {
-                selector: '.spectrum-Table-row',
-            },
-            attributes: [
+            inPackage: '@spectrum-css/table',
+            outPackage: 'table',
+            fileName: 'table-row',
+            components: [
+                converter.classToHost('spectrum-Table-row'),
+                converter.classToAttribute('is-drop-target', 'drop-target'),
+                converter.classToAttribute('is-selected', 'selected'),
+                converter.classToAttribute('is-focused', 'focused'),
+            ],
+            requireComponentPresence: [
                 {
-                    type: 'boolean',
-                    name: 'drop-target',
-                    selector: '.is-drop-target',
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table-row/,
                 },
+            ],
+            excludeByComponents: [
                 {
-                    type: 'boolean',
-                    name: 'selected',
-                    selector: '.is-selected',
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table--/,
                 },
                 {
-                    type: 'boolean',
-                    name: 'focused',
-                    selector: '.is-focused',
+                    type: 'class',
+                    name: 'regex',
+                    regex: /spectrum-Table$/,
                 },
-            ],
-            exclude: [
-                /\.spectrum-Table-sortedIcon/,
-                /\.spectrum-Table-headCell/,
-                /\.spectrum-Table-cell--/,
-                /tbody/,
-                /\.spectrum-Table-body/,
-                /\.spectrum-Table--/,
-                /\.spectrum-Table-cell/,
+                builder.element('tbody'),
             ],
         },
     ],

package/src/spectrum-table-body.css.dev.js

@@ -9,9 +9,7 @@ const styles = css`
 --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
 );box-shadow:0 0 0 1px var(
 --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
-)}:host([drop-target]):before{background-color:var(
---spectrum-alias-highlight-selected
-)}
+)}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected)}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-table-body.css.dev.js.map

package/src/spectrum-table-body.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-table-body.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host{background-color:var(\n--spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n);border-style:solid}:host([drop-target]){border-color:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);box-shadow:0 0 0 1px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}:host([drop-target]):before{background-color:var(\n--spectrum-alias-highlight-selected\n)}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaf,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host{background-color:var(\n--spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n);border-style:solid}:host([drop-target]){border-color:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);box-shadow:0 0 0 1px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWf,eAAe;",
   "names": []
 }

package/src/spectrum-table-body.css.js

@@ -7,8 +7,6 @@
 --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
 );box-shadow:0 0 0 1px var(
 --spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)
-)}:host([drop-target]):before{background-color:var(
---spectrum-alias-highlight-selected
-)}
+)}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected)}
 `;export default o;
 //# sourceMappingURL=spectrum-table-body.css.js.map

package/src/spectrum-table-body.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-table-body.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host{background-color:var(\n--spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n);border-style:solid}:host([drop-target]){border-color:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);box-shadow:0 0 0 1px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}:host([drop-target]):before{background-color:var(\n--spectrum-alias-highlight-selected\n)}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir=ltr][drop-target]):before{left:0}:host([dir=rtl][drop-target]):before{right:0}:host([dir=ltr][drop-target]):before{right:0}:host([dir=rtl][drop-target]):before{left:0}:host([drop-target]):before{bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host{border-radius:var(--spectrum-table-regular-border-radius);border-width:var(--spectrum-table-regular-border-size);overflow:auto;position:relative;vertical-align:var(--spectrum-table-regular-cell-vertical-alignment)}:host{background-color:var(\n--spectrum-table-m-regular-background-color,var(--spectrum-global-color-gray-50)\n);border-color:var(\n--spectrum-table-m-regular-border-color,var(--spectrum-alias-border-color-mid)\n);border-style:solid}:host([drop-target]){border-color:var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n);box-shadow:0 0 0 1px var(\n--spectrum-alias-border-color-key-focus,var(--spectrum-global-color-blue-400)\n)}:host([drop-target]):before{background-color:var(--spectrum-alias-highlight-selected)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-table-cell.css.dev.js

@@ -1,17 +1,11 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(
---spectrum-table-regular-cell-padding-left
-);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(
---spectrum-table-regular-cell-padding-left
-)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host(.is-focused){outline:none}:host(.is-focused),:host(:focus-visible){outline:none}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{right:0}:host(.focus-visible):before,:host(.is-focused):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host(.is-focused):before,:host(:focus-visible):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(
---spectrum-table-regular-divider-border-size
-)}:host([dir=rtl]) .divider{border-left-width:var(
---spectrum-table-regular-divider-border-size
-)}:host(.focus-visible):before,:host(.is-focused):before{box-shadow:inset 0 0 0 2px var(
+:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-cell-padding-left);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(--spectrum-table-regular-cell-padding-left)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host(:focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(--spectrum-table-regular-divider-border-size)}:host([dir=rtl]) .divider{border-left-width:var(--spectrum-table-regular-divider-border-size)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
 --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
-)}:host(.is-focused):before,:host(:focus-visible):before{box-shadow:inset 0 0 0 2px var(
+)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
+--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
+)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
 --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
 )}:host{background-color:var(
 --spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)

package/src/spectrum-table-cell.css.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-table-cell.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(\n--spectrum-table-regular-cell-padding-left\n);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(\n--spectrum-table-regular-cell-padding-left\n)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host(.is-focused){outline:none}:host(.is-focused),:host(:focus-visible){outline:none}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{right:0}:host(.focus-visible):before,:host(.is-focused):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host(.is-focused):before,:host(:focus-visible):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(\n--spectrum-table-regular-divider-border-size\n)}:host([dir=rtl]) .divider{border-left-width:var(\n--spectrum-table-regular-divider-border-size\n)}:host(.focus-visible):before,:host(.is-focused):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.is-focused):before,:host(:focus-visible):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .divider{border-right-style:solid}:host([dir=rtl]) .divider{border-left-style:solid}:host([dir=ltr]) .divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}\n`;\nexport default styles;"],
-  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBf,eAAe;",
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-cell-padding-left);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(--spectrum-table-regular-cell-padding-left)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host(:focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(--spectrum-table-regular-divider-border-size)}:host([dir=rtl]) .divider{border-left-width:var(--spectrum-table-regular-divider-border-size)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .divider{border-right-style:solid}:host([dir=rtl]) .divider{border-left-style:solid}:host([dir=ltr]) .divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBf,eAAe;",
   "names": []
 }

package/src/spectrum-table-cell.css.js

@@ -1,15 +1,9 @@
 "use strict";import{css as e}from"@spectrum-web-components/base";const r=e`
-:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(
---spectrum-table-regular-cell-padding-left
-);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(
---spectrum-table-regular-cell-padding-left
-)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host(.is-focused){outline:none}:host(.is-focused),:host(:focus-visible){outline:none}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{right:0}:host(.focus-visible):before,:host(.is-focused):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host(.is-focused):before,:host(:focus-visible):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(
---spectrum-table-regular-divider-border-size
-)}:host([dir=rtl]) .divider{border-left-width:var(
---spectrum-table-regular-divider-border-size
-)}:host(.focus-visible):before,:host(.is-focused):before{box-shadow:inset 0 0 0 2px var(
+:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-cell-padding-left);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(--spectrum-table-regular-cell-padding-left)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host(:focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:"";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(--spectrum-table-regular-divider-border-size)}:host([dir=rtl]) .divider{border-left-width:var(--spectrum-table-regular-divider-border-size)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
 --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
-)}:host(.is-focused):before,:host(:focus-visible):before{box-shadow:inset 0 0 0 2px var(
+)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
+--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
+)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(
 --spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)
 )}:host{background-color:var(
 --spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)

package/src/spectrum-table-cell.css.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["spectrum-table-cell.css.ts"],
-  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(\n--spectrum-table-regular-cell-padding-left\n);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(\n--spectrum-table-regular-cell-padding-left\n)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host(.is-focused){outline:none}:host(.is-focused),:host(:focus-visible){outline:none}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{right:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr].focus-visible):before{left:0}:host([dir=ltr]) .spectrum-Table-cell.is-focused:before,:host([dir=ltr]:focus-visible):before{left:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl].focus-visible):before{right:0}:host([dir=rtl]) .spectrum-Table-cell.is-focused:before,:host([dir=rtl]:focus-visible):before{right:0}:host(.focus-visible):before,:host(.is-focused):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host(.is-focused):before,:host(:focus-visible):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(\n--spectrum-table-regular-divider-border-size\n)}:host([dir=rtl]) .divider{border-left-width:var(\n--spectrum-table-regular-divider-border-size\n)}:host(.focus-visible):before,:host(.is-focused):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.is-focused):before,:host(:focus-visible):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .divider{border-right-style:solid}:host([dir=rtl]) .divider{border-left-style:solid}:host([dir=ltr]) .divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}\n`;\nexport default styles;"],
-  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBf,eAAeC",
+  "sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([align=center]){text-align:center}:host([dir=ltr][align=end]){text-align:right}:host([dir=rtl][align=end]){text-align:left}:host([dir=ltr]){padding-left:var(--spectrum-table-regular-cell-padding-left);padding-right:var(--spectrum-table-regular-cell-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-padding-right);padding-right:var(--spectrum-table-regular-cell-padding-left)}:host{box-sizing:border-box;font-size:var(--spectrum-table-regular-cell-text-size);font-weight:var(--spectrum-table-regular-cell-text-font-weight);line-height:var(--spectrum-table-regular-cell-text-line-height);min-height:calc(var(--spectrum-table-regular-cell-min-height) - var(--spectrum-table-regular-cell-padding-top) - var(--spectrum-table-regular-cell-padding-bottom));padding-bottom:var(--spectrum-table-regular-cell-padding-bottom);padding-top:var(--spectrum-table-regular-cell-padding-top)}:host{position:relative}:host(.focus-visible),:host([focused]){outline:none}:host(.focus-visible),:host([focused]){outline:none}:host(:focus-visible),:host([focused]){outline:none}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr].focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=ltr]:focus-visible):before,:host([dir=ltr][focused]):before{left:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl].focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host([dir=rtl]:focus-visible):before,:host([dir=rtl][focused]):before{right:0}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host(.focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host(:focus-visible):before,:host([focused]):before{border-radius:calc(var(--spectrum-table-regular-cell-border-radius-key-focus) - 1px);bottom:0;content:\"\";position:absolute;top:0;z-index:1}:host([dir=ltr]) .divider{border-right-width:var(--spectrum-table-regular-divider-border-size)}:host([dir=rtl]) .divider{border-left-width:var(--spectrum-table-regular-divider-border-size)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(.focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host(:focus-visible):before,:host([focused]):before{box-shadow:inset 0 0 0 2px var(\n--spectrum-table-m-regular-cell-border-color-key-focus,var(--spectrum-alias-border-color-key-focus)\n)}:host{background-color:var(\n--spectrum-table-m-regular-cell-background-color,var(--spectrum-alias-background-color-transparent)\n);color:var(\n--spectrum-table-m-regular-cell-text-color,var(--spectrum-alias-text-color)\n)}:host([dir=ltr]) .divider{border-right-style:solid}:host([dir=rtl]) .divider{border-left-style:solid}:host([dir=ltr]) .divider{border-right-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}:host([dir=rtl]) .divider{border-left-color:var(\n--spectrum-table-m-regular-divider-border-color,var(--spectrum-alias-border-color-mid)\n)}\n`;\nexport default styles;"],
+  "mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBf,eAAeC",
   "names": ["css", "styles"]
 }

package/src/spectrum-table-checkbox-cell.css.dev.js

@@ -1,11 +1,7 @@
 "use strict";
 import { css } from "@spectrum-web-components/base";
 const styles = css`
-:host([dir=ltr]){padding-right:var(
---spectrum-table-regular-cell-checkbox-padding-right
-)}:host([dir=rtl]){padding-left:var(
---spectrum-table-regular-cell-checkbox-padding-right
-)}:host{padding-bottom:0;padding-top:0;vertical-align:var(
+:host([dir=ltr]){padding-right:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host([dir=rtl]){padding-left:var(--spectrum-table-regular-cell-checkbox-padding-right)}:host{padding-bottom:0;padding-top:0;vertical-align:var(
 --spectrum-table-regular-cell-checkbox-vertical-alignment
 )}.checkbox{vertical-align:super}
 `;