@spectrum-web-components/menu 0.0.0-20241209155954

package/src/spectrum-config.js

@@ -0,0 +1,652 @@
+/*
+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;

package/src/spectrum-menu-divider.css.d.ts

@@ -0,0 +1,2 @@
+declare const styles: import("@spectrum-web-components/base").CSSResult;
+export default styles;

package/src/spectrum-menu-divider.css.dev.js

@@ -0,0 +1,7 @@
+"use strict";
+import { css } from "@spectrum-web-components/base";
+const styles = css`
+    :host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(--mod-menu-section-divider-margin-block,max(0px,( var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2));margin-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));overflow:visible}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(--mod-menu-item-focus-indicator-width,var(--spectrum-menu-item-focus-indicator-width))*1)0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)));box-shadow:inset calc(var(--mod-menu-item-focus-indicator-width,var(--spectrum-menu-item-focus-indicator-width))*var(--spectrum-menu-item-focus-indicator-direction-scalar,1))0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)))}.spectrum-Menu-back{padding-inline:0 var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}
+`;
+export default styles;
+//# sourceMappingURL=spectrum-menu-divider.css.dev.js.map

package/src/spectrum-menu-divider.css.dev.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["spectrum-menu-divider.css.ts"],
+  "sourcesContent": ["/*\nCopyright 2024 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{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(--mod-menu-section-divider-margin-block,max(0px,( var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2));margin-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));overflow:visible}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(--mod-menu-item-focus-indicator-width,var(--spectrum-menu-item-focus-indicator-width))*1)0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)));box-shadow:inset calc(var(--mod-menu-item-focus-indicator-width,var(--spectrum-menu-item-focus-indicator-width))*var(--spectrum-menu-item-focus-indicator-direction-scalar,1))0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)))}.spectrum-Menu-back{padding-inline:0 var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}\n`;\nexport default styles;"],
+  "mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
+  "names": []
+}

package/src/spectrum-menu-divider.css.js

@@ -0,0 +1,4 @@
+"use strict";import{css as e}from"@spectrum-web-components/base";const i=e`
+    :host{--spectrum-menu-divider-thickness:var(--spectrum-divider-thickness-medium);inline-size:auto;margin-block:var(--mod-menu-section-divider-margin-block,max(0px,( var(--spectrum-menu-item-section-divider-height) - var(--spectrum-menu-divider-thickness))/2));margin-inline:var(--mod-menu-item-label-inline-edge-to-content,var(--spectrum-menu-item-label-inline-edge-to-content));overflow:visible}.spectrum-Menu-back:focus-visible{box-shadow:inset calc(var(--mod-menu-item-focus-indicator-width,var(--spectrum-menu-item-focus-indicator-width))*1)0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)));box-shadow:inset calc(var(--mod-menu-item-focus-indicator-width,var(--spectrum-menu-item-focus-indicator-width))*var(--spectrum-menu-item-focus-indicator-direction-scalar,1))0 0 0 var(--highcontrast-menu-item-focus-indicator-color,var(--mod-menu-item-focus-indicator-color,var(--spectrum-menu-item-focus-indicator-color)))}.spectrum-Menu-back{padding-inline:0 var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-inline:var(--mod-menu-back-padding-inline-start,0)var(--mod-menu-back-padding-inline-end,var(--spectrum-menu-item-label-inline-edge-to-content));padding-block:0;padding-block:var(--mod-menu-back-padding-block-start,0)var(--mod-menu-back-padding-block-end,0);flex-flow:wrap;align-items:center;display:flex}.spectrum-Menu-backButton{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline-flex}.spectrum-Menu-backButton:focus-visible{outline:var(--spectrum-focus-indicator-thickness)solid var(--spectrum-focus-indicator-color);outline-offset:calc((var(--spectrum-focus-indicator-thickness) + 1px)*-1)}.spectrum-Menu-backHeading{color:var(--highcontrast-menu-item-color-default,var(--mod-menu-back-heading-color,var(--spectrum-menu-section-header-color)));font-size:var(--mod-menu-section-header-font-size,var(--spectrum-menu-section-header-font-size));font-weight:var(--mod-menu-section-header-font-weight,var(--spectrum-menu-section-header-font-weight));line-height:var(--mod-menu-section-header-line-height,var(--spectrum-menu-section-header-line-height));display:block}
+`;export default i;
+//# sourceMappingURL=spectrum-menu-divider.css.js.map