@spectrum-web-components/theme 0.11.3 → 0.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +46 -13
- package/package.json +3 -3
- package/src/Theme.d.ts +27 -0
- package/src/Theme.js +27 -0
- package/src/Theme.js.map +1 -1
- package/src/express/scale-large.css.js +2 -4
- package/src/express/scale-large.css.js.map +1 -1
- package/src/express/scale-medium.css.js +2 -4
- package/src/express/scale-medium.css.js.map +1 -1
- package/src/express/theme-dark.css.js +33 -1
- package/src/express/theme-dark.css.js.map +1 -1
- package/src/express/theme-light.css.js +33 -1
- package/src/express/theme-light.css.js.map +1 -1
- package/src/express/theme.css.js +154 -2
- package/src/express/theme.css.js.map +1 -1
- package/src/scale-large.css.js +1 -3
- package/src/scale-large.css.js.map +1 -1
- package/src/scale-medium.css.js +1 -3
- package/src/scale-medium.css.js.map +1 -1
- package/src/theme-dark.css.js +33 -1
- package/src/theme-dark.css.js.map +1 -1
- package/src/theme-darkest.css.js +33 -1
- package/src/theme-darkest.css.js.map +1 -1
- package/src/theme-light.css.js +33 -1
- package/src/theme-light.css.js.map +1 -1
- package/src/theme-lightest.css.js +33 -1
- package/src/theme-lightest.css.js.map +1 -1
- package/src/theme.css.js +168 -2
- package/src/theme.css.js.map +1 -1
package/custom-elements.json
CHANGED
|
@@ -83,8 +83,10 @@
|
|
|
83
83
|
"kind": "field",
|
|
84
84
|
"name": "dir",
|
|
85
85
|
"type": {
|
|
86
|
-
"text": "
|
|
87
|
-
}
|
|
86
|
+
"text": "\"ltr\" | \"rtl\" | \"\""
|
|
87
|
+
},
|
|
88
|
+
"description": "Reading direction of the content scoped to this `sp-theme` element.",
|
|
89
|
+
"attribute": "dir"
|
|
88
90
|
},
|
|
89
91
|
{
|
|
90
92
|
"kind": "field",
|
|
@@ -107,8 +109,10 @@
|
|
|
107
109
|
"kind": "field",
|
|
108
110
|
"name": "theme",
|
|
109
111
|
"type": {
|
|
110
|
-
"text": "
|
|
111
|
-
}
|
|
112
|
+
"text": "\"spectrum\" | \"express\" | \"\""
|
|
113
|
+
},
|
|
114
|
+
"description": "The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
|
|
115
|
+
"attribute": "theme"
|
|
112
116
|
},
|
|
113
117
|
{
|
|
114
118
|
"kind": "field",
|
|
@@ -123,8 +127,10 @@
|
|
|
123
127
|
"kind": "field",
|
|
124
128
|
"name": "color",
|
|
125
129
|
"type": {
|
|
126
|
-
"text": "
|
|
127
|
-
}
|
|
130
|
+
"text": "\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\""
|
|
131
|
+
},
|
|
132
|
+
"description": "The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
|
|
133
|
+
"attribute": "color"
|
|
128
134
|
},
|
|
129
135
|
{
|
|
130
136
|
"kind": "field",
|
|
@@ -139,8 +145,10 @@
|
|
|
139
145
|
"kind": "field",
|
|
140
146
|
"name": "scale",
|
|
141
147
|
"type": {
|
|
142
|
-
"text": "
|
|
143
|
-
}
|
|
148
|
+
"text": "\"medium\" | \"large\" | \"\""
|
|
149
|
+
},
|
|
150
|
+
"description": "The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
|
|
151
|
+
"attribute": "scale"
|
|
144
152
|
},
|
|
145
153
|
{
|
|
146
154
|
"kind": "field",
|
|
@@ -336,19 +344,44 @@
|
|
|
336
344
|
],
|
|
337
345
|
"attributes": [
|
|
338
346
|
{
|
|
339
|
-
"name": "color"
|
|
347
|
+
"name": "color",
|
|
348
|
+
"type": {
|
|
349
|
+
"text": "\"lightest\" | \"light\" | \"dark\" | \"darkest\" | \"\""
|
|
350
|
+
},
|
|
351
|
+
"description": "The Spectrum color stops to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
|
|
352
|
+
"fieldName": "color"
|
|
340
353
|
},
|
|
341
354
|
{
|
|
342
|
-
"name": "scale"
|
|
355
|
+
"name": "scale",
|
|
356
|
+
"type": {
|
|
357
|
+
"text": "\"medium\" | \"large\" | \"\""
|
|
358
|
+
},
|
|
359
|
+
"description": "The Spectrum platform scale to apply to content scoped by this `sp-theme` element.\n\nA value is requried.",
|
|
360
|
+
"fieldName": "scale"
|
|
343
361
|
},
|
|
344
362
|
{
|
|
345
|
-
"name": "theme"
|
|
363
|
+
"name": "theme",
|
|
364
|
+
"type": {
|
|
365
|
+
"text": "\"spectrum\" | \"express\" | \"\""
|
|
366
|
+
},
|
|
367
|
+
"description": "The Spectrum theme that is applied to the content scoped to this `sp-theme` element.\n\nA value is requried.",
|
|
368
|
+
"fieldName": "theme"
|
|
346
369
|
},
|
|
347
370
|
{
|
|
348
|
-
"name": "lang"
|
|
371
|
+
"name": "lang",
|
|
372
|
+
"type": {
|
|
373
|
+
"text": "string"
|
|
374
|
+
},
|
|
375
|
+
"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>.",
|
|
376
|
+
"default": "\"\""
|
|
349
377
|
},
|
|
350
378
|
{
|
|
351
|
-
"name": "dir"
|
|
379
|
+
"name": "dir",
|
|
380
|
+
"type": {
|
|
381
|
+
"text": "\"ltr\" | \"rtl\" | \"\""
|
|
382
|
+
},
|
|
383
|
+
"description": "Reading direction of the content scoped to this `sp-theme` element.",
|
|
384
|
+
"fieldName": "dir"
|
|
352
385
|
}
|
|
353
386
|
],
|
|
354
387
|
"superclass": {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
],
|
|
62
62
|
"dependencies": {
|
|
63
63
|
"@spectrum-web-components/base": "^0.5.8",
|
|
64
|
-
"@spectrum-web-components/styles": "^0.
|
|
64
|
+
"@spectrum-web-components/styles": "^0.15.0",
|
|
65
65
|
"tslib": "^2.0.0"
|
|
66
66
|
},
|
|
67
67
|
"types": "./src/index.d.ts",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"./src/express/core.js",
|
|
78
78
|
"./src/express/themes.js"
|
|
79
79
|
],
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "3be62133721efba844cd7032566a2c49ed6d9875"
|
|
81
81
|
}
|
package/src/Theme.d.ts
CHANGED
|
@@ -39,6 +39,7 @@ export interface ProvideLang {
|
|
|
39
39
|
}
|
|
40
40
|
/**
|
|
41
41
|
* @element sp-theme
|
|
42
|
+
* @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>.
|
|
42
43
|
*
|
|
43
44
|
* @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration
|
|
44
45
|
*/
|
|
@@ -50,17 +51,43 @@ export declare class Theme extends HTMLElement implements ThemeKindProvider {
|
|
|
50
51
|
static get observedAttributes(): string[];
|
|
51
52
|
_dir: 'ltr' | 'rtl' | '';
|
|
52
53
|
set dir(dir: 'ltr' | 'rtl' | '');
|
|
54
|
+
/**
|
|
55
|
+
* Reading direction of the content scoped to this `sp-theme` element.
|
|
56
|
+
* @type {"ltr" | "rtl" | ""}
|
|
57
|
+
* @attr
|
|
58
|
+
*/
|
|
53
59
|
get dir(): 'ltr' | 'rtl' | '';
|
|
54
60
|
protected attributeChangedCallback(attrName: SettableFragmentTypes | 'lang' | 'dir', old: string | null, value: string | null): void;
|
|
55
61
|
private requestUpdate;
|
|
56
62
|
shadowRoot: ShadowRootWithAdoptedStyleSheets;
|
|
57
63
|
private _theme;
|
|
64
|
+
/**
|
|
65
|
+
* The Spectrum theme that is applied to the content scoped to this `sp-theme` element.
|
|
66
|
+
*
|
|
67
|
+
* A value is requried.
|
|
68
|
+
* @type {"spectrum" | "express" | ""}
|
|
69
|
+
* @attr
|
|
70
|
+
*/
|
|
58
71
|
get theme(): ThemeVariant | '';
|
|
59
72
|
set theme(newValue: ThemeVariant | '');
|
|
60
73
|
private _color;
|
|
74
|
+
/**
|
|
75
|
+
* The Spectrum color stops to apply to content scoped by this `sp-theme` element.
|
|
76
|
+
*
|
|
77
|
+
* A value is requried.
|
|
78
|
+
* @type {"lightest" | "light" | "dark" | "darkest" | ""}
|
|
79
|
+
* @attr
|
|
80
|
+
*/
|
|
61
81
|
get color(): Color | '';
|
|
62
82
|
set color(newValue: Color | '');
|
|
63
83
|
private _scale;
|
|
84
|
+
/**
|
|
85
|
+
* The Spectrum platform scale to apply to content scoped by this `sp-theme` element.
|
|
86
|
+
*
|
|
87
|
+
* A value is requried.
|
|
88
|
+
* @type {"medium" | "large" | ""}
|
|
89
|
+
* @attr
|
|
90
|
+
*/
|
|
64
91
|
get scale(): Scale | '';
|
|
65
92
|
set scale(newValue: Scale | '');
|
|
66
93
|
private get styles();
|
package/src/Theme.js
CHANGED
|
@@ -24,6 +24,7 @@ const ColorValues = [
|
|
|
24
24
|
];
|
|
25
25
|
/**
|
|
26
26
|
* @element sp-theme
|
|
27
|
+
* @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>.
|
|
27
28
|
*
|
|
28
29
|
* @slot - Content on which to apply the CSS Custom Properties defined by the current theme configuration
|
|
29
30
|
*/
|
|
@@ -58,6 +59,11 @@ export class Theme extends HTMLElement {
|
|
|
58
59
|
el.setAttribute('dir', targetDir);
|
|
59
60
|
});
|
|
60
61
|
}
|
|
62
|
+
/**
|
|
63
|
+
* Reading direction of the content scoped to this `sp-theme` element.
|
|
64
|
+
* @type {"ltr" | "rtl" | ""}
|
|
65
|
+
* @attr
|
|
66
|
+
*/
|
|
61
67
|
get dir() {
|
|
62
68
|
return this._dir;
|
|
63
69
|
}
|
|
@@ -90,6 +96,13 @@ export class Theme extends HTMLElement {
|
|
|
90
96
|
this.shouldAdoptStyles();
|
|
91
97
|
}
|
|
92
98
|
}
|
|
99
|
+
/**
|
|
100
|
+
* The Spectrum theme that is applied to the content scoped to this `sp-theme` element.
|
|
101
|
+
*
|
|
102
|
+
* A value is requried.
|
|
103
|
+
* @type {"spectrum" | "express" | ""}
|
|
104
|
+
* @attr
|
|
105
|
+
*/
|
|
93
106
|
get theme() {
|
|
94
107
|
const themeFragments = Theme.themeFragmentsByKind.get('theme');
|
|
95
108
|
const { name } = (themeFragments && themeFragments.get('default')) || {};
|
|
@@ -112,6 +125,13 @@ export class Theme extends HTMLElement {
|
|
|
112
125
|
this.removeAttribute('theme');
|
|
113
126
|
}
|
|
114
127
|
}
|
|
128
|
+
/**
|
|
129
|
+
* The Spectrum color stops to apply to content scoped by this `sp-theme` element.
|
|
130
|
+
*
|
|
131
|
+
* A value is requried.
|
|
132
|
+
* @type {"lightest" | "light" | "dark" | "darkest" | ""}
|
|
133
|
+
* @attr
|
|
134
|
+
*/
|
|
115
135
|
get color() {
|
|
116
136
|
const themeFragments = Theme.themeFragmentsByKind.get('color');
|
|
117
137
|
const { name } = (themeFragments && themeFragments.get('default')) || {};
|
|
@@ -134,6 +154,13 @@ export class Theme extends HTMLElement {
|
|
|
134
154
|
this.removeAttribute('color');
|
|
135
155
|
}
|
|
136
156
|
}
|
|
157
|
+
/**
|
|
158
|
+
* The Spectrum platform scale to apply to content scoped by this `sp-theme` element.
|
|
159
|
+
*
|
|
160
|
+
* A value is requried.
|
|
161
|
+
* @type {"medium" | "large" | ""}
|
|
162
|
+
* @attr
|
|
163
|
+
*/
|
|
137
164
|
get scale() {
|
|
138
165
|
const themeFragments = Theme.themeFragmentsByKind.get('scale');
|
|
139
166
|
const { name } = (themeFragments && themeFragments.get('default')) || {};
|
package/src/Theme.js.map
CHANGED
|
@@ -1 +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', '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 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 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 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"]}
|
|
1
|
+
{"version":3,"file":"Theme.js","sourceRoot":"","sources":["Theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,EAGH,2BAA2B,GAC9B,MAAM,+BAA+B,CAAC;AAyCvC,MAAM,kBAAkB,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;AACnD,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,gBAAgB,EAAE,eAAe,CAAC,CAAC;AAC3E,MAAM,WAAW,GAAG;IAChB,OAAO;IACP,UAAU;IACV,MAAM;IACN,SAAS;IACT,eAAe;IACf,kBAAkB;IAClB,cAAc;IACd,iBAAiB;CACpB,CAAC;AAkBF;;;;;GAKG;AACH,MAAM,OAAO,KAAM,SAAQ,WAAW;IAkNlC;QACI,KAAK,EAAE,CAAC;QAzMZ,SAAI,GAAuB,EAAE,CAAC;QAqDtB,WAAM,GAAsB,UAAU,CAAC;QAiCvC,WAAM,GAAe,EAAE,CAAC;QAiCxB,WAAM,GAAe,EAAE,CAAC;QAiKxB,oBAAe,GAAqB,IAAI,GAAG,EAAE,CAAC;QAE9C,qBAAgB,GAAG,KAAK,CAAC;QAmFzB,sBAAiB,GAAG,IAAI,GAAG,EAAwC,CAAC;QAnKxE,IAAI,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACpC,MAAM,IAAI,GAAG,QAAQ,CAAC,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC/D,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,IAAI,CAAC,gBAAgB,CACjB,gBAAgB,EAChB,IAAI,CAAC,YAA6B,CACrC,CAAC;QACF,IAAI,CAAC,gBAAgB,CACjB,qBAAqB,EACrB,IAAI,CAAC,sBAAuC,CAC/C,CAAC;QACF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;IACzD,CAAC;IA3ND,MAAM,KAAK,kBAAkB;QACzB,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;IAID,IAAa,GAAG,CAAC,GAAuB;QACpC,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG;YAAE,OAAO;QAC7B,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC;QAChB,MAAM,SAAS,GAAG,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;QAC9C,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAChC,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;QACtC,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;;;OAIG;IACH,IAAa,GAAG;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IAES,wBAAwB,CAC9B,QAAgD,EAChD,GAAkB,EAClB,KAAoB;QAEpB,IAAI,GAAG,KAAK,KAAK,EAAE;YACf,OAAO;SACV;QACD,IAAI,QAAQ,KAAK,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;SAC/B;aAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;YAC7B,IAAI,CAAC,KAAK,GAAG,KAAc,CAAC;SAC/B;aAAM,IAAI,QAAQ,KAAK,MAAM,IAAI,CAAC,CAAC,KAAK,EAAE;YACvC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,eAAe,EAAE,CAAC;SAC1B;aAAM,IAAI,QAAQ,KAAK,OAAO,EAAE;YAC7B,IAAI,CAAC,KAAK,GAAG,KAAqB,CAAC;SACtC;aAAM,IAAI,QAAQ,KAAK,KAAK,EAAE;YAC3B,IAAI,CAAC,GAAG,GAAG,KAA2B,CAAC;SAC1C;IACL,CAAC;IAEO,aAAa;QACjB,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY,EAAE;YAChE,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SACtC;aAAM;YACH,IAAI,CAAC,iBAAiB,EAAE,CAAC;SAC5B;IACL,CAAC;IAMD;;;;;;OAMG;IACH,IAAI,KAAK;QACL,MAAM,cAAc,GAAG,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/D,MAAM,EAAE,IAAI,EAAE,GACV,CAAC,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5D,OAAO,IAAI,CAAC,MAAM,IAAK,IAAqB,IAAI,EAAE,CAAC;IACvD,CAAC;IAED,IAAI,KAAK,CAAC,QAA2B;QACjC,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QACrC,MAAM,KAAK,GACP,CAAC,CAAC,QAAQ,IAAI,kBAAkB,CAAC,QAAQ,CAAC,QAAQ,CAAC;YAC/C,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACrB,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,EAAE,CAAC;SACxB;QACD,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SACrC;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACjC;IACL,CAAC;IAID;;;;;;OAMG;IACH,IAAI,KAAK;QACL,MAAM,cAAc,GAAG,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/D,MAAM,EAAE,IAAI,EAAE,GACV,CAAC,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5D,OAAO,IAAI,CAAC,MAAM,IAAK,IAAc,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,IAAI,KAAK,CAAC,QAAoB;QAC1B,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QACrC,MAAM,KAAK,GACP,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACxC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACrB,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,EAAE,CAAC;SACxB;QACD,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SACrC;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACjC;IACL,CAAC;IAID;;;;;;OAMG;IACH,IAAI,KAAK;QACL,MAAM,cAAc,GAAG,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QAC/D,MAAM,EAAE,IAAI,EAAE,GACV,CAAC,cAAc,IAAI,cAAc,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,CAAC;QAC5D,OAAO,IAAI,CAAC,MAAM,IAAK,IAAc,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,IAAI,KAAK,CAAC,QAAoB;QAC1B,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM;YAAE,OAAO;QACrC,MAAM,KAAK,GACP,CAAC,CAAC,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACxC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;QACrB,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM,EAAE;YACvB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YACpB,IAAI,CAAC,aAAa,EAAE,CAAC;SACxB;QACD,IAAI,KAAK,EAAE;YACP,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;SACrC;aAAM;YACH,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;SACjC;IACL,CAAC;IAED,IAAY,MAAM;QACd,MAAM,UAAU,GAAmB;YAC/B,GAAG,KAAK,CAAC,oBAAoB,CAAC,IAAI,EAAE;SACvC,CAAC;QACF,MAAM,QAAQ,GAAG,CACb,SAAsB,EACtB,IAAkB,EAClB,IAAmB,EACO,EAAE;YAC5B,MAAM,aAAa,GACf,IAAI,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS;gBAChD,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,UAAU,CAAC;gBAClC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAC9B,2EAA2E;YAC3E,MAAM,iBAAiB,GACnB,IAAI,KAAK,UAAU,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAC5D,IAAI,aAAa,IAAI,iBAAiB,EAAE;gBACpC,OAAO,aAAa,CAAC,MAAM,CAAC;aAC/B;YACD,OAAO;QACX,CAAC,CAAC;QACF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YAC3C,MAAM,aAAa,GAAG,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAChD,IAAI,CACQ,CAAC;YACjB,IAAI,KAAiC,CAAC;YACtC,IAAI,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnC,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;aACzC;iBAAM;gBACH,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;gBAC9B,KAAK,GAAG,QAAQ,CAAC,aAAa,EAAgB,IAAI,EAAE,IAAI,CAAC,CAAC;aAC7D;YACD,IAAI,KAAK,EAAE;gBACP,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aACnB;YACD,OAAO,GAAG,CAAC;QACf,CAAC,EAAE,EAAsB,CAAC,CAAC;QAC3B,OAAO,CAAC,GAAG,MAAM,CAAC,CAAC;IACvB,CAAC;IAEO,MAAM,KAAK,QAAQ;QACvB,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE;YACvB,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;YAC1D,IAAI,CAAC,eAAe,CAAC,SAAS,GAAG,eAAe,CAAC;SACpD;QACD,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAsBO,uBAAuB;QAC3B,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YAC3B,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC;QAC7B,CAAC,CAAC,CAAC;IACP,CAAC;IAEO,YAAY,CAAC,KAA6B;QAC9C,IAAI,KAAK,CAAC,gBAAgB,EAAE;YACxB,OAAO;SACV;QACD,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;QAChC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;QACtC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;QACtC,KAAK,CAAC,IAAI;YACN,IAAI,CAAC,IAAI,IAAI,QAAQ,CAAC,eAAe,CAAC,IAAI,IAAI,SAAS,CAAC,QAAQ,CAAC;QACrE,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,IAAI,SAAS,CAAC;IAC1C,CAAC;IAES,iBAAiB;QACvB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACzB,yEAAyE;QACzE,gCAAgC;QAChC,sBAAsB;QACtB,IAAI,MAAM,CAAC,QAAQ,KAAK,SAAS,EAAE;YAC/B,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SACtC;QACD,qCAAqC;QACrC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE;YAC3B,IAAI,SAAS,GAAG,CAAE,IAAoB,CAAC,YAAY;gBAC/C,IAAI,CAAC,UAAU,CAAgD,CAAC;YACpE,OACI,SAAS,KAAK,QAAQ,CAAC,eAAe;gBACtC,CAAC,CAAC,SAAS,YAAY,KAAK,CAAC,EAC/B;gBACE,SAAS,GAAG,CAAE,SAAyB,CAAC,YAAY,IAAI,2DAA2D;oBAC/G,SAAS,CAAC,UAAU,IAAI,uBAAuB;oBAC9C,SAAwB,CAAC,IAAI,CAGlB,CAAC;aACpB;YACD,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;SAC9D;IACL,CAAC;IAES,oBAAoB;QAC1B,wCAAwC;QACxC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAEM,6BAA6B,CAAC,EAAe;QAChD,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACjC,CAAC;IAEM,4BAA4B,CAAC,EAAe;QAC/C,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;IAMO,KAAK,CAAC,iBAAiB;QAC3B,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;YACxB,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;YACrD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;YAC7B,IAAI,CAAC,gBAAgB,GAAG,MAAM,KAAK,CAAC;YACpC,IAAI,CAAC,WAAW,EAAE,CAAC;YACnB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;SACxB;IACL,CAAC;IAES,WAAW;QACjB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,2BAA2B;QAEvD,mEAAmE;QACnE,0CAA0C;QAC1C,uDAAuD;QACvD,oEAAoE;QACpE,YAAY;QACZ,oBAAoB,CAAC,IACjB,MAAM,CAAC,QAAQ,KAAK,SAAS;YAC7B,CAAC,MAAM,CAAC,QAAQ,CAAC,YAAY;YAC7B,MAAM,CAAC,QAAQ,CAAC,WAAW,EAC7B;YACE,4DAA4D;YAC5D,mEAAmE;YACnE,oEAAoE;YACpE,6CAA6C;YAC7C,MAAM,WAAW,GAAa,EAAE,CAAC;YACjC,KAAK,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,IAAI,KAAK,CAAC,oBAAoB,EAAE;gBACxD,KAAK,MAAM,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,CAAC,IAAI,SAAS,EAAE;oBACxC,IAAI,IAAI,KAAK,SAAS;wBAAE,SAAS;oBACjC,IAAI,OAAO,GAAI,MAAoB,CAAC,OAAO,CAAC;oBAC5C,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAoB,CAAC,EAAE;wBACnD,OAAO,GAAG,OAAO,CAAC,OAAO,CACrB,OAAO,EACP,UAAU,IAAI,KAAK,IAAI,KAAK,CAC/B,CAAC;qBACL;oBACD,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;iBAC7B;aACJ;YACD,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,qBAAqB,CAC7C,WAAW,EACX,IAAI,CAAC,SAAS,CACjB,CAAC;YACF,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;SACnE;aAAM,IAAI,2BAA2B,EAAE;YACpC,MAAM,WAAW,GAAoB,EAAE,CAAC;YACxC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;gBACxB,WAAW,CAAC,IAAI,CACX,KAAmB,CAAC,UAA2B,CACnD,CAAC;aACL;YACD,IAAI,CAAC,UAAU,CAAC,kBAAkB,GAAG,WAAW,CAAC;SACpD;aAAM;YACH,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;YAC7D,UAAU,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;YAClD,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE;gBACjB,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAC9C,KAAK,CAAC,WAAW,GAAI,CAAe,CAAC,OAAO,CAAC;gBAC7C,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC,CAAC,CAAC;SACN;IACL,CAAC;IAED,MAAM,CAAC,qBAAqB,CACxB,IAAkB,EAClB,IAAkB,EAClB,MAAsB;QAEtB,MAAM,WAAW,GAAG,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC;QACtE,IAAI,WAAW,CAAC,IAAI,KAAK,CAAC,EAAE;YACxB,KAAK,CAAC,oBAAoB,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;YAClD,gEAAgE;YAChE,WAAW,CAAC,GAAG,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;YAC7C,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;SACpC;QACD,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC;QACxC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,iBAAiB,EAAE,CAAC,CAAC;IACxE,CAAC;IAIO,eAAe;QACnB,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;IACpE,CAAC;IAEO,sBAAsB,CAAC,KAA+B;QAC1D,MAAM,MAAM,GAAG,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAgB,CAAC;QACtD,IAAI,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACpC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;SACzC;aAAM;YACH,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC1D,MAAM,QAAQ,GAAG,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;YACpD,IAAI,QAAQ,EAAE;gBACV,QAAQ,CACJ,IAAI,CAAC,IAAI;oBACL,QAAQ,CAAC,eAAe,CAAC,IAAI;oBAC7B,SAAS,CAAC,QAAQ,CACzB,CAAC;aACL;SACJ;IACL,CAAC;;AA3Yc,0BAAoB,GAAqB,IAAI,GAAG,EAAE,CAAC;AACnD,sBAAgB,GAAsB,IAAI,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAE5D,eAAS,GAAe,IAAI,GAAG,EAAE,CAAC","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"]}
|
|
@@ -137,9 +137,7 @@ const styles = css `
|
|
|
137
137
|
--spectrum-global-dimension-static-size-150
|
|
138
138
|
);--spectrum-alias-ui-icon-asterisk-size-300:var(
|
|
139
139
|
--spectrum-global-dimension-static-size-150
|
|
140
|
-
);--spectrum-alias-avatar-size-100:26px;--spectrum-alias-avatar-size-400:36px;--spectrum-alias-avatar-size-600:46px;--spectrum-
|
|
141
|
-
--spectrum-global-dimension-static-size-150
|
|
142
|
-
);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(
|
|
140
|
+
);--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(
|
|
143
141
|
--spectrum-global-dimension-static-size-85
|
|
144
142
|
);--spectrum-badge-l-neutral-textonly-text-padding-top:var(
|
|
145
143
|
--spectrum-global-dimension-static-size-150
|
|
@@ -189,7 +187,7 @@ const styles = css `
|
|
|
189
187
|
--spectrum-global-dimension-static-size-150
|
|
190
188
|
);--spectrum-tooltip-neutral-text-margin-bottom:var(
|
|
191
189
|
--spectrum-global-dimension-static-size-85
|
|
192
|
-
)}:host,:root{--spectrum-global-alias-appframe-border-size:1px}
|
|
190
|
+
)}: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}
|
|
193
191
|
`;
|
|
194
192
|
export default styles;
|
|
195
193
|
//# sourceMappingURL=scale-large.css.js.map
|
|
@@ -1 +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;"]}
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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;"]}
|
|
@@ -141,9 +141,7 @@ const styles = css `
|
|
|
141
141
|
--spectrum-global-dimension-static-size-125
|
|
142
142
|
);--spectrum-alias-ui-icon-asterisk-size-300:var(
|
|
143
143
|
--spectrum-global-dimension-static-size-125
|
|
144
|
-
);--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-
|
|
145
|
-
--spectrum-global-dimension-size-125
|
|
146
|
-
);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(
|
|
144
|
+
);--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(
|
|
147
145
|
--spectrum-global-dimension-static-size-65
|
|
148
146
|
);--spectrum-badge-l-neutral-textonly-text-padding-top:var(
|
|
149
147
|
--spectrum-global-dimension-size-115
|
|
@@ -197,7 +195,7 @@ const styles = css `
|
|
|
197
195
|
--spectrum-global-dimension-size-125
|
|
198
196
|
);--spectrum-tooltip-neutral-text-margin-bottom:var(
|
|
199
197
|
--spectrum-global-dimension-static-size-65
|
|
200
|
-
)}:host,:root{--spectrum-global-alias-appframe-border-size:2px}
|
|
198
|
+
)}: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}
|
|
201
199
|
`;
|
|
202
200
|
export default styles;
|
|
203
201
|
//# sourceMappingURL=scale-medium.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scale-medium.css.js","sourceRoot":"","sources":["scale-medium.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LjB,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;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-185:15px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-325:26px;--spectrum-global-dimension-size-350:28px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-450:36px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-550:44px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-650:52px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-700:56px;--spectrum-global-dimension-size-750:60px;--spectrum-global-dimension-size-800:64px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1000:80px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1600:128px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-1800:144px;--spectrum-global-dimension-size-2000:160px;--spectrum-global-dimension-size-2400:192px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-size-3000:240px;--spectrum-global-dimension-size-3400:272px;--spectrum-global-dimension-size-3600:288px;--spectrum-global-dimension-size-4600:368px;--spectrum-global-dimension-size-5000:400px;--spectrum-global-dimension-size-6000:480px;--spectrum-global-dimension-font-size-25:10px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-150:15px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1000:40px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-item-text-padding-top-l:var(\n--spectrum-global-dimension-size-115\n);--spectrum-alias-item-text-padding-bottom-s:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-item-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-rounded-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-175\n);--spectrum-alias-item-rounded-workflow-padding-left-xl:21px;--spectrum-alias-item-mark-padding-top-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-bottom-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-l:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-xl:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-2-size-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-height-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-width-s:23px;--spectrum-alias-item-control-3-width-m:var(\n--spectrum-global-dimension-static-size-325\n);--spectrum-alias-item-control-3-width-l:29px;--spectrum-alias-item-control-3-width-xl:33px;--spectrum-alias-item-mark-size-m:var(\n--spectrum-global-dimension-size-250\n);--spectrum-alias-component-focusring-border-radius:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-focus-ring-border-radius-small:var(\n--spectrum-global-dimension-size-85\n);--spectrum-alias-focus-ring-border-radius-regular:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-control-three-width-m:28px;--spectrum-alias-control-three-width-l:var(\n--spectrum-global-dimension-static-size-450\n);--spectrum-alias-control-three-width-xl:var(\n--spectrum-global-dimension-static-size-500\n);--spectrum-alias-tag-text-padding-top-s:var(\n--spectrum-global-dimension-size-25\n);--spectrum-alias-tag-icon-size-l:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-focus-ring-radius-default:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-workflow-icon-size-l:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-chevron-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-chevron-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-chevron-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-50:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-checkmark-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-dash-size-50:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-400:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-dash-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-dash-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-cross-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-100:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-400:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-500:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-cross-size-600:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-arrow-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-arrow-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-500:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-600:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-alias-ui-icon-cornertriangle-size-100:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-ui-icon-cornertriangle-size-300:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-ui-icon-asterisk-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-asterisk-size-300:var(\n--spectrum-global-dimension-static-size-125\n);--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(\n--spectrum-global-dimension-size-125\n);--spectrum-badge-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-badge-l-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-button-m-primary-fill-texticon-padding-left:var(\n--spectrum-global-dimension-size-175\n);--spectrum-button-l-primary-fill-textonly-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-button-xl-primary-fill-texticon-padding-left:21px;--spectrum-button-m-primary-outline-texticon-padding-left:var(\n--spectrum-global-dimension-size-175\n);--spectrum-checkbox-l-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-dialog-confirm-title-text-size:var(\n--spectrum-alias-heading-s-text-size\n);--spectrum-dialog-confirm-description-text-size:var(\n--spectrum-global-dimension-font-size-100\n);--spectrum-dialog-confirm-padding:var(\n--spectrum-global-dimension-static-size-500\n);--spectrum-helptext-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-helptext-m-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-helptext-xl-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-listitem-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-listitem-m-textthumbnail-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-picker-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-progressbar-s-border-radius:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-progressbar-m-border-radius:var(\n--spectrum-global-dimension-static-size-40\n);--spectrum-progressbar-xl-border-radius:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-progresscircle-s-border-size:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-progresscircle-m-border-size:3px;--spectrum-statuslight-s-info-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-statuslight-l-info-dot-size:var(\n--spectrum-global-dimension-size-125\n);--spectrum-statuslight-l-info-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-statuslight-xl-info-dot-size:var(\n--spectrum-global-dimension-size-125\n);--spectrum-tag-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-textfield-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-tooltip-neutral-text-margin-bottom:var(\n--spectrum-global-dimension-static-size-65\n)}:host,:root{--spectrum-global-alias-appframe-border-size:2px}\n`;\nexport default styles;"]}
|
|
1
|
+
{"version":3,"file":"scale-medium.css.js","sourceRoot":"","sources":["scale-medium.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0LjB,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;--spectrum-global-dimension-size-0:0px;--spectrum-global-dimension-size-10:1px;--spectrum-global-dimension-size-25:2px;--spectrum-global-dimension-size-30:2px;--spectrum-global-dimension-size-40:3px;--spectrum-global-dimension-size-50:4px;--spectrum-global-dimension-size-65:5px;--spectrum-global-dimension-size-75:6px;--spectrum-global-dimension-size-85:7px;--spectrum-global-dimension-size-100:8px;--spectrum-global-dimension-size-115:9px;--spectrum-global-dimension-size-125:10px;--spectrum-global-dimension-size-130:11px;--spectrum-global-dimension-size-150:12px;--spectrum-global-dimension-size-160:13px;--spectrum-global-dimension-size-175:14px;--spectrum-global-dimension-size-185:15px;--spectrum-global-dimension-size-200:16px;--spectrum-global-dimension-size-225:18px;--spectrum-global-dimension-size-250:20px;--spectrum-global-dimension-size-275:22px;--spectrum-global-dimension-size-300:24px;--spectrum-global-dimension-size-325:26px;--spectrum-global-dimension-size-350:28px;--spectrum-global-dimension-size-400:32px;--spectrum-global-dimension-size-450:36px;--spectrum-global-dimension-size-500:40px;--spectrum-global-dimension-size-550:44px;--spectrum-global-dimension-size-600:48px;--spectrum-global-dimension-size-650:52px;--spectrum-global-dimension-size-675:54px;--spectrum-global-dimension-size-700:56px;--spectrum-global-dimension-size-750:60px;--spectrum-global-dimension-size-800:64px;--spectrum-global-dimension-size-900:72px;--spectrum-global-dimension-size-1000:80px;--spectrum-global-dimension-size-1125:90px;--spectrum-global-dimension-size-1200:96px;--spectrum-global-dimension-size-1250:100px;--spectrum-global-dimension-size-1600:128px;--spectrum-global-dimension-size-1700:136px;--spectrum-global-dimension-size-1800:144px;--spectrum-global-dimension-size-2000:160px;--spectrum-global-dimension-size-2400:192px;--spectrum-global-dimension-size-2500:200px;--spectrum-global-dimension-size-3000:240px;--spectrum-global-dimension-size-3400:272px;--spectrum-global-dimension-size-3600:288px;--spectrum-global-dimension-size-4600:368px;--spectrum-global-dimension-size-5000:400px;--spectrum-global-dimension-size-6000:480px;--spectrum-global-dimension-font-size-25:10px;--spectrum-global-dimension-font-size-50:11px;--spectrum-global-dimension-font-size-75:12px;--spectrum-global-dimension-font-size-100:14px;--spectrum-global-dimension-font-size-150:15px;--spectrum-global-dimension-font-size-200:16px;--spectrum-global-dimension-font-size-300:18px;--spectrum-global-dimension-font-size-400:20px;--spectrum-global-dimension-font-size-500:22px;--spectrum-global-dimension-font-size-600:25px;--spectrum-global-dimension-font-size-700:28px;--spectrum-global-dimension-font-size-800:32px;--spectrum-global-dimension-font-size-900:36px;--spectrum-global-dimension-font-size-1000:40px;--spectrum-global-dimension-font-size-1100:45px;--spectrum-global-dimension-font-size-1200:50px;--spectrum-global-dimension-font-size-1300:60px;--spectrum-alias-item-text-padding-top-l:var(\n--spectrum-global-dimension-size-115\n);--spectrum-alias-item-text-padding-bottom-s:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-item-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-rounded-workflow-padding-left-m:var(\n--spectrum-global-dimension-size-175\n);--spectrum-alias-item-rounded-workflow-padding-left-xl:21px;--spectrum-alias-item-mark-padding-top-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-bottom-m:var(\n--spectrum-global-dimension-static-size-75\n);--spectrum-alias-item-mark-padding-left-m:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-l:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-1-size-xl:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-item-control-2-size-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-height-s:var(\n--spectrum-global-dimension-size-150\n);--spectrum-alias-item-control-3-width-s:23px;--spectrum-alias-item-control-3-width-m:var(\n--spectrum-global-dimension-static-size-325\n);--spectrum-alias-item-control-3-width-l:29px;--spectrum-alias-item-control-3-width-xl:33px;--spectrum-alias-item-mark-size-m:var(\n--spectrum-global-dimension-size-250\n);--spectrum-alias-component-focusring-border-radius:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-focus-ring-border-radius-small:var(\n--spectrum-global-dimension-size-85\n);--spectrum-alias-focus-ring-border-radius-regular:var(\n--spectrum-global-dimension-size-125\n);--spectrum-alias-control-three-width-m:28px;--spectrum-alias-control-three-width-l:var(\n--spectrum-global-dimension-static-size-450\n);--spectrum-alias-control-three-width-xl:var(\n--spectrum-global-dimension-static-size-500\n);--spectrum-alias-tag-text-padding-top-s:var(\n--spectrum-global-dimension-size-25\n);--spectrum-alias-tag-icon-size-l:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-focus-ring-radius-default:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-workflow-icon-size-l:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-chevron-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-chevron-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-chevron-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-chevron-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-chevron-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-50:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-checkmark-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-checkmark-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-checkmark-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-checkmark-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-dash-size-50:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-dash-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-dash-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-dash-size-400:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-dash-size-500:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-dash-size-600:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-cross-size-75:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-100:var(\n--spectrum-global-dimension-static-size-100\n);--spectrum-alias-ui-icon-cross-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-cross-size-300:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-400:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-cross-size-500:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-cross-size-600:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-75:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-100:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-arrow-size-200:var(\n--spectrum-global-dimension-static-size-150\n);--spectrum-alias-ui-icon-arrow-size-300:var(\n--spectrum-global-dimension-static-size-175\n);--spectrum-alias-ui-icon-arrow-size-400:var(\n--spectrum-global-dimension-static-size-200\n);--spectrum-alias-ui-icon-arrow-size-500:var(\n--spectrum-global-dimension-static-size-225\n);--spectrum-alias-ui-icon-arrow-size-600:var(\n--spectrum-global-dimension-static-size-250\n);--spectrum-alias-ui-icon-triplegripper-size-100-width:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-doublegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-50\n);--spectrum-alias-ui-icon-singlegripper-size-100-height:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-alias-ui-icon-cornertriangle-size-100:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-alias-ui-icon-cornertriangle-size-300:var(\n--spectrum-global-dimension-static-size-85\n);--spectrum-alias-ui-icon-asterisk-size-200:var(\n--spectrum-global-dimension-static-size-125\n);--spectrum-alias-ui-icon-asterisk-size-300:var(\n--spectrum-global-dimension-static-size-125\n);--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(\n--spectrum-global-dimension-static-size-65\n);--spectrum-badge-l-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-button-s-primary-fill-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-button-m-primary-fill-texticon-padding-left:var(\n--spectrum-global-dimension-size-175\n);--spectrum-button-l-primary-fill-textonly-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-button-xl-primary-fill-texticon-padding-left:21px;--spectrum-button-m-primary-outline-texticon-padding-left:var(\n--spectrum-global-dimension-size-175\n);--spectrum-checkbox-l-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-dialog-confirm-title-text-size:var(\n--spectrum-alias-heading-s-text-size\n);--spectrum-dialog-confirm-description-text-size:var(\n--spectrum-global-dimension-font-size-100\n);--spectrum-dialog-confirm-padding:var(\n--spectrum-global-dimension-static-size-500\n);--spectrum-helptext-s-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-helptext-m-neutral-textonly-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-helptext-xl-neutral-textonly-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-listitem-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-listitem-m-textthumbnail-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-picker-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-progressbar-s-border-radius:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-progressbar-m-border-radius:var(\n--spectrum-global-dimension-static-size-40\n);--spectrum-progressbar-xl-border-radius:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-progresscircle-s-border-size:var(\n--spectrum-global-dimension-static-size-25\n);--spectrum-progresscircle-m-border-size:3px;--spectrum-statuslight-s-info-text-padding-bottom:var(\n--spectrum-global-dimension-static-size-65\n);--spectrum-statuslight-l-info-dot-size:var(\n--spectrum-global-dimension-size-125\n);--spectrum-statuslight-l-info-text-padding-top:var(\n--spectrum-global-dimension-size-115\n);--spectrum-statuslight-xl-info-dot-size:var(\n--spectrum-global-dimension-size-125\n);--spectrum-tag-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-textfield-m-texticon-padding-left:var(\n--spectrum-global-dimension-size-125\n);--spectrum-tooltip-neutral-text-margin-bottom:var(\n--spectrum-global-dimension-static-size-65\n)}: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}\n`;\nexport default styles;"]}
|