@spectrum-web-components/theme 0.11.2-slim.30 → 0.12.0

package/custom-elements.json

@@ -71,6 +71,23 @@
               "static": true,
               "default": "new Set()"
             },
+            {
+              "kind": "field",
+              "name": "_dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | ''"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "\"ltr\" | \"rtl\" | \"\""
+              },
+              "description": "Reading direction of the content scoped to this `sp-theme` element.",
+              "attribute": "dir"
+            },
             {
               "kind": "field",
               "name": "shadowRoot",
@@ -92,8 +109,10 @@
               "kind": "field",
               "name": "theme",
               "type": {
-                "text": "ThemeVariant | ''"
-              }
+                "text": "\"spectrum\" | \"express\" | \"\""
+              },
+              "description": "The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
+              "attribute": "theme"
             },
             {
               "kind": "field",
@@ -108,8 +127,10 @@
               "kind": "field",
               "name": "color",
               "type": {
-                "text": "Color | ''"
-              }
+                "text": "\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\""
+              },
+              "description": "The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
+              "attribute": "color"
             },
             {
               "kind": "field",
@@ -124,8 +145,10 @@
               "kind": "field",
               "name": "scale",
               "type": {
-                "text": "Scale | ''"
-              }
+                "text": "\"medium\" | \"large\" | \"\""
+              },
+              "description": "The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
+              "attribute": "scale"
             },
             {
               "kind": "field",
@@ -180,14 +203,6 @@
                 }
               ]
             },
-            {
-              "kind": "field",
-              "name": "observer",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "startManagingContentDirection",
@@ -329,16 +344,44 @@
           ],
           "attributes": [
             {
-              "name": "color"
+              "name": "color",
+              "type": {
+                "text": "\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\""
+              },
+              "description": "The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
+              "fieldName": "color"
+            },
+            {
+              "name": "scale",
+              "type": {
+                "text": "\"medium\" | \"large\" | \"\""
+              },
+              "description": "The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
+              "fieldName": "scale"
             },
             {
-              "name": "scale"
+              "name": "theme",
+              "type": {
+                "text": "\"spectrum\" | \"express\" | \"\""
+              },
+              "description": "The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
+              "fieldName": "theme"
             },
             {
-              "name": "theme"
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.",
+              "default": "\"\""
             },
             {
-              "name": "lang"
+              "name": "dir",
+              "type": {
+                "text": "\"ltr\" | \"rtl\" | \"\""
+              },
+              "description": "Reading direction of the content scoped to this `sp-theme` element.",
+              "fieldName": "dir"
             }
           ],
           "superclass": {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/theme",
-    "version": "0.11.2-slim.30+c71efb901",
+    "version": "0.12.0",
     "publishConfig": {
         "access": "public"
     },
@@ -60,8 +60,8 @@
         "lit-html"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "^0.5.6",
-        "@spectrum-web-components/styles": "^0.13.2-slim.30+c71efb901",
+        "@spectrum-web-components/base": "^0.5.8",
+        "@spectrum-web-components/styles": "^0.15.0",
         "tslib": "^2.0.0"
     },
     "types": "./src/index.d.ts",
@@ -77,5 +77,5 @@
         "./src/express/core.js",
         "./src/express/themes.js"
     ],
-    "gitHead": "c71efb901d48037f76afdd4a1cd23f0ab07223b1"
+    "gitHead": "3be62133721efba844cd7032566a2c49ed6d9875"
 }

package/src/Theme.d.ts

@@ -39,6 +39,7 @@ export interface ProvideLang {
 }
 /**
  * @element sp-theme
+ * @attr {string} [lang=""] - The language of the content scoped to this `sp-theme` element, see: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang" target="_blank">MDN reference</a>.
  *
  * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration
  */
