@spectrum-web-components/status-light 0.37.0 → 0.39.0
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +4 -4
- package/src/StatusLight.dev.js +3 -1
- package/src/StatusLight.dev.js.map +2 -2
- package/src/StatusLight.js +2 -2
- package/src/StatusLight.js.map +2 -2
- package/src/spectrum-config.js +2 -1
- package/src/spectrum-status-light.css.dev.js +1 -1
- package/src/spectrum-status-light.css.dev.js.map +1 -1
- package/src/spectrum-status-light.css.js +1 -1
- package/src/spectrum-status-light.css.js.map +1 -1
- package/src/status-light.css.dev.js +1 -1
- package/src/status-light.css.dev.js.map +1 -1
- package/src/status-light.css.js +1 -1
- package/src/status-light.css.js.map +1 -1
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@spectrum-web-components/status-light",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.39.0",
|
4
4
|
"publishConfig": {
|
5
5
|
"access": "public"
|
6
6
|
},
|
@@ -57,10 +57,10 @@
|
|
57
57
|
"lit-html"
|
58
58
|
],
|
59
59
|
"dependencies": {
|
60
|
-
"@spectrum-web-components/base": "^0.
|
60
|
+
"@spectrum-web-components/base": "^0.39.0"
|
61
61
|
},
|
62
62
|
"devDependencies": {
|
63
|
-
"@spectrum-css/statuslight": "^6.0.
|
63
|
+
"@spectrum-css/statuslight": "^6.0.52"
|
64
64
|
},
|
65
65
|
"types": "./src/index.d.ts",
|
66
66
|
"customElements": "custom-elements.json",
|
@@ -68,5 +68,5 @@
|
|
68
68
|
"./sp-*.js",
|
69
69
|
"./**/*.dev.js"
|
70
70
|
],
|
71
|
-
"gitHead": "
|
71
|
+
"gitHead": "2acc8390ef0ac6cc940958d4da705c9859155c0d"
|
72
72
|
}
|
package/src/StatusLight.dev.js
CHANGED
@@ -17,7 +17,9 @@ import {
|
|
17
17
|
} from "@spectrum-web-components/base";
|
18
18
|
import { property } from "@spectrum-web-components/base/src/decorators.js";
|
19
19
|
import statusLightStyles from "./status-light.css.js";
|
20
|
-
export class StatusLight extends SizedMixin(SpectrumElement
|
20
|
+
export class StatusLight extends SizedMixin(SpectrumElement, {
|
21
|
+
noDefaultSize: true
|
22
|
+
}) {
|
21
23
|
constructor() {
|
22
24
|
super(...arguments);
|
23
25
|
this.disabled = false;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
3
|
"sources": ["StatusLight.ts"],
|
4
|
-
"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 CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport statusLightStyles from './status-light.css.js';\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends SizedMixin(SpectrumElement) {\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n /**\n * A status light in a disabled state shows that a status exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a status may become available later.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * The visual variant to apply to this status light.\n */\n @property({ reflect: true })\n public variant:\n | 'negative'\n | 'notice'\n | 'positive'\n | 'info'\n | 'neutral'\n | 'yellow'\n | 'fuchsia'\n | 'indigo'\n | 'seafoam'\n | 'chartreuse'\n | 'magenta'\n | 'celery'\n | 'purple' = 'info';\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
5
|
-
"mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,OAAO,uBAAuB;AAOvB,aAAM,oBAAoB,WAAW,eAAe,EAAE;AAAA,
|
4
|
+
"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 CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport statusLightStyles from './status-light.css.js';\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends SizedMixin(SpectrumElement, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n /**\n * A status light in a disabled state shows that a status exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a status may become available later.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * The visual variant to apply to this status light.\n */\n @property({ reflect: true })\n public variant:\n | 'negative'\n | 'notice'\n | 'positive'\n | 'info'\n | 'neutral'\n | 'yellow'\n | 'fuchsia'\n | 'indigo'\n | 'seafoam'\n | 'chartreuse'\n | 'magenta'\n | 'celery'\n | 'purple' = 'info';\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
5
|
+
"mappings": ";;;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,EAEA;AAAA,EACA;AAAA,OAEG;AACP,SAAS,gBAAgB;AACzB,OAAO,uBAAuB;AAOvB,aAAM,oBAAoB,WAAW,iBAAiB;AAAA,EACzD,eAAe;AACnB,CAAC,EAAE;AAAA,EAFI;AAAA;AAWH,SAAO,WAAW;AAMlB,SAAO,UAaU;AAAA;AAAA,EA3BjB,WAA2B,SAAyB;AAChD,WAAO,CAAC,iBAAiB;AAAA,EAC7B;AAAA,EA2BmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AAAA,EAEmB,QAAQ,SAA+B;AACtD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AACzB,UAAI,KAAK,UAAU;AACf,aAAK,aAAa,iBAAiB,MAAM;AAAA,MAC7C,OAAO;AACH,aAAK,gBAAgB,eAAe;AAAA,MACxC;AAAA,IACJ;AAAA,EACJ;AACJ;AArCW;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAVjC,YAWF;AAMA;AAAA,EADN,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAhBlB,YAiBF;",
|
6
6
|
"names": []
|
7
7
|
}
|
package/src/StatusLight.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";var
|
1
|
+
"use strict";var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(l,r,t,i)=>{for(var e=i>1?void 0:i?p(r,t):r,a=l.length-1,s;a>=0;a--)(s=l[a])&&(e=(i?s(r,t,e):s(e))||e);return i&&e&&d(r,t,e),e};import{html as n,SizedMixin as m,SpectrumElement as c}from"@spectrum-web-components/base";import{property as u}from"@spectrum-web-components/base/src/decorators.js";import f from"./status-light.css.js";export class StatusLight extends m(c,{noDefaultSize:!0}){constructor(){super(...arguments);this.disabled=!1;this.variant="info"}static get styles(){return[f]}render(){return n`
|
2
2
|
<slot></slot>
|
3
|
-
`}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}o([
|
3
|
+
`}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}o([u({type:Boolean,reflect:!0})],StatusLight.prototype,"disabled",2),o([u({reflect:!0})],StatusLight.prototype,"variant",2);
|
4
4
|
//# sourceMappingURL=StatusLight.js.map
|
package/src/StatusLight.js.map
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
3
|
"sources": ["StatusLight.ts"],
|
4
|
-
"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 CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport statusLightStyles from './status-light.css.js';\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends SizedMixin(SpectrumElement) {\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n /**\n * A status light in a disabled state shows that a status exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a status may become available later.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * The visual variant to apply to this status light.\n */\n @property({ reflect: true })\n public variant:\n | 'negative'\n | 'notice'\n | 'positive'\n | 'info'\n | 'neutral'\n | 'yellow'\n | 'fuchsia'\n | 'indigo'\n | 'seafoam'\n | 'chartreuse'\n | 'magenta'\n | 'celery'\n | 'purple' = 'info';\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
5
|
-
"mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAOC,MAAuB,wBAOvB,aAAM,oBAAoBH,EAAWC,
|
4
|
+
"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 CSSResultArray,\n html,\n PropertyValues,\n SizedMixin,\n SpectrumElement,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport statusLightStyles from './status-light.css.js';\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends SizedMixin(SpectrumElement, {\n noDefaultSize: true,\n}) {\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n /**\n * A status light in a disabled state shows that a status exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a status may become available later.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n /**\n * The visual variant to apply to this status light.\n */\n @property({ reflect: true })\n public variant:\n | 'negative'\n | 'notice'\n | 'positive'\n | 'info'\n | 'neutral'\n | 'yellow'\n | 'fuchsia'\n | 'indigo'\n | 'seafoam'\n | 'chartreuse'\n | 'magenta'\n | 'celery'\n | 'purple' = 'info';\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n}\n"],
|
5
|
+
"mappings": "qNAYA,OAEI,QAAAA,EAEA,cAAAC,EACA,mBAAAC,MAEG,gCACP,OAAS,YAAAC,MAAgB,kDACzB,OAAOC,MAAuB,wBAOvB,aAAM,oBAAoBH,EAAWC,EAAiB,CACzD,cAAe,EACnB,CAAC,CAAE,CAFI,kCAWH,KAAO,SAAW,GAMlB,KAAO,QAaU,OA3BjB,WAA2B,QAAyB,CAChD,MAAO,CAACE,CAAiB,CAC7B,CA2BmB,QAAyB,CACxC,OAAOJ;AAAA;AAAA,SAGX,CAEmB,QAAQK,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,IAClB,KAAK,SACL,KAAK,aAAa,gBAAiB,MAAM,EAEzC,KAAK,gBAAgB,eAAe,EAGhD,CACJ,CArCWC,EAAA,CADNH,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAVjC,YAWF,wBAMAG,EAAA,CADNH,EAAS,CAAE,QAAS,EAAK,CAAC,GAhBlB,YAiBF",
|
6
6
|
"names": ["html", "SizedMixin", "SpectrumElement", "property", "statusLightStyles", "changes", "__decorateClass"]
|
7
7
|
}
|
package/src/spectrum-config.js
CHANGED
@@ -49,10 +49,11 @@ export default {
|
|
49
49
|
],
|
50
50
|
'variant'
|
51
51
|
),
|
52
|
+
// Default to `size='m'` without needing the attribute
|
53
|
+
converter.classToHost('spectrum-StatusLight--sizeM'),
|
52
54
|
...converter.enumerateAttributes(
|
53
55
|
[
|
54
56
|
['spectrum-StatusLight--sizeS', 's'],
|
55
|
-
['spectrum-StatusLight--sizeM', 'm'],
|
56
57
|
['spectrum-StatusLight--sizeL', 'l'],
|
57
58
|
['spectrum-StatusLight--sizeXL', 'xl'],
|
58
59
|
],
|
@@ -65,7 +65,7 @@ const styles = css`
|
|
65
65
|
--spectrum-component-top-to-text-75
|
66
66
|
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
67
67
|
--spectrum-component-bottom-to-text-75
|
68
|
-
)}:host
|
68
|
+
)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(
|
69
69
|
--spectrum-status-light-dot-size-medium
|
70
70
|
);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(
|
71
71
|
--spectrum-text-to-visual-100
|
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
3
|
"sources": ["spectrum-status-light.css.ts"],
|
4
|
-
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}\n`;\nexport default styles;"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}\n`;\nexport default styles;"],
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA+Kf,eAAe;",
|
6
6
|
"names": []
|
7
7
|
}
|
@@ -63,7 +63,7 @@
|
|
63
63
|
--spectrum-component-top-to-text-75
|
64
64
|
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
65
65
|
--spectrum-component-bottom-to-text-75
|
66
|
-
)}:host
|
66
|
+
)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(
|
67
67
|
--spectrum-status-light-dot-size-medium
|
68
68
|
);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(
|
69
69
|
--spectrum-text-to-visual-100
|
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
3
|
"sources": ["spectrum-status-light.css.ts"],
|
4
|
-
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}\n`;\nexport default styles;"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}\n`;\nexport default styles;"],
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+Kf,eAAeC",
|
6
6
|
"names": ["css", "styles"]
|
7
7
|
}
|
@@ -65,7 +65,7 @@ const styles = css`
|
|
65
65
|
--spectrum-component-top-to-text-75
|
66
66
|
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
67
67
|
--spectrum-component-bottom-to-text-75
|
68
|
-
)}:host
|
68
|
+
)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(
|
69
69
|
--spectrum-status-light-dot-size-medium
|
70
70
|
);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(
|
71
71
|
--spectrum-text-to-visual-100
|
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
3
|
"sources": ["status-light.css.ts"],
|
4
|
-
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
|
5
5
|
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiLf,eAAe;",
|
6
6
|
"names": []
|
7
7
|
}
|
package/src/status-light.css.js
CHANGED
@@ -63,7 +63,7 @@
|
|
63
63
|
--spectrum-component-top-to-text-75
|
64
64
|
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
65
65
|
--spectrum-component-bottom-to-text-75
|
66
|
-
)}:host
|
66
|
+
)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(
|
67
67
|
--spectrum-status-light-dot-size-medium
|
68
68
|
);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(
|
69
69
|
--spectrum-text-to-visual-100
|
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"version": 3,
|
3
3
|
"sources": ["status-light.css.ts"],
|
4
|
-
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
|
5
5
|
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiLf,eAAeC",
|
6
6
|
"names": ["css", "styles"]
|
7
7
|
}
|