@@ -48,16 +49,45 @@ export declare class Theme extends HTMLElement implements ThemeKindProvider {
     private static templateElement?;
     private static instances;
     static get observedAttributes(): string[];
-    protected attributeChangedCallback(attrName: SettableFragmentTypes | 'lang', old: string | null, value: string | null): void;
+    _dir: 'ltr' | 'rtl' | '';
+    set dir(dir: 'ltr' | 'rtl' | '');
+    /**
+     * Reading direction of the content scoped to this `sp-theme` element.
+     * @type {"ltr" | "rtl" | ""}
+     * @attr
+     */
+    get dir(): 'ltr' | 'rtl' | '';
+    protected attributeChangedCallback(attrName: SettableFragmentTypes | 'lang' | 'dir', old: string | null, value: string | null): void;
     private requestUpdate;
     shadowRoot: ShadowRootWithAdoptedStyleSheets;
     private _theme;
+    /**
+     * The Spectrum theme that is applied to the content scoped to this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"spectrum" | "express" | ""}
+     * @attr
+     */
     get theme(): ThemeVariant | '';
     set theme(newValue: ThemeVariant | '');
     private _color;
+    /**
+     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"lightest" | "light" | "dark" | "darkest" | ""}
+     * @attr
+     */
     get color(): Color | '';
     set color(newValue: Color | '');
     private _scale;
+    /**
+     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"medium" | "large" | ""}
+     * @attr
+     */
     get scale(): Scale | '';
     set scale(newValue: Scale | '');
     private get styles();
@@ -69,7 +99,6 @@ export declare class Theme extends HTMLElement implements ThemeKindProvider {
     private onQueryTheme;
     protected connectedCallback(): void;
     protected disconnectedCallback(): void;
-    private observer;
     startManagingContentDirection(el: HTMLElement): void;
     stopManagingContentDirection(el: HTMLElement): void;
     private trackedChildren;

package/src/Theme.js

@@ -24,12 +24,14 @@ const ColorValues = [
 ];
 /**
  * @element sp-theme
+ * @attr {string} [lang=""] - The language of the content scoped to this `sp-theme` element, see: <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang" target="_blank">MDN reference</a>.
  *
  * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration
  */
 export class Theme extends HTMLElement {
     constructor() {
         super();
+        this._dir = '';
         this._theme = 'spectrum';
         this._color = '';
         this._scale = '';
@@ -45,7 +47,25 @@ export class Theme extends HTMLElement {
         this.updateComplete = this.__createDeferredPromise();
     }
     static get observedAttributes() {
-        return ['color', 'scale', 'theme', 'lang'];
+        return ['color', 'scale', 'theme', 'lang', 'dir'];
+    }
+    set dir(dir) {
+        if (dir === this.dir)
+            return;
+        this.setAttribute('dir', dir);
+        this._dir = dir;
+        const targetDir = dir === 'rtl' ? dir : 'ltr';
+        this.trackedChildren.forEach((el) => {
+            el.setAttribute('dir', targetDir);
+        });
+    }
+    /**
+     * Reading direction of the content scoped to this `sp-theme` element.
+     * @type {"ltr" | "rtl" | ""}
+     * @attr
+     */
+    get dir() {
+        return this._dir;
     }
     attributeChangedCallback(attrName, old, value) {
         if (old === value) {
@@ -64,6 +84,9 @@ export class Theme extends HTMLElement {
         else if (attrName === 'theme') {
             this.theme = value;
         }
+        else if (attrName === 'dir') {
+            this.dir = value;
+        }
     }
     requestUpdate() {
         if (window.ShadyCSS !== undefined && !window.ShadyCSS.nativeShadow) {
@@ -73,6 +96,13 @@ export class Theme extends HTMLElement {
             this.shouldAdoptStyles();
         }
     }
+    /**
+     * The Spectrum theme that is applied to the content scoped to this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"spectrum" | "express" | ""}
+     * @attr
+     */
     get theme() {
         const themeFragments = Theme.themeFragmentsByKind.get('theme');
         const { name } = (themeFragments && themeFragments.get('default')) || {};
@@ -95,6 +125,13 @@ export class Theme extends HTMLElement {
             this.removeAttribute('theme');
         }
     }
+    /**
+     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"lightest" | "light" | "dark" | "darkest" | ""}
+     * @attr
+     */
     get color() {
         const themeFragments = Theme.themeFragmentsByKind.get('color');
         const { name } = (themeFragments && themeFragments.get('default')) || {};
@@ -117,6 +154,13 @@ export class Theme extends HTMLElement {
             this.removeAttribute('color');
         }
     }
+    /**
+     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.
+     *
+     * A value is requried.
+     * @type {"medium" | "large" | ""}
+     * @attr
+     */
     get scale() {
         const themeFragments = Theme.themeFragmentsByKind.get('scale');
         const { name } = (themeFragments && themeFragments.get('default')) || {};
@@ -205,19 +249,6 @@ export class Theme extends HTMLElement {
         }
         // Add `this` to the instances array.
         Theme.instances.add(this);
-        const manageDir = () => {
-            const { dir } = this;
-            this.trackedChildren.forEach((el) => {
-                el.setAttribute('dir', dir === 'rtl' ? dir : 'ltr');
-            });
-        };
-        if (!this.observer) {
-            this.observer = new MutationObserver(manageDir);
-        }
-        this.observer.observe(this, {
-            attributes: true,
-            attributeFilter: ['dir'],
-        });
         if (!this.hasAttribute('dir')) {
             let dirParent = (this.assignedSlot ||
                 this.parentNode);
@@ -229,12 +260,10 @@ export class Theme extends HTMLElement {
             }
             this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';
         }
-        requestAnimationFrame(() => manageDir());
     }
     disconnectedCallback() {
         // Remove `this` to the instances array.
         Theme.instances.delete(this);
-        this.observer.disconnect();
     }
     startManagingContentDirection(el) {
         this.trackedChildren.add(el);

package/src/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sourceRoot":"","sources":["Theme.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 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*/\n\nimport {\n    CSSResult,\n    CSSResultGroup,\n    supportsAdoptingStyleSheets,\n} from '@spectrum-web-components/base';\n\ndeclare global {\n    interface Window {\n        ShadyCSS: {\n            nativeShadow: boolean;\n            prepareTemplate(\n                template: HTMLTemplateElement,\n                elementName: string,\n                typeExtension?: string\n            ): void;\n            styleElement(host: HTMLElement): void;\n            ScopingShim: {\n                prepareAdoptedCssText(\n                    cssTextArray: string[],\n                    elementName: string\n                ): void;\n            };\n        };\n    }\n}\n\ntype ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {\n    adoptedStyleSheets?: CSSStyleSheet[];\n};\n\ntype FragmentType = 'color' | 'scale' | 'theme' | 'core' | 'app';\ntype SettableFragmentTypes = 'color' | 'scale' | 'theme';\ntype FragmentMap = Map<string, { name: string; styles: CSSResultGroup }>;\nexport type ThemeFragmentMap = Map<FragmentType, FragmentMap>;\nexport type Color =\n    | 'light'\n    | 'lightest'\n    | 'dark'\n    | 'darkest'\n    | 'light-express'\n    | 'lightest-express'\n    | 'dark-express'\n    | 'darkest-express';\nexport type Scale = 'medium' | 'large' | 'medium-express' | 'large-express';\nexport type ThemeVariant = 'spectrum' | 'express';\nconst ThemeVariantValues = ['spectrum', 'express'];\nconst ScaleValues = ['medium', 'large', 'medium-express', 'large-express'];\nconst ColorValues = [\n    'light',\n    'lightest',\n    'dark',\n    'darkest',\n    'light-express',\n    'lightest-express',\n    'dark-express',\n    'darkest-express',\n];\ntype FragmentName = Color | Scale | ThemeVariant | 'core' | 'app';\n\nexport interface ThemeData {\n    color?: Color;\n    scale?: Scale;\n    lang?: string;\n    theme?: ThemeVariant;\n}\n\ntype ThemeKindProvider = {\n    [P in SettableFragmentTypes]: ThemeVariant | Color | Scale | '';\n};\n\nexport interface ProvideLang {\n    callback: (lang: string) => void;\n}\n\n/**\n * @element sp-theme\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'theme', 'lang'];\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'theme') {\n            this.theme = value as ThemeVariant;\n        }\n    }\n\n    private requestUpdate(): void {\n        if (window.ShadyCSS !== undefined && !window.ShadyCSS.nativeShadow) {\n            window.ShadyCSS.styleElement(this);\n        } else {\n            this.shouldAdoptStyles();\n        }\n    }\n\n    public shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _theme: ThemeVariant | '' = 'spectrum';\n\n    get theme(): ThemeVariant | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('theme');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._theme || (name as ThemeVariant) || '';\n    }\n\n    set theme(newValue: ThemeVariant | '') {\n        if (newValue === this._theme) return;\n        const theme =\n            !!newValue && ThemeVariantValues.includes(newValue)\n                ? newValue\n                : this.theme;\n        if (theme !== this._theme) {\n            this._theme = theme;\n            this.requestUpdate();\n        }\n        if (theme) {\n            this.setAttribute('theme', theme);\n        } else {\n            this.removeAttribute('theme');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && ColorValues.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && ScaleValues.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'theme' && this.theme === 'express'\n                    ? fragments.get(`${name}-express`)\n                    : fragments.get(name);\n            // theme=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-query-theme',\n            this.onQueryTheme as EventListener\n        );\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (compelted: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    private onQueryTheme(event: CustomEvent<ThemeData>): void {\n        if (event.defaultPrevented) {\n            return;\n        }\n        event.preventDefault();\n        const { detail: theme } = event;\n        theme.color = this.color || undefined;\n        theme.scale = this.scale || undefined;\n        theme.lang =\n            this.lang || document.documentElement.lang || navigator.language;\n        theme.theme = this.theme || undefined;\n    }\n\n    protected connectedCallback(): void {\n        this.shouldAdoptStyles();\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        /* c8 ignore next 3 */\n        if (window.ShadyCSS !== undefined) {\n            window.ShadyCSS.styleElement(this);\n        }\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        const manageDir = (): void => {\n            const { dir } = this;\n            this.trackedChildren.forEach((el) => {\n                el.setAttribute('dir', dir === 'rtl' ? dir : 'ltr');\n            });\n        };\n        if (!this.observer) {\n            this.observer = new MutationObserver(manageDir);\n        }\n        this.observer.observe(this, {\n            attributes: true,\n            attributeFilter: ['dir'],\n        });\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\n            ) {\n                dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                    dirParent.parentNode || // DOM Element detected\n                    (dirParent as ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n        requestAnimationFrame(() => manageDir());\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n        this.observer.disconnect();\n    }\n\n    private observer!: MutationObserver;\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles; // No test coverage on Edge\n\n        // There are three separate cases here based on Shadow DOM support.\n        // (1) shadowRoot polyfilled: use ShadyCSS\n        // (2) shadowRoot.adoptedStyleSheets available: use it.\n        // (3) shadowRoot.adoptedStyleSheets polyfilled: append styles after\n        // rendering\n        /* c8 ignore next */ if (\n            window.ShadyCSS !== undefined &&\n            !window.ShadyCSS.nativeShadow &&\n            window.ShadyCSS.ScopingShim\n        ) {\n            // For browsers using the shim, there seems to be one set of\n            // processed styles per template, so it is hard to nest styles. So,\n            // for those, we load in all style fragments and then switch using a\n            // host selector (e.g. :host([color='dark']))\n            const fragmentCSS: string[] = [];\n            for (const [kind, fragments] of Theme.themeFragmentsByKind) {\n                for (const [name, { styles }] of fragments) {\n                    if (name === 'default') continue;\n                    let cssText = (styles as CSSResult).cssText;\n                    if (!Theme.defaultFragments.has(name as FragmentName)) {\n                        cssText = cssText.replace(\n                            ':host',\n                            `:host([${kind}='${name}'])`\n                        );\n                    }\n                    fragmentCSS.push(cssText);\n                }\n            }\n            window.ShadyCSS.ScopingShim.prepareAdoptedCssText(\n                fragmentCSS,\n                this.localName\n            );\n            window.ShadyCSS.prepareTemplate(Theme.template, this.localName);\n        } else if (supportsAdoptingStyleSheets) {\n            const styleSheets: CSSStyleSheet[] = [];\n            for (const style of styles) {\n                styleSheets.push(\n                    (style as CSSResult).styleSheet as CSSStyleSheet\n                );\n            }\n            this.shadowRoot.adoptedStyleSheets = styleSheets;\n        } else {\n            const styleNodes = this.shadowRoot.querySelectorAll('style');\n            styleNodes.forEach((element) => element.remove());\n            styles.forEach((s) => {\n                const style = document.createElement('style');\n                style.textContent = (s as CSSResult).cssText;\n                this.shadowRoot.appendChild(style);\n            });\n        }\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<HTMLElement, ProvideLang['callback']>();\n\n    private _provideContext(): void {\n        this._contextConsumers.forEach((consume) => consume(this.lang));\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        const target = event.composedPath()[0] as HTMLElement;\n        if (this._contextConsumers.has(target)) {\n            this._contextConsumers.delete(target);\n        } else {\n            this._contextConsumers.set(target, event.detail.callback);\n            const callback = this._contextConsumers.get(target);\n            if (callback) {\n                callback(\n                    this.lang ||\n                        document.documentElement.lang ||\n                        navigator.language\n                );\n            }\n        }\n    }\n}\n"]}
+{"version":3,"file":"Theme.js","sourceRoot":"","sources":["Theme.ts"],"names":[],"mappings":"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","sourcesContent":["/*\nCopyright 2020 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*/\n\nimport {\n    CSSResult,\n    CSSResultGroup,\n    supportsAdoptingStyleSheets,\n} from '@spectrum-web-components/base';\n\ndeclare global {\n    interface Window {\n        ShadyCSS: {\n            nativeShadow: boolean;\n            prepareTemplate(\n                template: HTMLTemplateElement,\n                elementName: string,\n                typeExtension?: string\n            ): void;\n            styleElement(host: HTMLElement): void;\n            ScopingShim: {\n                prepareAdoptedCssText(\n                    cssTextArray: string[],\n                    elementName: string\n                ): void;\n            };\n        };\n    }\n}\n\ntype ShadowRootWithAdoptedStyleSheets = HTMLElement['shadowRoot'] & {\n    adoptedStyleSheets?: CSSStyleSheet[];\n};\n\ntype FragmentType = 'color' | 'scale' | 'theme' | 'core' | 'app';\ntype SettableFragmentTypes = 'color' | 'scale' | 'theme';\ntype FragmentMap = Map<string, { name: string; styles: CSSResultGroup }>;\nexport type ThemeFragmentMap = Map<FragmentType, FragmentMap>;\nexport type Color =\n    | 'light'\n    | 'lightest'\n    | 'dark'\n    | 'darkest'\n    | 'light-express'\n    | 'lightest-express'\n    | 'dark-express'\n    | 'darkest-express';\nexport type Scale = 'medium' | 'large' | 'medium-express' | 'large-express';\nexport type ThemeVariant = 'spectrum' | 'express';\nconst ThemeVariantValues = ['spectrum', 'express'];\nconst ScaleValues = ['medium', 'large', 'medium-express', 'large-express'];\nconst ColorValues = [\n    'light',\n    'lightest',\n    'dark',\n    'darkest',\n    'light-express',\n    'lightest-express',\n    'dark-express',\n    'darkest-express',\n];\ntype FragmentName = Color | Scale | ThemeVariant | 'core' | 'app';\n\nexport interface ThemeData {\n    color?: Color;\n    scale?: Scale;\n    lang?: string;\n    theme?: ThemeVariant;\n}\n\ntype ThemeKindProvider = {\n    [P in SettableFragmentTypes]: ThemeVariant | Color | Scale | '';\n};\n\nexport interface ProvideLang {\n    callback: (lang: string) => void;\n}\n\n/**\n * @element sp-theme\n * @attr {string} [lang=\"\"] - The language of the content scoped to this `sp-theme` element, see: <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/lang\" target=\"_blank\">MDN reference</a>.\n *\n * @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration\n */\nexport class Theme extends HTMLElement implements ThemeKindProvider {\n    private static themeFragmentsByKind: ThemeFragmentMap = new Map();\n    private static defaultFragments: Set<FragmentName> = new Set(['spectrum']);\n    private static templateElement?: HTMLTemplateElement;\n    private static instances: Set<Theme> = new Set();\n\n    static get observedAttributes(): string[] {\n        return ['color', 'scale', 'theme', 'lang', 'dir'];\n    }\n\n    _dir: 'ltr' | 'rtl' | '' = '';\n\n    override set dir(dir: 'ltr' | 'rtl' | '') {\n        if (dir === this.dir) return;\n        this.setAttribute('dir', dir);\n        this._dir = dir;\n        const targetDir = dir === 'rtl' ? dir : 'ltr';\n        this.trackedChildren.forEach((el) => {\n            el.setAttribute('dir', targetDir);\n        });\n    }\n\n    /**\n     * Reading direction of the content scoped to this `sp-theme` element.\n     * @type {\"ltr\" | \"rtl\" | \"\"}\n     * @attr\n     */\n    override get dir(): 'ltr' | 'rtl' | '' {\n        return this._dir;\n    }\n\n    protected attributeChangedCallback(\n        attrName: SettableFragmentTypes | 'lang' | 'dir',\n        old: string | null,\n        value: string | null\n    ): void {\n        if (old === value) {\n            return;\n        }\n        if (attrName === 'color') {\n            this.color = value as Color;\n        } else if (attrName === 'scale') {\n            this.scale = value as Scale;\n        } else if (attrName === 'lang' && !!value) {\n            this.lang = value;\n            this._provideContext();\n        } else if (attrName === 'theme') {\n            this.theme = value as ThemeVariant;\n        } else if (attrName === 'dir') {\n            this.dir = value as 'ltr' | 'rtl' | '';\n        }\n    }\n\n    private requestUpdate(): void {\n        if (window.ShadyCSS !== undefined && !window.ShadyCSS.nativeShadow) {\n            window.ShadyCSS.styleElement(this);\n        } else {\n            this.shouldAdoptStyles();\n        }\n    }\n\n    public override shadowRoot!: ShadowRootWithAdoptedStyleSheets;\n\n    private _theme: ThemeVariant | '' = 'spectrum';\n\n    /**\n     * The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"spectrum\" | \"express\" | \"\"}\n     * @attr\n     */\n    get theme(): ThemeVariant | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('theme');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._theme || (name as ThemeVariant) || '';\n    }\n\n    set theme(newValue: ThemeVariant | '') {\n        if (newValue === this._theme) return;\n        const theme =\n            !!newValue && ThemeVariantValues.includes(newValue)\n                ? newValue\n                : this.theme;\n        if (theme !== this._theme) {\n            this._theme = theme;\n            this.requestUpdate();\n        }\n        if (theme) {\n            this.setAttribute('theme', theme);\n        } else {\n            this.removeAttribute('theme');\n        }\n    }\n\n    private _color: Color | '' = '';\n\n    /**\n     * The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\"}\n     * @attr\n     */\n    get color(): Color | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('color');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._color || (name as Color) || '';\n    }\n\n    set color(newValue: Color | '') {\n        if (newValue === this._color) return;\n        const color =\n            !!newValue && ColorValues.includes(newValue)\n                ? newValue\n                : this.color;\n        if (color !== this._color) {\n            this._color = color;\n            this.requestUpdate();\n        }\n        if (color) {\n            this.setAttribute('color', color);\n        } else {\n            this.removeAttribute('color');\n        }\n    }\n\n    private _scale: Scale | '' = '';\n\n    /**\n     * The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n     *\n     * A value is requried.\n     * @type {\"medium\" | \"large\" | \"\"}\n     * @attr\n     */\n    get scale(): Scale | '' {\n        const themeFragments = Theme.themeFragmentsByKind.get('scale');\n        const { name } =\n            (themeFragments && themeFragments.get('default')) || {};\n        return this._scale || (name as Scale) || '';\n    }\n\n    set scale(newValue: Scale | '') {\n        if (newValue === this._scale) return;\n        const scale =\n            !!newValue && ScaleValues.includes(newValue)\n                ? newValue\n                : this.scale;\n        if (scale !== this._scale) {\n            this._scale = scale;\n            this.requestUpdate();\n        }\n        if (scale) {\n            this.setAttribute('scale', scale);\n        } else {\n            this.removeAttribute('scale');\n        }\n    }\n\n    private get styles(): CSSResultGroup[] {\n        const themeKinds: FragmentType[] = [\n            ...Theme.themeFragmentsByKind.keys(),\n        ];\n        const getStyle = (\n            fragments: FragmentMap,\n            name: FragmentName,\n            kind?: FragmentType\n        ): CSSResultGroup | undefined => {\n            const currentStyles =\n                kind && kind !== 'theme' && this.theme === 'express'\n                    ? fragments.get(`${name}-express`)\n                    : fragments.get(name);\n            // theme=\"spectrum\" is available by default and doesn't need to be applied.\n            const isAppliedFragment =\n                name === 'spectrum' || !kind || this.hasAttribute(kind);\n            if (currentStyles && isAppliedFragment) {\n                return currentStyles.styles;\n            }\n            return;\n        };\n        const styles = themeKinds.reduce((acc, kind) => {\n            const kindFragments = Theme.themeFragmentsByKind.get(\n                kind\n            ) as FragmentMap;\n            let style: CSSResultGroup | undefined;\n            if (kind === 'app' || kind === 'core') {\n                style = getStyle(kindFragments, kind);\n            } else {\n                const { [kind]: name } = this;\n                style = getStyle(kindFragments, <FragmentName>name, kind);\n            }\n            if (style) {\n                acc.push(style);\n            }\n            return acc;\n        }, [] as CSSResultGroup[]);\n        return [...styles];\n    }\n\n    private static get template(): HTMLTemplateElement {\n        if (!this.templateElement) {\n            this.templateElement = document.createElement('template');\n            this.templateElement.innerHTML = '<slot></slot>';\n        }\n        return this.templateElement;\n    }\n\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const node = document.importNode(Theme.template.content, true);\n        this.shadowRoot.appendChild(node);\n        this.shouldAdoptStyles();\n        this.addEventListener(\n            'sp-query-theme',\n            this.onQueryTheme as EventListener\n        );\n        this.addEventListener(\n            'sp-language-context',\n            this._handleContextPresence as EventListener\n        );\n        this.updateComplete = this.__createDeferredPromise();\n    }\n\n    public updateComplete!: Promise<boolean>;\n    private __resolve!: (compelted: boolean) => void;\n\n    private __createDeferredPromise(): Promise<boolean> {\n        return new Promise((resolve) => {\n            this.__resolve = resolve;\n        });\n    }\n\n    private onQueryTheme(event: CustomEvent<ThemeData>): void {\n        if (event.defaultPrevented) {\n            return;\n        }\n        event.preventDefault();\n        const { detail: theme } = event;\n        theme.color = this.color || undefined;\n        theme.scale = this.scale || undefined;\n        theme.lang =\n            this.lang || document.documentElement.lang || navigator.language;\n        theme.theme = this.theme || undefined;\n    }\n\n    protected connectedCallback(): void {\n        this.shouldAdoptStyles();\n        // Note, first update/render handles styleElement so we only call this if\n        // connected after first update.\n        /* c8 ignore next 3 */\n        if (window.ShadyCSS !== undefined) {\n            window.ShadyCSS.styleElement(this);\n        }\n        // Add `this` to the instances array.\n        Theme.instances.add(this);\n        if (!this.hasAttribute('dir')) {\n            let dirParent = ((this as HTMLElement).assignedSlot ||\n                this.parentNode) as HTMLElement | DocumentFragment | ShadowRoot;\n            while (\n                dirParent !== document.documentElement &&\n                !(dirParent instanceof Theme)\n            ) {\n                dirParent = ((dirParent as HTMLElement).assignedSlot || // step into the shadow DOM of the parent of a slotted node\n                    dirParent.parentNode || // DOM Element detected\n                    (dirParent as ShadowRoot).host) as\n                    | HTMLElement\n                    | DocumentFragment\n                    | ShadowRoot;\n            }\n            this.dir = dirParent.dir === 'rtl' ? dirParent.dir : 'ltr';\n        }\n    }\n\n    protected disconnectedCallback(): void {\n        // Remove `this` to the instances array.\n        Theme.instances.delete(this);\n    }\n\n    public startManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.add(el);\n    }\n\n    public stopManagingContentDirection(el: HTMLElement): void {\n        this.trackedChildren.delete(el);\n    }\n\n    private trackedChildren: Set<HTMLElement> = new Set();\n\n    private _updateRequested = false;\n\n    private async shouldAdoptStyles(): Promise<void> {\n        if (!this._updateRequested) {\n            this.updateComplete = this.__createDeferredPromise();\n            this._updateRequested = true;\n            this._updateRequested = await false;\n            this.adoptStyles();\n            this.__resolve(true);\n        }\n    }\n\n    protected adoptStyles(): void {\n        const styles = this.styles; // No test coverage on Edge\n\n        // There are three separate cases here based on Shadow DOM support.\n        // (1) shadowRoot polyfilled: use ShadyCSS\n        // (2) shadowRoot.adoptedStyleSheets available: use it.\n        // (3) shadowRoot.adoptedStyleSheets polyfilled: append styles after\n        // rendering\n        /* c8 ignore next */ if (\n            window.ShadyCSS !== undefined &&\n            !window.ShadyCSS.nativeShadow &&\n            window.ShadyCSS.ScopingShim\n        ) {\n            // For browsers using the shim, there seems to be one set of\n            // processed styles per template, so it is hard to nest styles. So,\n            // for those, we load in all style fragments and then switch using a\n            // host selector (e.g. :host([color='dark']))\n            const fragmentCSS: string[] = [];\n            for (const [kind, fragments] of Theme.themeFragmentsByKind) {\n                for (const [name, { styles }] of fragments) {\n                    if (name === 'default') continue;\n                    let cssText = (styles as CSSResult).cssText;\n                    if (!Theme.defaultFragments.has(name as FragmentName)) {\n                        cssText = cssText.replace(\n                            ':host',\n                            `:host([${kind}='${name}'])`\n                        );\n                    }\n                    fragmentCSS.push(cssText);\n                }\n            }\n            window.ShadyCSS.ScopingShim.prepareAdoptedCssText(\n                fragmentCSS,\n                this.localName\n            );\n            window.ShadyCSS.prepareTemplate(Theme.template, this.localName);\n        } else if (supportsAdoptingStyleSheets) {\n            const styleSheets: CSSStyleSheet[] = [];\n            for (const style of styles) {\n                styleSheets.push(\n                    (style as CSSResult).styleSheet as CSSStyleSheet\n                );\n            }\n            this.shadowRoot.adoptedStyleSheets = styleSheets;\n        } else {\n            const styleNodes = this.shadowRoot.querySelectorAll('style');\n            styleNodes.forEach((element) => element.remove());\n            styles.forEach((s) => {\n                const style = document.createElement('style');\n                style.textContent = (s as CSSResult).cssText;\n                this.shadowRoot.appendChild(style);\n            });\n        }\n    }\n\n    static registerThemeFragment(\n        name: FragmentName,\n        kind: FragmentType,\n        styles: CSSResultGroup\n    ): void {\n        const fragmentMap = Theme.themeFragmentsByKind.get(kind) || new Map();\n        if (fragmentMap.size === 0) {\n            Theme.themeFragmentsByKind.set(kind, fragmentMap);\n            // we're adding our first fragment for this kind, set as default\n            fragmentMap.set('default', { name, styles });\n            Theme.defaultFragments.add(name);\n        }\n        fragmentMap.set(name, { name, styles });\n        Theme.instances.forEach((instance) => instance.shouldAdoptStyles());\n    }\n\n    private _contextConsumers = new Map<HTMLElement, ProvideLang['callback']>();\n\n    private _provideContext(): void {\n        this._contextConsumers.forEach((consume) => consume(this.lang));\n    }\n\n    private _handleContextPresence(event: CustomEvent<ProvideLang>): void {\n        const target = event.composedPath()[0] as HTMLElement;\n        if (this._contextConsumers.has(target)) {\n            this._contextConsumers.delete(target);\n        } else {\n            this._contextConsumers.set(target, event.detail.callback);\n            const callback = this._contextConsumers.get(target);\n            if (callback) {\n                callback(\n                    this.lang ||\n                        document.documentElement.lang ||\n                        navigator.language\n                );\n            }\n        }\n    }\n}\n"]}

package/src/express/scale-large.css.js

@@ -137,9 +137,7 @@ const styles = css `
 --spectrum-global-dimension-static-size-150
 );--spectrum-alias-ui-icon-asterisk-size-300:var(
 --spectrum-global-dimension-static-size-150
-);--spectrum-alias-avatar-size-100:26px;--spectrum-alias-avatar-size-400:36px;--spectrum-alias-avatar-size-600:46px;--spectrum-actionbutton-m-texticon-padding-left:var(
---spectrum-global-dimension-static-size-150
-);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(
+);--spectrum-alias-avatar-size-100:26px;--spectrum-alias-avatar-size-400:36px;--spectrum-alias-avatar-size-600:46px;--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(
 --spectrum-global-dimension-static-size-85
 );--spectrum-badge-l-neutral-textonly-text-padding-top:var(
 --spectrum-global-dimension-static-size-150
@@ -189,7 +187,7 @@ const styles = css `
 --spectrum-global-dimension-static-size-150
 );--spectrum-tooltip-neutral-text-margin-bottom:var(
 --spectrum-global-dimension-static-size-85
-)}:host,:root{--spectrum-global-alias-appframe-border-size:1px}
+)}:host,:root{--spectrum-global-alias-appframe-border-size:1px}:host{--spectrum-component-pill-edge-to-visual-75:13px;--spectrum-component-pill-edge-to-visual-100:17px;--spectrum-component-pill-edge-to-visual-200:22px;--spectrum-component-pill-edge-to-visual-300:27px;--spectrum-component-pill-edge-to-visual-only-75:5px;--spectrum-component-pill-edge-to-visual-only-100:9px;--spectrum-component-pill-edge-to-visual-only-200:13px;--spectrum-component-pill-edge-to-visual-only-300:16px;--spectrum-component-pill-edge-to-text-75:15px;--spectrum-component-pill-edge-to-text-100:20px;--spectrum-component-pill-edge-to-text-200:25px;--spectrum-component-pill-edge-to-text-300:30px;--spectrum-component-edge-to-visual-50:7px;--spectrum-component-edge-to-visual-75:9px;--spectrum-component-edge-to-visual-100:12px;--spectrum-component-edge-to-visual-200:16px;--spectrum-component-edge-to-visual-300:19px;--spectrum-component-edge-to-visual-only-50:4px;--spectrum-component-edge-to-visual-only-75:5px;--spectrum-component-edge-to-visual-only-100:9px;--spectrum-component-edge-to-visual-only-200:13px;--spectrum-component-edge-to-visual-only-300:16px;--spectrum-component-edge-to-text-50:10px;--spectrum-component-edge-to-text-75:11px;--spectrum-component-edge-to-text-100:15px;--spectrum-component-edge-to-text-200:19px;--spectrum-component-edge-to-text-300:22px;--spectrum-component-height-50:26px;--spectrum-component-height-75:30px;--spectrum-component-height-100:40px;--spectrum-component-height-200:50px;--spectrum-component-height-300:60px;--spectrum-component-top-to-workflow-icon-50:4px;--spectrum-component-top-to-workflow-icon-75:5px;--spectrum-component-top-to-workflow-icon-100:9px;--spectrum-component-top-to-workflow-icon-200:13px;--spectrum-component-top-to-workflow-icon-300:16px;--spectrum-component-top-to-text-50:4px;--spectrum-component-top-to-text-75:5px;--spectrum-component-top-to-text-100:8px;--spectrum-component-top-to-text-200:12px;--spectrum-component-top-to-text-300:15px;--spectrum-component-bottom-to-text-50:6px;--spectrum-component-bottom-to-text-75:7px;--spectrum-component-bottom-to-text-100:11px;--spectrum-component-bottom-to-text-200:14px;--spectrum-component-bottom-to-text-300:18px;--spectrum-action-bar-height:56px;--spectrum-action-bar-top-to-item-counter:16px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-action-button-edge-to-hold-icon-medium:5px;--spectrum-action-button-edge-to-hold-icon-large:6px;--spectrum-action-button-edge-to-hold-icon-extra-large:7px;--spectrum-field-label-text-to-asterisk-small:5px;--spectrum-field-label-text-to-asterisk-medium:5px;--spectrum-field-label-text-to-asterisk-large:6px;--spectrum-field-label-text-to-asterisk-extra-large:6px;--spectrum-field-label-top-to-asterisk-small:11px;--spectrum-field-label-top-to-asterisk-medium:15px;--spectrum-field-label-top-to-asterisk-large:19px;--spectrum-field-label-top-to-asterisk-extra-large:24px;--spectrum-field-label-top-margin-small:0px;--spectrum-field-label-top-margin-medium:5px;--spectrum-field-label-top-margin-large:5px;--spectrum-field-label-top-margin-extra-large:5px;--spectrum-help-text-top-to-workflow-icon-small:5px;--spectrum-help-text-top-to-workflow-icon-medium:9px;--spectrum-help-text-top-to-workflow-icon-large:13px;--spectrum-help-text-top-to-workflow-icon-extra-large:16px;--spectrum-in-line-alert-minimum-width:360px;--spectrum-progress-bar-minimum-width:48px;--spectrum-progress-bar-maximum-width:768px;--spectrum-progress-bar-thickness-small:5px;--spectrum-progress-bar-thickness-medium:8px;--spectrum-progress-bar-thickness-large:10px;--spectrum-progress-bar-thickness-extra-large:13px;--spectrum-progress-circle-size-small:20px;--spectrum-progress-circle-size-medium:40px;--spectrum-progress-circle-size-large:80px;--spectrum-progress-circle-thickness-small:3px;--spectrum-progress-circle-thickness-medium:4px;--spectrum-progress-circle-thickness-large:5px;--spectrum-status-light-dot-size-small:8px;--spectrum-status-light-dot-size-medium:10px;--spectrum-status-light-dot-size-large:12px;--spectrum-status-light-dot-size-extra-large:12px;--spectrum-status-light-top-to-dot-small:11px;--spectrum-status-light-top-to-dot-medium:15px;--spectrum-status-light-top-to-dot-large:19px;--spectrum-status-light-top-to-dot-extra-large:24px;--spectrum-toast-height:56px;--spectrum-toast-top-to-workflow-icon:17px;--spectrum-toast-top-to-text:16px;--spectrum-toast-bottom-to-text:19px;--spectrum-tooltip-width:10px;--spectrum-tooltip-height:5px;--spectrum-tooltip-maximum-width:200px;--spectrum-font-size-50:13px;--spectrum-font-size-75:15px;--spectrum-font-size-100:17px;--spectrum-font-size-200:19px;--spectrum-font-size-300:22px;--spectrum-font-size-400:24px;--spectrum-font-size-500:27px;--spectrum-font-size-600:31px;--spectrum-font-size-700:34px;--spectrum-font-size-800:39px;--spectrum-font-size-900:44px;--spectrum-font-size-1000:49px;--spectrum-font-size-1100:55px;--spectrum-font-size-1200:62px;--spectrum-font-size-1300:70px;--spectrum-workflow-icon-size-50:18px;--spectrum-workflow-icon-size-75:20px;--spectrum-workflow-icon-size-100:22px;--spectrum-workflow-icon-size-200:24px;--spectrum-workflow-icon-size-300:28px;--spectrum-text-to-visual-50:8px;--spectrum-text-to-visual-75:9px;--spectrum-text-to-visual-100:10px;--spectrum-text-to-visual-200:11px;--spectrum-text-to-visual-300:13px;--spectrum-text-to-control-75:11px;--spectrum-text-to-control-100:13px;--spectrum-text-to-control-200:14px;--spectrum-text-to-control-300:16px}:host{--spectrum-edge-to-visual-only-75:5px;--spectrum-edge-to-visual-only-100:9px;--spectrum-edge-to-visual-only-200:13px;--spectrum-edge-to-visual-only-300:16px}:host{--spectrum-checkbox-control-size-small:18px;--spectrum-checkbox-control-size-medium:20px;--spectrum-checkbox-control-size-large:22px;--spectrum-checkbox-control-size-extra-large:26px;--spectrum-checkbox-top-to-control-small:6px;--spectrum-checkbox-top-to-control-medium:10px;--spectrum-checkbox-top-to-control-large:14px;--spectrum-checkbox-top-to-control-extra-large:17px;--spectrum-radio-button-control-size-small:18px;--spectrum-radio-button-control-size-medium:20px;--spectrum-radio-button-control-size-large:22px;--spectrum-radio-button-control-size-extra-large:26px;--spectrum-radio-button-top-to-control-small:6px;--spectrum-radio-button-top-to-control-medium:10px;--spectrum-radio-button-top-to-control-large:14px;--spectrum-radio-button-top-to-control-extra-large:17px;--spectrum-switch-control-width-small:32px;--spectrum-switch-control-width-medium:36px;--spectrum-switch-control-width-large:41px;--spectrum-switch-control-width-extra-large:46px;--spectrum-switch-control-height-small:18px;--spectrum-switch-control-height-medium:20px;--spectrum-switch-control-height-large:22px;--spectrum-switch-control-height-extra-large:26px;--spectrum-switch-top-to-control-small:6px;--spectrum-switch-top-to-control-medium:10px;--spectrum-switch-top-to-control-large:14px;--spectrum-switch-top-to-control-extra-large:17px;--spectrum-corner-radius-75:4px;--spectrum-corner-radius-100:8px;--spectrum-corner-radius-200:16px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:4px;--spectrum-drop-shadow-blur:16px}
 `;
 export default styles;
 //# sourceMappingURL=scale-large.css.js.map

package/src/express/scale-large.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"scale-large.css.js","sourceRoot":"","sources":["scale-large.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoLjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host,:root{--spectrum-global-dimension-scale-factor:1.25;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:3px;--spectrum-global-dimension-size-40:4px;--spectrum-global-dimension-size-50:5px;--spectrum-global-dimension-size-65:6px;--spectrum-global-dimension-size-75:8px;--spectrum-global-dimension-size-85:9px;--spectrum-global-dimension-size-100:10px;--spectrum-global-dimension-size-115:11px;--spectrum-global-dimension-size-125:13px;--spectrum-global-dimension-size-130:14px;--spectrum-global-dimension-size-150:15px;--spectrum-global-dimension-size-160:16px;--spectrum-global-dimension-size-175:18px;--spectrum-global-dimension-size-185:19px;--spectrum-global-dimension-size-200:20px;--spectrum-global-dimension-size-225:22px;--spectrum-global-dimension-size-250:25px;--spectrum-global-dimension-size-275:28px;--spectrum-global-dimension-size-300:30px;--spectrum-global-dimension-size-325:32px;--spectrum-global-dimension-size-350:35px;--spectrum-global-dimension-size-400:40px;--spectrum-global-dimension-size-450:45px;--spectrum-global-dimension-size-500:50px;--spectrum-global-dimension-size-550:56px;--spectrum-global-dimension-size-600:60px;--spectrum-global-dimension-size-650:65px;--spectrum-global-dimension-size-675:68px;--spectrum-global-dimension-size-700:70px;--spectrum-global-dimension-size-750:75px;--spectrum-global-dimension-size-800:80px;--spectrum-global-dimension-size-900:90px;--spectrum-global-dimension-size-1000:100px;--spectrum-global-dimension-size-1125:112px;--spectrum-global-dimension-size-1200:120px;--spectrum-global-dimension-size-1250:125px;--spectrum-global-dimension-size-1600:160px;--spectrum-global-dimension-size-1700:170px;--spectrum-global-dimension-size-1800:180px;--spectrum-global-dimension-size-2000:200px;--spectrum-global-dimension-size-2400:240px;--spectrum-global-dimension-size-2500:250px;--spectrum-global-dimension-size-3000:300px;--spectrum-global-dimension-size-3400:340px;--spectrum-global-dimension-size-3600:360px;--spectrum-global-dimension-size-4600:460px;--spectrum-global-dimension-size-5000:500px;--spectrum-global-dimension-size-6000:600px;--spectrum-global-dimension-font-size-25:12px;--spectrum-global-dimension-font-size-50:13px;--spectrum-global-dimension-font-size-75:15px;--spectrum-global-dimension-font-size-100:17px;--spectrum-global-dimension-font-size-150:18px;--spectrum-global-dimension-font-size-200:19px;--spectrum-global-dimension-font-size-300:22px;--spectrum-global-dimension-font-size-400:24px;--spectrum-global-dimension-font-size-500:27px;--spectrum-global-dimension-font-size-600:31px;--spectrum-global-dimension-font-size-700:34px;--spectrum-global-dimension-font-size-800:39px;--spectrum-global-dimension-font-size-900:44px;--spectrum-global-dimension-font-size-1000:49px;--spectrum-global-dimension-font-size-1100:55px;--spectrum-global-dimension-font-size-1200:62px;--spectrum-global-dimension-font-size-1300:70px;--spectrum-alias-item-text-padding-top-l:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-text-padding-bottom-s:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-item-workflow-padding-left-m:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-rounded-workflow-padding-left-m:17px;--spectrum-alias-item-rounded-workflow-padding-left-xl:27px;--spectrum-alias-item-mark-padding-top-m:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-item-mark-padding-bottom-m:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-item-mark-padding-left-m:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-control-1-size-l:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-control-1-size-xl:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-control-2-size-s:var(\n--spectrum-global-dimension-size-160\n);--spectrum-alias-item-control-3-height-s:var(\n--spectrum-global-dimension-size-160\n);--spectrum-alias-item-control-3-width-s:var(\n--spectrum-global-dimension-size-325\n);--spectrum-alias-item-control-3-width-m:var(\n--spectrum-global-dimension-static-size-450\n);--spectrum-alias-item-control-3-width-l:41px;--spectrum-alias-item-control-3-width-xl:46px;--spectrum-alias-item-mark-size-m:var(\n--spectrum-global-dimension-static-size-325\n);--spectrum-alias-component-focusring-border-radius:var(\n--spectrum-alias-focus-ring-border-radius-regular\n);--spectrum-alias-focus-ring-border-radius-small:var(\n--spectrum-global-dimension-size-75\n);--spectrum-alias-focus-ring-border-radius-regular:12px;--spectrum-alias-control-three-width-m:34px;--spectrum-alias-control-three-width-l:38px;--spectrum-alias-control-three-width-xl:var(\n--spectrum-global-dimension-static-size-550\n);--spectrum-alias-tag-text-padding-top-s:var(\n--spectrum-global-dimension-size-40\n);--spectrum-alias-tag-icon-size-l:var(\n--spectrum-global-dimension-static-size-275\n);--spectrum-alias-focus-ring-radius-default:var(\n--spectrum-global-dimension-static-size-115\n);--spectrum-alias-workflow-icon-size-l:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-alias-ui-icon-chevron-size-75:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-chevron-size-100:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-chevron-size-200:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-chevron-size-500:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-checkmark-size-50:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-75:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-100:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-checkmark-size-200:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-checkmark-size-500:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-checkmark-size-600:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-alias-ui-icon-dash-size-50:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-100:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-200:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-dash-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-dash-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-dash-size-500:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-dash-size-600:var(\n--spectrum-global-dimension-static-size-275\n);--spectrum-alias-ui-icon-cross-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-cross-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-cross-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-cross-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-75:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-arrow-size-100:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-arrow-size-200:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-500:var(\n--spectrum-global-dimension-static-size-275\n);--spectrum-alias-ui-icon-arrow-size-600:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-alias-ui-icon-cornertriangle-size-100:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-ui-icon-cornertriangle-size-300:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-asterisk-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-asterisk-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-avatar-size-100:26px;--spectrum-alias-avatar-size-400:36px;--spectrum-alias-avatar-size-600:46px;--spectrum-actionbutton-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-badge-l-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-button-m-primary-fill-texticon-padding-left:17px;--spectrum-button-l-primary-fill-textonly-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-button-xl-primary-fill-texticon-padding-left:27px;--spectrum-button-m-primary-outline-texticon-padding-left:17px;--spectrum-checkbox-l-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-dialog-confirm-title-text-size:var(\n--spectrum-alias-heading-xs-text-size\n);--spectrum-dialog-confirm-description-text-size:var(\n--spectrum-global-dimension-font-size-75\n);--spectrum-dialog-confirm-padding:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-helptext-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-helptext-m-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-helptext-xl-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-listitem-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-listitem-m-textthumbnail-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-picker-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-progressbar-s-border-radius:var(\n--spectrum-global-dimension-static-size-40\n);--spectrum-progressbar-m-border-radius:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-progressbar-xl-border-radius:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-progresscircle-s-border-size:3px;--spectrum-progresscircle-m-border-size:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-statuslight-s-info-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-statuslight-l-info-dot-size:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-statuslight-l-info-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-statuslight-xl-info-dot-size:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-tag-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-textfield-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-tooltip-neutral-text-margin-bottom:var(\n--spectrum-global-dimension-static-size-85\n)}:host,:root{--spectrum-global-alias-appframe-border-size:1px}\n`;\nexport default styles;"]}
+{"version":3,"file":"scale-large.css.js","sourceRoot":"","sources":["scale-large.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkLjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host,:root{--spectrum-global-dimension-scale-factor:1.25;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:3px;--spectrum-global-dimension-size-40:4px;--spectrum-global-dimension-size-50:5px;--spectrum-global-dimension-size-65:6px;--spectrum-global-dimension-size-75:8px;--spectrum-global-dimension-size-85:9px;--spectrum-global-dimension-size-100:10px;--spectrum-global-dimension-size-115:11px;--spectrum-global-dimension-size-125:13px;--spectrum-global-dimension-size-130:14px;--spectrum-global-dimension-size-150:15px;--spectrum-global-dimension-size-160:16px;--spectrum-global-dimension-size-175:18px;--spectrum-global-dimension-size-185:19px;--spectrum-global-dimension-size-200:20px;--spectrum-global-dimension-size-225:22px;--spectrum-global-dimension-size-250:25px;--spectrum-global-dimension-size-275:28px;--spectrum-global-dimension-size-300:30px;--spectrum-global-dimension-size-325:32px;--spectrum-global-dimension-size-350:35px;--spectrum-global-dimension-size-400:40px;--spectrum-global-dimension-size-450:45px;--spectrum-global-dimension-size-500:50px;--spectrum-global-dimension-size-550:56px;--spectrum-global-dimension-size-600:60px;--spectrum-global-dimension-size-650:65px;--spectrum-global-dimension-size-675:68px;--spectrum-global-dimension-size-700:70px;--spectrum-global-dimension-size-750:75px;--spectrum-global-dimension-size-800:80px;--spectrum-global-dimension-size-900:90px;--spectrum-global-dimension-size-1000:100px;--spectrum-global-dimension-size-1125:112px;--spectrum-global-dimension-size-1200:120px;--spectrum-global-dimension-size-1250:125px;--spectrum-global-dimension-size-1600:160px;--spectrum-global-dimension-size-1700:170px;--spectrum-global-dimension-size-1800:180px;--spectrum-global-dimension-size-2000:200px;--spectrum-global-dimension-size-2400:240px;--spectrum-global-dimension-size-2500:250px;--spectrum-global-dimension-size-3000:300px;--spectrum-global-dimension-size-3400:340px;--spectrum-global-dimension-size-3600:360px;--spectrum-global-dimension-size-4600:460px;--spectrum-global-dimension-size-5000:500px;--spectrum-global-dimension-size-6000:600px;--spectrum-global-dimension-font-size-25:12px;--spectrum-global-dimension-font-size-50:13px;--spectrum-global-dimension-font-size-75:15px;--spectrum-global-dimension-font-size-100:17px;--spectrum-global-dimension-font-size-150:18px;--spectrum-global-dimension-font-size-200:19px;--spectrum-global-dimension-font-size-300:22px;--spectrum-global-dimension-font-size-400:24px;--spectrum-global-dimension-font-size-500:27px;--spectrum-global-dimension-font-size-600:31px;--spectrum-global-dimension-font-size-700:34px;--spectrum-global-dimension-font-size-800:39px;--spectrum-global-dimension-font-size-900:44px;--spectrum-global-dimension-font-size-1000:49px;--spectrum-global-dimension-font-size-1100:55px;--spectrum-global-dimension-font-size-1200:62px;--spectrum-global-dimension-font-size-1300:70px;--spectrum-alias-item-text-padding-top-l:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-text-padding-bottom-s:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-item-workflow-padding-left-m:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-rounded-workflow-padding-left-m:17px;--spectrum-alias-item-rounded-workflow-padding-left-xl:27px;--spectrum-alias-item-mark-padding-top-m:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-item-mark-padding-bottom-m:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-item-mark-padding-left-m:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-control-1-size-l:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-control-1-size-xl:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-item-control-2-size-s:var(\n--spectrum-global-dimension-size-160\n);--spectrum-alias-item-control-3-height-s:var(\n--spectrum-global-dimension-size-160\n);--spectrum-alias-item-control-3-width-s:var(\n--spectrum-global-dimension-size-325\n);--spectrum-alias-item-control-3-width-m:var(\n--spectrum-global-dimension-static-size-450\n);--spectrum-alias-item-control-3-width-l:41px;--spectrum-alias-item-control-3-width-xl:46px;--spectrum-alias-item-mark-size-m:var(\n--spectrum-global-dimension-static-size-325\n);--spectrum-alias-component-focusring-border-radius:var(\n--spectrum-alias-focus-ring-border-radius-regular\n);--spectrum-alias-focus-ring-border-radius-small:var(\n--spectrum-global-dimension-size-75\n);--spectrum-alias-focus-ring-border-radius-regular:12px;--spectrum-alias-control-three-width-m:34px;--spectrum-alias-control-three-width-l:38px;--spectrum-alias-control-three-width-xl:var(\n--spectrum-global-dimension-static-size-550\n);--spectrum-alias-tag-text-padding-top-s:var(\n--spectrum-global-dimension-size-40\n);--spectrum-alias-tag-icon-size-l:var(\n--spectrum-global-dimension-static-size-275\n);--spectrum-alias-focus-ring-radius-default:var(\n--spectrum-global-dimension-static-size-115\n);--spectrum-alias-workflow-icon-size-l:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-alias-ui-icon-chevron-size-75:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-chevron-size-100:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-chevron-size-200:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-chevron-size-500:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-checkmark-size-50:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-75:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-100:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-checkmark-size-200:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-checkmark-size-500:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-checkmark-size-600:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-alias-ui-icon-dash-size-50:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-100:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-200:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-dash-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-dash-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-dash-size-500:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-dash-size-600:var(\n--spectrum-global-dimension-static-size-275\n);--spectrum-alias-ui-icon-cross-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-cross-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-cross-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-cross-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-75:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-arrow-size-100:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-arrow-size-200:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-300:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-400:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-500:var(\n--spectrum-global-dimension-static-size-275\n);--spectrum-alias-ui-icon-arrow-size-600:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-alias-ui-icon-cornertriangle-size-100:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-ui-icon-cornertriangle-size-300:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-asterisk-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-asterisk-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-avatar-size-100:26px;--spectrum-alias-avatar-size-400:36px;--spectrum-alias-avatar-size-600:46px;--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-badge-l-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-button-m-primary-fill-texticon-padding-left:17px;--spectrum-button-l-primary-fill-textonly-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-button-xl-primary-fill-texticon-padding-left:27px;--spectrum-button-m-primary-outline-texticon-padding-left:17px;--spectrum-checkbox-l-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-dialog-confirm-title-text-size:var(\n--spectrum-alias-heading-xs-text-size\n);--spectrum-dialog-confirm-description-text-size:var(\n--spectrum-global-dimension-font-size-75\n);--spectrum-dialog-confirm-padding:var(\n--spectrum-global-dimension-static-size-300\n);--spectrum-helptext-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-helptext-m-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-helptext-xl-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-listitem-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-listitem-m-textthumbnail-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-picker-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-progressbar-s-border-radius:var(\n--spectrum-global-dimension-static-size-40\n);--spectrum-progressbar-m-border-radius:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-progressbar-xl-border-radius:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-progresscircle-s-border-size:3px;--spectrum-progresscircle-m-border-size:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-statuslight-s-info-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-statuslight-l-info-dot-size:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-statuslight-l-info-text-padding-top:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-statuslight-xl-info-dot-size:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-tag-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-textfield-m-texticon-padding-left:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-tooltip-neutral-text-margin-bottom:var(\n--spectrum-global-dimension-static-size-85\n)}:host,:root{--spectrum-global-alias-appframe-border-size:1px}:host{--spectrum-component-pill-edge-to-visual-75:13px;--spectrum-component-pill-edge-to-visual-100:17px;--spectrum-component-pill-edge-to-visual-200:22px;--spectrum-component-pill-edge-to-visual-300:27px;--spectrum-component-pill-edge-to-visual-only-75:5px;--spectrum-component-pill-edge-to-visual-only-100:9px;--spectrum-component-pill-edge-to-visual-only-200:13px;--spectrum-component-pill-edge-to-visual-only-300:16px;--spectrum-component-pill-edge-to-text-75:15px;--spectrum-component-pill-edge-to-text-100:20px;--spectrum-component-pill-edge-to-text-200:25px;--spectrum-component-pill-edge-to-text-300:30px;--spectrum-component-edge-to-visual-50:7px;--spectrum-component-edge-to-visual-75:9px;--spectrum-component-edge-to-visual-100:12px;--spectrum-component-edge-to-visual-200:16px;--spectrum-component-edge-to-visual-300:19px;--spectrum-component-edge-to-visual-only-50:4px;--spectrum-component-edge-to-visual-only-75:5px;--spectrum-component-edge-to-visual-only-100:9px;--spectrum-component-edge-to-visual-only-200:13px;--spectrum-component-edge-to-visual-only-300:16px;--spectrum-component-edge-to-text-50:10px;--spectrum-component-edge-to-text-75:11px;--spectrum-component-edge-to-text-100:15px;--spectrum-component-edge-to-text-200:19px;--spectrum-component-edge-to-text-300:22px;--spectrum-component-height-50:26px;--spectrum-component-height-75:30px;--spectrum-component-height-100:40px;--spectrum-component-height-200:50px;--spectrum-component-height-300:60px;--spectrum-component-top-to-workflow-icon-50:4px;--spectrum-component-top-to-workflow-icon-75:5px;--spectrum-component-top-to-workflow-icon-100:9px;--spectrum-component-top-to-workflow-icon-200:13px;--spectrum-component-top-to-workflow-icon-300:16px;--spectrum-component-top-to-text-50:4px;--spectrum-component-top-to-text-75:5px;--spectrum-component-top-to-text-100:8px;--spectrum-component-top-to-text-200:12px;--spectrum-component-top-to-text-300:15px;--spectrum-component-bottom-to-text-50:6px;--spectrum-component-bottom-to-text-75:7px;--spectrum-component-bottom-to-text-100:11px;--spectrum-component-bottom-to-text-200:14px;--spectrum-component-bottom-to-text-300:18px;--spectrum-action-bar-height:56px;--spectrum-action-bar-top-to-item-counter:16px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-action-button-edge-to-hold-icon-medium:5px;--spectrum-action-button-edge-to-hold-icon-large:6px;--spectrum-action-button-edge-to-hold-icon-extra-large:7px;--spectrum-field-label-text-to-asterisk-small:5px;--spectrum-field-label-text-to-asterisk-medium:5px;--spectrum-field-label-text-to-asterisk-large:6px;--spectrum-field-label-text-to-asterisk-extra-large:6px;--spectrum-field-label-top-to-asterisk-small:11px;--spectrum-field-label-top-to-asterisk-medium:15px;--spectrum-field-label-top-to-asterisk-large:19px;--spectrum-field-label-top-to-asterisk-extra-large:24px;--spectrum-field-label-top-margin-small:0px;--spectrum-field-label-top-margin-medium:5px;--spectrum-field-label-top-margin-large:5px;--spectrum-field-label-top-margin-extra-large:5px;--spectrum-help-text-top-to-workflow-icon-small:5px;--spectrum-help-text-top-to-workflow-icon-medium:9px;--spectrum-help-text-top-to-workflow-icon-large:13px;--spectrum-help-text-top-to-workflow-icon-extra-large:16px;--spectrum-in-line-alert-minimum-width:360px;--spectrum-progress-bar-minimum-width:48px;--spectrum-progress-bar-maximum-width:768px;--spectrum-progress-bar-thickness-small:5px;--spectrum-progress-bar-thickness-medium:8px;--spectrum-progress-bar-thickness-large:10px;--spectrum-progress-bar-thickness-extra-large:13px;--spectrum-progress-circle-size-small:20px;--spectrum-progress-circle-size-medium:40px;--spectrum-progress-circle-size-large:80px;--spectrum-progress-circle-thickness-small:3px;--spectrum-progress-circle-thickness-medium:4px;--spectrum-progress-circle-thickness-large:5px;--spectrum-status-light-dot-size-small:8px;--spectrum-status-light-dot-size-medium:10px;--spectrum-status-light-dot-size-large:12px;--spectrum-status-light-dot-size-extra-large:12px;--spectrum-status-light-top-to-dot-small:11px;--spectrum-status-light-top-to-dot-medium:15px;--spectrum-status-light-top-to-dot-large:19px;--spectrum-status-light-top-to-dot-extra-large:24px;--spectrum-toast-height:56px;--spectrum-toast-top-to-workflow-icon:17px;--spectrum-toast-top-to-text:16px;--spectrum-toast-bottom-to-text:19px;--spectrum-tooltip-width:10px;--spectrum-tooltip-height:5px;--spectrum-tooltip-maximum-width:200px;--spectrum-font-size-50:13px;--spectrum-font-size-75:15px;--spectrum-font-size-100:17px;--spectrum-font-size-200:19px;--spectrum-font-size-300:22px;--spectrum-font-size-400:24px;--spectrum-font-size-500:27px;--spectrum-font-size-600:31px;--spectrum-font-size-700:34px;--spectrum-font-size-800:39px;--spectrum-font-size-900:44px;--spectrum-font-size-1000:49px;--spectrum-font-size-1100:55px;--spectrum-font-size-1200:62px;--spectrum-font-size-1300:70px;--spectrum-workflow-icon-size-50:18px;--spectrum-workflow-icon-size-75:20px;--spectrum-workflow-icon-size-100:22px;--spectrum-workflow-icon-size-200:24px;--spectrum-workflow-icon-size-300:28px;--spectrum-text-to-visual-50:8px;--spectrum-text-to-visual-75:9px;--spectrum-text-to-visual-100:10px;--spectrum-text-to-visual-200:11px;--spectrum-text-to-visual-300:13px;--spectrum-text-to-control-75:11px;--spectrum-text-to-control-100:13px;--spectrum-text-to-control-200:14px;--spectrum-text-to-control-300:16px}:host{--spectrum-edge-to-visual-only-75:5px;--spectrum-edge-to-visual-only-100:9px;--spectrum-edge-to-visual-only-200:13px;--spectrum-edge-to-visual-only-300:16px}:host{--spectrum-checkbox-control-size-small:18px;--spectrum-checkbox-control-size-medium:20px;--spectrum-checkbox-control-size-large:22px;--spectrum-checkbox-control-size-extra-large:26px;--spectrum-checkbox-top-to-control-small:6px;--spectrum-checkbox-top-to-control-medium:10px;--spectrum-checkbox-top-to-control-large:14px;--spectrum-checkbox-top-to-control-extra-large:17px;--spectrum-radio-button-control-size-small:18px;--spectrum-radio-button-control-size-medium:20px;--spectrum-radio-button-control-size-large:22px;--spectrum-radio-button-control-size-extra-large:26px;--spectrum-radio-button-top-to-control-small:6px;--spectrum-radio-button-top-to-control-medium:10px;--spectrum-radio-button-top-to-control-large:14px;--spectrum-radio-button-top-to-control-extra-large:17px;--spectrum-switch-control-width-small:32px;--spectrum-switch-control-width-medium:36px;--spectrum-switch-control-width-large:41px;--spectrum-switch-control-width-extra-large:46px;--spectrum-switch-control-height-small:18px;--spectrum-switch-control-height-medium:20px;--spectrum-switch-control-height-large:22px;--spectrum-switch-control-height-extra-large:26px;--spectrum-switch-top-to-control-small:6px;--spectrum-switch-top-to-control-medium:10px;--spectrum-switch-top-to-control-large:14px;--spectrum-switch-top-to-control-extra-large:17px;--spectrum-corner-radius-75:4px;--spectrum-corner-radius-100:8px;--spectrum-corner-radius-200:16px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:4px;--spectrum-drop-shadow-blur:16px}\n`;\nexport default styles;"]}

package/src/express/scale-medium.css.js

@@ -141,9 +141,7 @@ const styles = css `
 --spectrum-global-dimension-static-size-125
 );--spectrum-alias-ui-icon-asterisk-size-300:var(
 --spectrum-global-dimension-static-size-125
-);--spectrum-alias-avatar-size-100:var(--spectrum-global-dimension-size-250);--spectrum-alias-avatar-size-400:var(--spectrum-global-dimension-size-350);--spectrum-alias-avatar-size-600:var(--spectrum-global-dimension-size-450);--spectrum-actionbutton-m-texticon-padding-left:var(
---spectrum-global-dimension-size-125
-);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(
+);--spectrum-alias-avatar-size-100:var(--spectrum-global-dimension-size-250);--spectrum-alias-avatar-size-400:var(--spectrum-global-dimension-size-350);--spectrum-alias-avatar-size-600:var(--spectrum-global-dimension-size-450);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(
 --spectrum-global-dimension-static-size-65
 );--spectrum-badge-l-neutral-textonly-text-padding-top:var(
 --spectrum-global-dimension-size-115
@@ -197,7 +195,7 @@ const styles = css `
 --spectrum-global-dimension-size-125
 );--spectrum-tooltip-neutral-text-margin-bottom:var(
 --spectrum-global-dimension-static-size-65
-)}:host,:root{--spectrum-global-alias-appframe-border-size:2px}
+)}:host,:root{--spectrum-global-alias-appframe-border-size:2px}:host{--spectrum-component-pill-edge-to-visual-75:10px;--spectrum-component-pill-edge-to-visual-100:14px;--spectrum-component-pill-edge-to-visual-200:18px;--spectrum-component-pill-edge-to-visual-300:21px;--spectrum-component-pill-edge-to-visual-only-75:4px;--spectrum-component-pill-edge-to-visual-only-100:7px;--spectrum-component-pill-edge-to-visual-only-200:10px;--spectrum-component-pill-edge-to-visual-only-300:13px;--spectrum-component-pill-edge-to-text-75:12px;--spectrum-component-pill-edge-to-text-100:16px;--spectrum-component-pill-edge-to-text-200:20px;--spectrum-component-pill-edge-to-text-300:24px;--spectrum-component-edge-to-visual-50:6px;--spectrum-component-edge-to-visual-75:7px;--spectrum-component-edge-to-visual-100:10px;--spectrum-component-edge-to-visual-200:13px;--spectrum-component-edge-to-visual-300:15px;--spectrum-component-edge-to-visual-only-50:3px;--spectrum-component-edge-to-visual-only-75:4px;--spectrum-component-edge-to-visual-only-100:7px;--spectrum-component-edge-to-visual-only-200:10px;--spectrum-component-edge-to-visual-only-300:13px;--spectrum-component-edge-to-text-50:8px;--spectrum-component-edge-to-text-75:9px;--spectrum-component-edge-to-text-100:12px;--spectrum-component-edge-to-text-200:15px;--spectrum-component-edge-to-text-300:18px;--spectrum-component-height-50:20px;--spectrum-component-height-75:24px;--spectrum-component-height-100:32px;--spectrum-component-height-200:40px;--spectrum-component-height-300:48px;--spectrum-component-top-to-workflow-icon-50:3px;--spectrum-component-top-to-workflow-icon-75:4px;--spectrum-component-top-to-workflow-icon-100:7px;--spectrum-component-top-to-workflow-icon-200:10px;--spectrum-component-top-to-workflow-icon-300:13px;--spectrum-component-top-to-text-50:3px;--spectrum-component-top-to-text-75:4px;--spectrum-component-top-to-text-100:6px;--spectrum-component-top-to-text-200:9px;--spectrum-component-top-to-text-300:12px;--spectrum-component-bottom-to-text-50:3px;--spectrum-component-bottom-to-text-75:5px;--spectrum-component-bottom-to-text-100:9px;--spectrum-component-bottom-to-text-200:11px;--spectrum-component-bottom-to-text-300:14px;--spectrum-action-bar-height:48px;--spectrum-action-bar-top-to-item-counter:14px;--spectrum-action-button-edge-to-hold-icon-small:3px;--spectrum-action-button-edge-to-hold-icon-medium:4px;--spectrum-action-button-edge-to-hold-icon-large:5px;--spectrum-action-button-edge-to-hold-icon-extra-large:6px;--spectrum-field-label-text-to-asterisk-small:4px;--spectrum-field-label-text-to-asterisk-medium:4px;--spectrum-field-label-text-to-asterisk-large:5px;--spectrum-field-label-text-to-asterisk-extra-large:5px;--spectrum-field-label-top-to-asterisk-small:8px;--spectrum-field-label-top-to-asterisk-medium:12px;--spectrum-field-label-top-to-asterisk-large:15px;--spectrum-field-label-top-to-asterisk-extra-large:19px;--spectrum-field-label-top-margin-small:0px;--spectrum-field-label-top-margin-medium:4px;--spectrum-field-label-top-margin-large:4px;--spectrum-field-label-top-margin-extra-large:4px;--spectrum-help-text-top-to-workflow-icon-small:4px;--spectrum-help-text-top-to-workflow-icon-medium:7px;--spectrum-help-text-top-to-workflow-icon-large:10px;--spectrum-help-text-top-to-workflow-icon-extra-large:13px;--spectrum-in-line-alert-minimum-width:320px;--spectrum-progress-bar-minimum-width:48px;--spectrum-progress-bar-maximum-width:768px;--spectrum-progress-bar-thickness-small:4px;--spectrum-progress-bar-thickness-medium:6px;--spectrum-progress-bar-thickness-large:8px;--spectrum-progress-bar-thickness-extra-large:10px;--spectrum-progress-circle-size-small:16px;--spectrum-progress-circle-size-medium:32px;--spectrum-progress-circle-size-large:64px;--spectrum-progress-circle-thickness-small:2px;--spectrum-progress-circle-thickness-medium:3px;--spectrum-progress-circle-thickness-large:4px;--spectrum-status-light-dot-size-small:8px;--spectrum-status-light-dot-size-medium:8px;--spectrum-status-light-dot-size-large:10px;--spectrum-status-light-dot-size-extra-large:10px;--spectrum-status-light-top-to-dot-small:8px;--spectrum-status-light-top-to-dot-medium:12px;--spectrum-status-light-top-to-dot-large:15px;--spectrum-status-light-top-to-dot-extra-large:19px;--spectrum-toast-height:48px;--spectrum-toast-top-to-workflow-icon:15px;--spectrum-toast-top-to-text:14px;--spectrum-toast-bottom-to-text:17px;--spectrum-tooltip-width:8px;--spectrum-tooltip-height:4px;--spectrum-tooltip-maximum-width:160px;--spectrum-font-size-50:11px;--spectrum-font-size-75:12px;--spectrum-font-size-100:14px;--spectrum-font-size-200:16px;--spectrum-font-size-300:18px;--spectrum-font-size-400:20px;--spectrum-font-size-500:22px;--spectrum-font-size-600:25px;--spectrum-font-size-700:28px;--spectrum-font-size-800:32px;--spectrum-font-size-900:36px;--spectrum-font-size-1000:40px;--spectrum-font-size-1100:45px;--spectrum-font-size-1200:50px;--spectrum-font-size-1300:60px;--spectrum-workflow-icon-size-50:14px;--spectrum-workflow-icon-size-75:16px;--spectrum-workflow-icon-size-100:18px;--spectrum-workflow-icon-size-200:20px;--spectrum-workflow-icon-size-300:22px;--spectrum-text-to-visual-50:6px;--spectrum-text-to-visual-75:7px;--spectrum-text-to-visual-100:8px;--spectrum-text-to-visual-200:9px;--spectrum-text-to-visual-300:10px;--spectrum-text-to-control-75:9px;--spectrum-text-to-control-100:10px;--spectrum-text-to-control-200:11px;--spectrum-text-to-control-300:13px}:host{--spectrum-edge-to-visual-only-75:4px;--spectrum-edge-to-visual-only-100:7px;--spectrum-edge-to-visual-only-200:10px;--spectrum-edge-to-visual-only-300:13px}:host{--spectrum-checkbox-control-size-small:14px;--spectrum-checkbox-control-size-medium:16px;--spectrum-checkbox-control-size-large:18px;--spectrum-checkbox-control-size-extra-large:20px;--spectrum-checkbox-top-to-control-small:5px;--spectrum-checkbox-top-to-control-medium:8px;--spectrum-checkbox-top-to-control-large:11px;--spectrum-checkbox-top-to-control-extra-large:14px;--spectrum-radio-button-control-size-small:14px;--spectrum-radio-button-control-size-medium:16px;--spectrum-radio-button-control-size-large:18px;--spectrum-radio-button-control-size-extra-large:20px;--spectrum-radio-button-top-to-control-small:5px;--spectrum-radio-button-top-to-control-medium:8px;--spectrum-radio-button-top-to-control-large:11px;--spectrum-radio-button-top-to-control-extra-large:14px;--spectrum-switch-control-width-small:25px;--spectrum-switch-control-width-medium:28px;--spectrum-switch-control-width-large:32px;--spectrum-switch-control-width-extra-large:35px;--spectrum-switch-control-height-small:14px;--spectrum-switch-control-height-medium:16px;--spectrum-switch-control-height-large:18px;--spectrum-switch-control-height-extra-large:20px;--spectrum-switch-top-to-control-small:5px;--spectrum-switch-top-to-control-medium:8px;--spectrum-switch-top-to-control-large:11px;--spectrum-switch-top-to-control-extra-large:14px;--spectrum-corner-radius-75:3px;--spectrum-corner-radius-100:6px;--spectrum-corner-radius-200:12px;--spectrum-drop-shadow-x:0px;--spectrum-drop-shadow-y:4px;--spectrum-drop-shadow-blur:16px}
 `;
 export default styles;
 //# sourceMappingURL=scale-medium.css.js.map