@spectrum-web-components/status-light 1.9.1-nightly.20251028225812 → 1.9.1-nightly.20251029132910

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,76 +0,0 @@
1
- "use strict";
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __decorateClass = (decorators, target, key, kind) => {
5
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
6
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
7
- if (decorator = decorators[i])
8
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
9
- if (kind && result) __defProp(target, key, result);
10
- return result;
11
- };
12
- import {
13
- html
14
- } from "@spectrum-web-components/base";
15
- import { property } from "@spectrum-web-components/base/src/decorators.js";
16
- import {
17
- STATUSLIGHT_VARIANTS_COLOR_S1,
18
- STATUSLIGHT_VARIANTS_S1,
19
- STATUSLIGHT_VARIANTS_SEMANTIC_S1,
20
- StatusLightBase
21
- } from "@spectrum-web-components/core/components/status-light";
22
- import statusLightStyles from "./status-light.css.js";
23
- export const STATUSLIGHT_VARIANTS = STATUSLIGHT_VARIANTS_S1;
24
- export class StatusLight extends StatusLightBase {
25
- constructor() {
26
- super(...arguments);
27
- this.variant = "info";
28
- this.disabled = false;
29
- }
30
- // ──────────────────────
31
- // IMPLEMENTATION
32
- // ──────────────────────
33
- updated(changes) {
34
- super.updated(changes);
35
- if (changes.has("disabled")) {
36
- if (this.disabled) {
37
- this.setAttribute("aria-disabled", "true");
38
- } else {
39
- this.removeAttribute("aria-disabled");
40
- }
41
- }
42
- }
43
- // ──────────────────────────────
44
- // RENDERING & STYLING
45
- // ──────────────────────────────
46
- static get styles() {
47
- return [statusLightStyles];
48
- }
49
- render() {
50
- return html`
51
- <slot></slot>
52
- `;
53
- }
54
- }
55
- // ────────────────────
56
- // API OVERRIDES
57
- // ────────────────────
58
- /**
59
- * @internal
60
- */
61
- StatusLight.VARIANTS_COLOR = STATUSLIGHT_VARIANTS_COLOR_S1;
62
- /**
63
- * @internal
64
- */
65
- StatusLight.VARIANTS_SEMANTIC = STATUSLIGHT_VARIANTS_SEMANTIC_S1;
66
- /**
67
- * @internal
68
- */
69
- StatusLight.VARIANTS = STATUSLIGHT_VARIANTS_S1;
70
- __decorateClass([
71
- property({ type: String, reflect: true })
72
- ], StatusLight.prototype, "variant", 2);
73
- __decorateClass([
74
- property({ type: Boolean, reflect: true })
75
- ], StatusLight.prototype, "disabled", 2);
76
- //# sourceMappingURL=StatusLight.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["StatusLight.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\n\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport {\n STATUSLIGHT_VARIANTS_COLOR_S1,\n STATUSLIGHT_VARIANTS_S1,\n STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n StatusLightBase,\n type StatusLightVariantS1,\n} from '@spectrum-web-components/core/components/status-light';\n\nimport statusLightStyles from './status-light.css.js';\n\n/**\n * @deprecated The `STATUSLIGHT_VARIANTS` export is deprecated and will be removed\n * in a future release. If needed, you can access the internal\n * `StatusLight.VARIANTS` property from the constructor.\n */\nexport const STATUSLIGHT_VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n/**\n * @deprecated The `StatusLightVariant` type export is deprecated and will be removed\n * in a future release. If needed, you can infer this type from the `StatusLight`\n * prototype as follows: `typeof StatusLight.prototype.variant`\n */\nexport type StatusLightVariant = StatusLightVariantS1;\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends StatusLightBase {\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API OVERRIDES\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @internal\n */\n static override readonly VARIANTS_COLOR = STATUSLIGHT_VARIANTS_COLOR_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS_SEMANTIC =\n STATUSLIGHT_VARIANTS_SEMANTIC_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n /**\n * The variant of the status light.\n */\n @property({ type: String, reflect: true })\n public override variant: StatusLightVariantS1 = 'info';\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API ADDITIONS\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @deprecated The `disabled` property is is deprecated and will be removed\n * in a future release.\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 */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // IMPLEMENTATION\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // RENDERING & STYLING\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n}\n"],
5
- "mappings": ";;;;;;;;;;;AAYA;AAAA,EAEI;AAAA,OAGG;AAEP,SAAS,gBAAgB;AAEzB;AAAA,EACI;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEG;AAEP,OAAO,uBAAuB;AAOvB,aAAM,uBAAuB;AAc7B,aAAM,oBAAoB,gBAAgB;AAAA,EAA1C;AAAA;AAyBH,SAAgB,UAAgC;AAchD,SAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAMC,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;AAAA;AAAA;AAAA;AAAA,EAKA,WAA2B,SAAyB;AAChD,WAAO,CAAC,iBAAiB;AAAA,EAC7B;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEa,YAQgB,iBAAiB;AAAA;AAAA;AAAA;AARjC,YAagB,oBACrB;AAAA;AAAA;AAAA;AAdK,YAmBgB,WAAW;AAMpB;AAAA,EADf,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAxBhC,YAyBO;AAcT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GAtCjC,YAuCF;",
6
- "names": []
7
- }
@@ -1,4 +0,0 @@
1
- "use strict";var p=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var l=(a,r,t,i)=>{for(var e=i>1?void 0:i?A(r,t):r,s=a.length-1,o;s>=0;s--)(o=a[s])&&(e=(i?o(r,t,e):o(e))||e);return i&&e&&p(r,t,e),e};import{html as T}from"@spectrum-web-components/base";import{property as S}from"@spectrum-web-components/base/src/decorators.js";import{STATUSLIGHT_VARIANTS_COLOR_S1 as u,STATUSLIGHT_VARIANTS_S1 as d,STATUSLIGHT_VARIANTS_SEMANTIC_S1 as n,StatusLightBase as y}from"@spectrum-web-components/core/components/status-light";import I from"./status-light.css.js";export const STATUSLIGHT_VARIANTS=d;export class StatusLight extends y{constructor(){super(...arguments);this.variant="info";this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}static get styles(){return[I]}render(){return T`
2
- <slot></slot>
3
- `}}StatusLight.VARIANTS_COLOR=u,StatusLight.VARIANTS_SEMANTIC=n,StatusLight.VARIANTS=d,l([S({type:String,reflect:!0})],StatusLight.prototype,"variant",2),l([S({type:Boolean,reflect:!0})],StatusLight.prototype,"disabled",2);
4
- //# sourceMappingURL=StatusLight.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["StatusLight.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\n\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport {\n STATUSLIGHT_VARIANTS_COLOR_S1,\n STATUSLIGHT_VARIANTS_S1,\n STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n StatusLightBase,\n type StatusLightVariantS1,\n} from '@spectrum-web-components/core/components/status-light';\n\nimport statusLightStyles from './status-light.css.js';\n\n/**\n * @deprecated The `STATUSLIGHT_VARIANTS` export is deprecated and will be removed\n * in a future release. If needed, you can access the internal\n * `StatusLight.VARIANTS` property from the constructor.\n */\nexport const STATUSLIGHT_VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n/**\n * @deprecated The `StatusLightVariant` type export is deprecated and will be removed\n * in a future release. If needed, you can infer this type from the `StatusLight`\n * prototype as follows: `typeof StatusLight.prototype.variant`\n */\nexport type StatusLightVariant = StatusLightVariantS1;\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends StatusLightBase {\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API OVERRIDES\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @internal\n */\n static override readonly VARIANTS_COLOR = STATUSLIGHT_VARIANTS_COLOR_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS_SEMANTIC =\n STATUSLIGHT_VARIANTS_SEMANTIC_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n /**\n * The variant of the status light.\n */\n @property({ type: String, reflect: true })\n public override variant: StatusLightVariantS1 = 'info';\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API ADDITIONS\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @deprecated The `disabled` property is is deprecated and will be removed\n * in a future release.\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 */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // IMPLEMENTATION\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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 // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // RENDERING & STYLING\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n}\n"],
5
- "mappings": "qNAYA,OAEI,QAAAA,MAGG,gCAEP,OAAS,YAAAC,MAAgB,kDAEzB,OACI,iCAAAC,EACA,2BAAAC,EACA,oCAAAC,EACA,mBAAAC,MAEG,wDAEP,OAAOC,MAAuB,wBAOvB,aAAM,qBAAuBH,EAc7B,aAAM,oBAAoBE,CAAgB,CAA1C,kCAyBH,KAAgB,QAAgC,OAchD,KAAO,SAAW,GAMC,QAAQE,EAA+B,CACtD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,IAClB,KAAK,SACL,KAAK,aAAa,gBAAiB,MAAM,EAEzC,KAAK,gBAAgB,eAAe,EAGhD,CAKA,WAA2B,QAAyB,CAChD,MAAO,CAACD,CAAiB,CAC7B,CAEmB,QAAyB,CACxC,OAAON;AAAA;AAAA,SAGX,CACJ,CApEa,YAQgB,eAAiBE,EARjC,YAagB,kBACrBE,EAdK,YAmBgB,SAAWD,EAMpBK,EAAA,CADfP,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAxBhC,YAyBO,uBAcTO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GAtCjC,YAuCF",
6
- "names": ["html", "property", "STATUSLIGHT_VARIANTS_COLOR_S1", "STATUSLIGHT_VARIANTS_S1", "STATUSLIGHT_VARIANTS_SEMANTIC_S1", "StatusLightBase", "statusLightStyles", "changes", "__decorateClass"]
7
- }
package/src/index.d.ts DELETED
@@ -1,12 +0,0 @@
1
- /**
2
- * Copyright 2025 Adobe. All rights reserved.
3
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
4
- * you may not use this file except in compliance with the License. You may obtain a copy
5
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
6
- *
7
- * Unless required by applicable law or agreed to in writing, software distributed under
8
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
9
- * OF ANY KIND, either express or implied. See the License for the specific language
10
- * governing permissions and limitations under the License.
11
- */
12
- export * from './StatusLight.js';
package/src/index.dev.js DELETED
@@ -1,3 +0,0 @@
1
- "use strict";
2
- export * from "./StatusLight.dev.js";
3
- //# sourceMappingURL=index.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["index.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport * from './StatusLight.dev.js'\n"],
5
- "mappings": ";AAWA,cAAc;",
6
- "names": []
7
- }
package/src/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";export*from"./StatusLight.js";
2
- //# sourceMappingURL=index.js.map
package/src/index.js.map DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["index.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport * from './StatusLight.js';\n"],
5
- "mappings": "aAWA,WAAc",
6
- "names": []
7
- }
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- :host([dir]),:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-medium);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-100);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-medium);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-100)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-small);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-75);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-small);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-200);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-200);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-200)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-extra-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-300);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-extra-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-300);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-300)}:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--spectrum-neutral-visual-color);--spectrum-statuslight-semantic-accent-color:var(--spectrum-accent-visual-color);--spectrum-statuslight-semantic-negative-color:var(--spectrum-negative-visual-color);--spectrum-statuslight-semantic-info-color:var(--spectrum-informative-visual-color);--spectrum-statuslight-semantic-notice-color:var(--spectrum-notice-visual-color);--spectrum-statuslight-semantic-positive-color:var(--spectrum-positive-visual-color);--spectrum-statuslight-nonsemantic-gray-color:var(--spectrum-gray-visual-color);--spectrum-statuslight-nonsemantic-red-color:var(--spectrum-red-visual-color);--spectrum-statuslight-nonsemantic-orange-color:var(--spectrum-orange-visual-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--spectrum-yellow-visual-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--spectrum-chartreuse-visual-color);--spectrum-statuslight-nonsemantic-celery-color:var(--spectrum-celery-visual-color);--spectrum-statuslight-nonsemantic-green-color:var(--spectrum-green-visual-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--spectrum-seafoam-visual-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--spectrum-cyan-visual-color);--spectrum-statuslight-nonsemantic-blue-color:var(--spectrum-blue-visual-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--spectrum-indigo-visual-color);--spectrum-statuslight-nonsemantic-purple-color:var(--spectrum-purple-visual-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--spectrum-fuchsia-visual-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--spectrum-magenta-visual-color);min-block-size:var(--mod-statuslight-height,var(--spectrum-statuslight-height));box-sizing:border-box;font-size:var(--mod-statuslight-font-size,var(--spectrum-statuslight-font-size));font-weight:400;font-weight:var(--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight));line-height:var(--mod-statuslight-line-height,var(--spectrum-statuslight-line-height));color:var(--highcontrast-statuslight-content-color-default,var(--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)));flex-direction:row;align-items:flex-start;padding-block-start:var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label));padding-block-end:var(--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label));padding-inline:0;display:flex}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk))}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(--mod-statuslight-spacing-top-to-dot,var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)));content:"";inline-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));block-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));border-radius:var(--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius));flex-grow:0;flex-shrink:0;margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label));display:inline-block}:host([variant=neutral]){color:var(--highcontrast-statuslight-subdued-content-color-default,var(--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)));font-style:italic}:host([variant=neutral]):before{background-color:var(--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color))}:host([variant=accent]):before{background-color:var(--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color))}:host([variant=info]):before{background-color:var(--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color))}:host([variant=negative]):before{background-color:var(--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color))}:host([variant=notice]):before{background-color:var(--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color))}:host([variant=positive]):before{background-color:var(--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color))}.spectrum-StatusLight--gray:before{background-color:var(--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color))}.spectrum-StatusLight--red:before{background-color:var(--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color))}.spectrum-StatusLight--orange:before{background-color:var(--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color))}:host([variant=yellow]):before{background-color:var(--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color))}:host([variant=chartreuse]):before{background-color:var(--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color))}:host([variant=celery]):before{background-color:var(--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color))}.spectrum-StatusLight--green:before{background-color:var(--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color))}:host([variant=seafoam]):before{background-color:var(--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color))}:host([variant=cyan]):before{background-color:var(--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color))}.spectrum-StatusLight--blue:before{background-color:var(--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color))}:host([variant=indigo]):before{background-color:var(--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color))}:host([variant=purple]):before{background-color:var(--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color))}:host([variant=fuchsia]):before{background-color:var(--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color))}:host([variant=magenta]):before{background-color:var(--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color))}@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{forced-color-adjust:none;border:var(--mod-statuslight-border-width,var(--spectrum-statuslight-border-width))solid ButtonText}}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=spectrum-status-light.css.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["spectrum-status-light.css.ts"],
4
- "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host([dir]),:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-medium);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-100);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-medium);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-100)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-small);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-75);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-small);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-200);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-200);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-200)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-extra-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-300);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-extra-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-300);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-300)}:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--spectrum-neutral-visual-color);--spectrum-statuslight-semantic-accent-color:var(--spectrum-accent-visual-color);--spectrum-statuslight-semantic-negative-color:var(--spectrum-negative-visual-color);--spectrum-statuslight-semantic-info-color:var(--spectrum-informative-visual-color);--spectrum-statuslight-semantic-notice-color:var(--spectrum-notice-visual-color);--spectrum-statuslight-semantic-positive-color:var(--spectrum-positive-visual-color);--spectrum-statuslight-nonsemantic-gray-color:var(--spectrum-gray-visual-color);--spectrum-statuslight-nonsemantic-red-color:var(--spectrum-red-visual-color);--spectrum-statuslight-nonsemantic-orange-color:var(--spectrum-orange-visual-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--spectrum-yellow-visual-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--spectrum-chartreuse-visual-color);--spectrum-statuslight-nonsemantic-celery-color:var(--spectrum-celery-visual-color);--spectrum-statuslight-nonsemantic-green-color:var(--spectrum-green-visual-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--spectrum-seafoam-visual-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--spectrum-cyan-visual-color);--spectrum-statuslight-nonsemantic-blue-color:var(--spectrum-blue-visual-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--spectrum-indigo-visual-color);--spectrum-statuslight-nonsemantic-purple-color:var(--spectrum-purple-visual-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--spectrum-fuchsia-visual-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--spectrum-magenta-visual-color);min-block-size:var(--mod-statuslight-height,var(--spectrum-statuslight-height));box-sizing:border-box;font-size:var(--mod-statuslight-font-size,var(--spectrum-statuslight-font-size));font-weight:400;font-weight:var(--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight));line-height:var(--mod-statuslight-line-height,var(--spectrum-statuslight-line-height));color:var(--highcontrast-statuslight-content-color-default,var(--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)));flex-direction:row;align-items:flex-start;padding-block-start:var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label));padding-block-end:var(--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label));padding-inline:0;display:flex}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk))}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(--mod-statuslight-spacing-top-to-dot,var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)));content:\"\";inline-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));block-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));border-radius:var(--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius));flex-grow:0;flex-shrink:0;margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label));display:inline-block}:host([variant=neutral]){color:var(--highcontrast-statuslight-subdued-content-color-default,var(--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)));font-style:italic}:host([variant=neutral]):before{background-color:var(--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color))}:host([variant=accent]):before{background-color:var(--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color))}:host([variant=info]):before{background-color:var(--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color))}:host([variant=negative]):before{background-color:var(--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color))}:host([variant=notice]):before{background-color:var(--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color))}:host([variant=positive]):before{background-color:var(--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color))}.spectrum-StatusLight--gray:before{background-color:var(--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color))}.spectrum-StatusLight--red:before{background-color:var(--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color))}.spectrum-StatusLight--orange:before{background-color:var(--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color))}:host([variant=yellow]):before{background-color:var(--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color))}:host([variant=chartreuse]):before{background-color:var(--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color))}:host([variant=celery]):before{background-color:var(--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color))}.spectrum-StatusLight--green:before{background-color:var(--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color))}:host([variant=seafoam]):before{background-color:var(--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color))}:host([variant=cyan]):before{background-color:var(--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color))}.spectrum-StatusLight--blue:before{background-color:var(--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color))}:host([variant=indigo]):before{background-color:var(--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color))}:host([variant=purple]):before{background-color:var(--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color))}:host([variant=fuchsia]):before{background-color:var(--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color))}:host([variant=magenta]):before{background-color:var(--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color))}@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{forced-color-adjust:none;border:var(--mod-statuslight-border-width,var(--spectrum-statuslight-border-width))solid ButtonText}}\n`;\nexport default styles;"],
5
- "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
-
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=status-light-overrides.css.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["status-light-overrides.css.ts"],
4
- "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n \n`;\nexport default styles;"],
5
- "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
@@ -1,2 +0,0 @@
1
- declare const styles: import("@spectrum-web-components/base").CSSResult;
2
- export default styles;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- import { css } from "@spectrum-web-components/base";
3
- const styles = css`
4
- :host([dir]),:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-medium);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-100);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-medium);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-100)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-small);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-75);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-small);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-200);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-200);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-200)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-extra-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-300);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-extra-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-300);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-300)}:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--spectrum-neutral-visual-color);--spectrum-statuslight-semantic-accent-color:var(--spectrum-accent-visual-color);--spectrum-statuslight-semantic-negative-color:var(--spectrum-negative-visual-color);--spectrum-statuslight-semantic-info-color:var(--spectrum-informative-visual-color);--spectrum-statuslight-semantic-notice-color:var(--spectrum-notice-visual-color);--spectrum-statuslight-semantic-positive-color:var(--spectrum-positive-visual-color);--spectrum-statuslight-nonsemantic-gray-color:var(--spectrum-gray-visual-color);--spectrum-statuslight-nonsemantic-red-color:var(--spectrum-red-visual-color);--spectrum-statuslight-nonsemantic-orange-color:var(--spectrum-orange-visual-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--spectrum-yellow-visual-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--spectrum-chartreuse-visual-color);--spectrum-statuslight-nonsemantic-celery-color:var(--spectrum-celery-visual-color);--spectrum-statuslight-nonsemantic-green-color:var(--spectrum-green-visual-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--spectrum-seafoam-visual-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--spectrum-cyan-visual-color);--spectrum-statuslight-nonsemantic-blue-color:var(--spectrum-blue-visual-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--spectrum-indigo-visual-color);--spectrum-statuslight-nonsemantic-purple-color:var(--spectrum-purple-visual-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--spectrum-fuchsia-visual-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--spectrum-magenta-visual-color);min-block-size:var(--mod-statuslight-height,var(--spectrum-statuslight-height));box-sizing:border-box;font-size:var(--mod-statuslight-font-size,var(--spectrum-statuslight-font-size));font-weight:400;font-weight:var(--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight));line-height:var(--mod-statuslight-line-height,var(--spectrum-statuslight-line-height));color:var(--highcontrast-statuslight-content-color-default,var(--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)));flex-direction:row;align-items:flex-start;padding-block-start:var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label));padding-block-end:var(--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label));padding-inline:0;display:flex}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk))}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(--mod-statuslight-spacing-top-to-dot,var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)));content:"";inline-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));block-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));border-radius:var(--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius));flex-grow:0;flex-shrink:0;margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label));display:inline-block}:host([variant=neutral]){color:var(--highcontrast-statuslight-subdued-content-color-default,var(--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)));font-style:italic}:host([variant=neutral]):before{background-color:var(--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color))}:host([variant=accent]):before{background-color:var(--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color))}:host([variant=info]):before{background-color:var(--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color))}:host([variant=negative]):before{background-color:var(--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color))}:host([variant=notice]):before{background-color:var(--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color))}:host([variant=positive]):before{background-color:var(--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color))}.spectrum-StatusLight--gray:before{background-color:var(--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color))}.spectrum-StatusLight--red:before{background-color:var(--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color))}.spectrum-StatusLight--orange:before{background-color:var(--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color))}:host([variant=yellow]):before{background-color:var(--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color))}:host([variant=chartreuse]):before{background-color:var(--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color))}:host([variant=celery]):before{background-color:var(--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color))}.spectrum-StatusLight--green:before{background-color:var(--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color))}:host([variant=seafoam]):before{background-color:var(--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color))}:host([variant=cyan]):before{background-color:var(--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color))}.spectrum-StatusLight--blue:before{background-color:var(--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color))}:host([variant=indigo]):before{background-color:var(--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color))}:host([variant=purple]):before{background-color:var(--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color))}:host([variant=fuchsia]):before{background-color:var(--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color))}:host([variant=magenta]):before{background-color:var(--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color))}@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{forced-color-adjust:none;border:var(--mod-statuslight-border-width,var(--spectrum-statuslight-border-width))solid ButtonText}}:host([disabled]):before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-gray-400))}
5
- `;
6
- export default styles;
7
- //# sourceMappingURL=status-light.css.dev.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["status-light.css.ts"],
4
- "sourcesContent": ["import { css } from '@spectrum-web-components/base';\nconst styles = css`\n :host([dir]),:host{--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-medium);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-100);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-medium);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-100);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-100)}:host([size=s]){--spectrum-statuslight-height:var(--spectrum-component-height-75);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-small);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-75);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-small);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-75);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-75)}:host([size=l]){--spectrum-statuslight-height:var(--spectrum-component-height-200);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-200);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-200);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-200)}:host([size=xl]){--spectrum-statuslight-height:var(--spectrum-component-height-300);--spectrum-statuslight-dot-size:var(--spectrum-status-light-dot-size-extra-large);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(--spectrum-text-to-visual-300);--spectrum-statuslight-spacing-top-to-dot:var(--spectrum-status-light-top-to-dot-extra-large);--spectrum-statuslight-spacing-top-to-label:var(--spectrum-component-top-to-text-300);--spectrum-statuslight-spacing-bottom-to-label:var(--spectrum-component-bottom-to-text-300)}:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-content-color-default:var(--spectrum-neutral-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--spectrum-neutral-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--spectrum-neutral-visual-color);--spectrum-statuslight-semantic-accent-color:var(--spectrum-accent-visual-color);--spectrum-statuslight-semantic-negative-color:var(--spectrum-negative-visual-color);--spectrum-statuslight-semantic-info-color:var(--spectrum-informative-visual-color);--spectrum-statuslight-semantic-notice-color:var(--spectrum-notice-visual-color);--spectrum-statuslight-semantic-positive-color:var(--spectrum-positive-visual-color);--spectrum-statuslight-nonsemantic-gray-color:var(--spectrum-gray-visual-color);--spectrum-statuslight-nonsemantic-red-color:var(--spectrum-red-visual-color);--spectrum-statuslight-nonsemantic-orange-color:var(--spectrum-orange-visual-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--spectrum-yellow-visual-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--spectrum-chartreuse-visual-color);--spectrum-statuslight-nonsemantic-celery-color:var(--spectrum-celery-visual-color);--spectrum-statuslight-nonsemantic-green-color:var(--spectrum-green-visual-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--spectrum-seafoam-visual-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--spectrum-cyan-visual-color);--spectrum-statuslight-nonsemantic-blue-color:var(--spectrum-blue-visual-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--spectrum-indigo-visual-color);--spectrum-statuslight-nonsemantic-purple-color:var(--spectrum-purple-visual-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--spectrum-fuchsia-visual-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--spectrum-magenta-visual-color);min-block-size:var(--mod-statuslight-height,var(--spectrum-statuslight-height));box-sizing:border-box;font-size:var(--mod-statuslight-font-size,var(--spectrum-statuslight-font-size));font-weight:400;font-weight:var(--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight));line-height:var(--mod-statuslight-line-height,var(--spectrum-statuslight-line-height));color:var(--highcontrast-statuslight-content-color-default,var(--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)));flex-direction:row;align-items:flex-start;padding-block-start:var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label));padding-block-end:var(--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label));padding-inline:0;display:flex}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(--mod-statuslight-line-height-cjk,var(--spectrum-statuslight-line-height-cjk))}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(--mod-statuslight-spacing-top-to-dot,var(--spectrum-statuslight-spacing-top-to-dot)) - var(--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)));content:\"\";inline-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));block-size:var(--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size));border-radius:var(--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius));flex-grow:0;flex-shrink:0;margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label));display:inline-block}:host([variant=neutral]){color:var(--highcontrast-statuslight-subdued-content-color-default,var(--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)));font-style:italic}:host([variant=neutral]):before{background-color:var(--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color))}:host([variant=accent]):before{background-color:var(--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color))}:host([variant=info]):before{background-color:var(--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color))}:host([variant=negative]):before{background-color:var(--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color))}:host([variant=notice]):before{background-color:var(--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color))}:host([variant=positive]):before{background-color:var(--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color))}.spectrum-StatusLight--gray:before{background-color:var(--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color))}.spectrum-StatusLight--red:before{background-color:var(--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color))}.spectrum-StatusLight--orange:before{background-color:var(--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color))}:host([variant=yellow]):before{background-color:var(--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color))}:host([variant=chartreuse]):before{background-color:var(--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color))}:host([variant=celery]):before{background-color:var(--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color))}.spectrum-StatusLight--green:before{background-color:var(--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color))}:host([variant=seafoam]):before{background-color:var(--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color))}:host([variant=cyan]):before{background-color:var(--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color))}.spectrum-StatusLight--blue:before{background-color:var(--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color))}:host([variant=indigo]):before{background-color:var(--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color))}:host([variant=purple]):before{background-color:var(--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color))}:host([variant=fuchsia]):before{background-color:var(--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color))}:host([variant=magenta]):before{background-color:var(--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color))}@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{forced-color-adjust:none;border:var(--mod-statuslight-border-width,var(--spectrum-statuslight-border-width))solid ButtonText}}:host([disabled]):before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-gray-400))}\n`;\nexport default styles;"],
5
- "mappings": ";AAAA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
6
- "names": []
7
- }
@@ -1,80 +0,0 @@
1
- "use strict";
2
- import { html } from "@spectrum-web-components/base";
3
- import "@spectrum-web-components/status-light/sp-status-light.js";
4
- export default {
5
- component: "sp-status-light",
6
- title: "StatusLight"
7
- };
8
- export const s = () => html`
9
- <sp-status-light size="s" variant="accent">accent</sp-status-light>
10
- <sp-status-light size="s" variant="positive">positive</sp-status-light>
11
- <sp-status-light size="s" variant="negative">negative</sp-status-light>
12
- <sp-status-light size="s" variant="notice">notice</sp-status-light>
13
- <sp-status-light size="s" variant="info">info</sp-status-light>
14
- <sp-status-light size="s" variant="neutral">neutral</sp-status-light>
15
- <sp-status-light size="s" variant="yellow">yellow</sp-status-light>
16
- <sp-status-light size="s" variant="fuchsia">fuchsia</sp-status-light>
17
- <sp-status-light size="s" variant="indigo">indigo</sp-status-light>
18
- <sp-status-light size="s" variant="seafoam">seafoam</sp-status-light>
19
- <sp-status-light size="s" variant="chartreuse">chartreuse</sp-status-light>
20
- <sp-status-light size="s" variant="magenta">magenta</sp-status-light>
21
- <sp-status-light size="s" variant="celery">celery</sp-status-light>
22
- <sp-status-light size="s" variant="purple">purple</sp-status-light>
23
- <sp-status-light size="s" variant="cyan">cyan</sp-status-light>
24
- `;
25
- export const m = () => html`
26
- <sp-status-light size="m" variant="accent">accent</sp-status-light>
27
- <sp-status-light size="m" variant="positive">positive</sp-status-light>
28
- <sp-status-light size="m" variant="negative">negative</sp-status-light>
29
- <sp-status-light size="m" variant="notice">notice</sp-status-light>
30
- <sp-status-light size="m" variant="info">info</sp-status-light>
31
- <sp-status-light size="m" variant="neutral">neutral</sp-status-light>
32
- <sp-status-light size="m" variant="yellow">yellow</sp-status-light>
33
- <sp-status-light size="m" variant="fuchsia">fuchsia</sp-status-light>
34
- <sp-status-light size="m" variant="indigo">indigo</sp-status-light>
35
- <sp-status-light size="m" variant="seafoam">seafoam</sp-status-light>
36
- <sp-status-light size="m" variant="chartreuse">chartreuse</sp-status-light>
37
- <sp-status-light size="m" variant="magenta">magenta</sp-status-light>
38
- <sp-status-light size="m" variant="celery">celery</sp-status-light>
39
- <sp-status-light size="m" variant="purple">purple</sp-status-light>
40
- <sp-status-light size="m" variant="cyan">cyan</sp-status-light>
41
- `;
42
- export const l = () => html`
43
- <sp-status-light size="l" variant="accent">accent</sp-status-light>
44
- <sp-status-light size="l" variant="positive">positive</sp-status-light>
45
- <sp-status-light size="l" variant="negative">negative</sp-status-light>
46
- <sp-status-light size="l" variant="notice">notice</sp-status-light>
47
- <sp-status-light size="l" variant="info">info</sp-status-light>
48
- <sp-status-light size="l" variant="neutral">neutral</sp-status-light>
49
- <sp-status-light size="l" variant="yellow">yellow</sp-status-light>
50
- <sp-status-light size="l" variant="fuchsia">fuchsia</sp-status-light>
51
- <sp-status-light size="l" variant="indigo">indigo</sp-status-light>
52
- <sp-status-light size="l" variant="seafoam">seafoam</sp-status-light>
53
- <sp-status-light size="l" variant="chartreuse">chartreuse</sp-status-light>
54
- <sp-status-light size="l" variant="magenta">magenta</sp-status-light>
55
- <sp-status-light size="l" variant="celery">celery</sp-status-light>
56
- <sp-status-light size="l" variant="purple">purple</sp-status-light>
57
- <sp-status-light size="l" variant="cyan">cyan</sp-status-light>
58
- `;
59
- export const XL = () => html`
60
- <sp-status-light size="xl" variant="accent">accent</sp-status-light>
61
- <sp-status-light size="xl" variant="positive">positive</sp-status-light>
62
- <sp-status-light size="xl" variant="negative">negative</sp-status-light>
63
- <sp-status-light size="xl" variant="notice">notice</sp-status-light>
64
- <sp-status-light size="xl" variant="info">info</sp-status-light>
65
- <sp-status-light size="xl" variant="neutral">neutral</sp-status-light>
66
- <sp-status-light size="xl" variant="yellow">yellow</sp-status-light>
67
- <sp-status-light size="xl" variant="fuchsia">fuchsia</sp-status-light>
68
- <sp-status-light size="xl" variant="indigo">indigo</sp-status-light>
69
- <sp-status-light size="xl" variant="seafoam">seafoam</sp-status-light>
70
- <sp-status-light size="xl" variant="chartreuse">chartreuse</sp-status-light>
71
- <sp-status-light size="xl" variant="magenta">magenta</sp-status-light>
72
- <sp-status-light size="xl" variant="celery">celery</sp-status-light>
73
- <sp-status-light size="xl" variant="purple">purple</sp-status-light>
74
- <sp-status-light size="xl" variant="cyan">cyan</sp-status-light>
75
- `;
76
- export const disabledTrue = () => html`
77
- <sp-status-light variant="positive" disabled>positive</sp-status-light>
78
- `;
79
- disabledTrue.storyName = "disabled: true";
80
- //# sourceMappingURL=status-light.stories.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["status-light.stories.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/status-light/sp-status-light.js';\n\nexport default {\n component: 'sp-status-light',\n title: 'StatusLight',\n};\n\nexport const s = (): TemplateResult => html`\n <sp-status-light size=\"s\" variant=\"accent\">accent</sp-status-light>\n <sp-status-light size=\"s\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"s\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"s\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"s\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"s\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"s\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"s\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"s\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"s\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"s\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"s\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"s\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"s\" variant=\"purple\">purple</sp-status-light>\n <sp-status-light size=\"s\" variant=\"cyan\">cyan</sp-status-light>\n`;\n\nexport const m = (): TemplateResult => html`\n <sp-status-light size=\"m\" variant=\"accent\">accent</sp-status-light>\n <sp-status-light size=\"m\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"m\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"m\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"m\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"m\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"m\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"m\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"m\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"m\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"m\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"m\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"m\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"m\" variant=\"purple\">purple</sp-status-light>\n <sp-status-light size=\"m\" variant=\"cyan\">cyan</sp-status-light>\n`;\n\nexport const l = (): TemplateResult => html`\n <sp-status-light size=\"l\" variant=\"accent\">accent</sp-status-light>\n <sp-status-light size=\"l\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"l\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"l\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"l\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"l\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"l\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"l\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"l\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"l\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"l\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"l\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"l\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"l\" variant=\"purple\">purple</sp-status-light>\n <sp-status-light size=\"l\" variant=\"cyan\">cyan</sp-status-light>\n`;\n\nexport const XL = (): TemplateResult => html`\n <sp-status-light size=\"xl\" variant=\"accent\">accent</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"purple\">purple</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"cyan\">cyan</sp-status-light>\n`;\n\nexport const disabledTrue = (): TemplateResult => html`\n <sp-status-light variant=\"positive\" disabled>positive</sp-status-light>\n`;\n\ndisabledTrue.storyName = 'disabled: true';\n"],
5
- "mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AAEP,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEO,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBhC,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBhC,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBhC,aAAM,KAAK,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBjC,aAAM,eAAe,MAAsB;AAAA;AAAA;AAIlD,aAAa,YAAY;",
6
- "names": []
7
- }
@@ -1,8 +0,0 @@
1
- "use strict";
2
- import { html } from "@open-wc/testing";
3
- import "@spectrum-web-components/status-light/sp-status-light.js";
4
- import { testForMemoryLeaks } from "../../../test/testing-helpers.js";
5
- testForMemoryLeaks(html`
6
- <sp-status-light></sp-status-light>
7
- `);
8
- //# sourceMappingURL=status-light-memory.test.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["status-light-memory.test.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { html } from '@open-wc/testing';\nimport '@spectrum-web-components/status-light/sp-status-light.js';\nimport { testForMemoryLeaks } from '../../../test/testing-helpers.js';\n\ntestForMemoryLeaks(html`\n <sp-status-light></sp-status-light>\n`);\n"],
5
- "mappings": ";AAYA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
6
- "names": []
7
- }
@@ -1,5 +0,0 @@
1
- "use strict";
2
- import * as stories from "../stories/status-light.stories.js";
3
- import { regressVisuals } from "../../../test/visual/test.js";
4
- regressVisuals("StatusLightStories", stories);
5
- //# sourceMappingURL=status-light.test-vrt.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["status-light.test-vrt.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport * as stories from '../stories/status-light.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\nimport type { TestsType } from '../../../test/visual/test.js';\n\nregressVisuals('StatusLightStories', stories as unknown as TestsType);\n"],
5
- "mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAG/B,eAAe,sBAAsB,OAA+B;",
6
- "names": []
7
- }
@@ -1,53 +0,0 @@
1
- "use strict";
2
- import "@spectrum-web-components/status-light/sp-status-light.js";
3
- import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
4
- import { spy } from "sinon";
5
- describe("Status Light", () => {
6
- it("loads correctly", async () => {
7
- const el = await fixture(html`
8
- <sp-status-light variant="positive"></sp-status-light>
9
- `);
10
- await elementUpdated(el);
11
- expect(el).to.not.be.undefined;
12
- const rootEl = el.shadowRoot ? el.shadowRoot.querySelector("#root") : el.querySelector("#root");
13
- expect(rootEl).to.not.be.undefined;
14
- });
15
- it("[disabled] manages [aria-disabled]", async () => {
16
- const el = await fixture(html`
17
- <sp-status-light variant="positive"></sp-status-light>
18
- `);
19
- await elementUpdated(el);
20
- expect(el.hasAttribute("aria-disabled")).to.be.false;
21
- el.disabled = true;
22
- await elementUpdated(el);
23
- expect(el.hasAttribute("aria-disabled")).to.be.true;
24
- expect(el.getAttribute("aria-disabled")).to.equal("true");
25
- });
26
- describe("dev mode warnings", () => {
27
- let warningMessage;
28
- beforeEach(() => {
29
- window.__swc = window.__swc || { warn: () => {
30
- } };
31
- warningMessage = window.__swc.warn;
32
- window.__swc.issuedWarnings = /* @__PURE__ */ new Set();
33
- window.__swc.DEBUG = true;
34
- });
35
- afterEach(() => {
36
- window.__swc.warn = warningMessage;
37
- });
38
- it("warns when unsupported variant is used (brown)", async () => {
39
- const warnSpy = spy();
40
- window.__swc.warn = warnSpy;
41
- const el = await fixture(html`
42
- <sp-status-light variant="brown"></sp-status-light>
43
- `);
44
- await elementUpdated(el);
45
- expect(warnSpy.called).to.be.true;
46
- expect(warnSpy.firstCall.args[0]).to.equal(el);
47
- expect(warnSpy.firstCall.args[1]).to.equal(
48
- `<${el.localName}> element expects the "variant" attribute to be one of the following:`
49
- );
50
- });
51
- });
52
- });
53
- //# sourceMappingURL=status-light.test.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["status-light.test.ts"],
4
- "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport '@spectrum-web-components/status-light/sp-status-light.js';\nimport { StatusLight } from '@spectrum-web-components/status-light';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\nimport { spy } from 'sinon';\n\ndescribe('Status Light', () => {\n it('loads correctly', async () => {\n const el = await fixture<StatusLight>(html`\n <sp-status-light variant=\"positive\"></sp-status-light>\n `);\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const rootEl = el.shadowRoot\n ? (el.shadowRoot.querySelector('#root') as HTMLImageElement)\n : (el.querySelector('#root') as HTMLImageElement);\n expect(rootEl).to.not.be.undefined;\n });\n it('[disabled] manages [aria-disabled]', async () => {\n const el = await fixture<StatusLight>(html`\n <sp-status-light variant=\"positive\"></sp-status-light>\n `);\n\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-disabled')).to.be.false;\n\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-disabled')).to.be.true;\n expect(el.getAttribute('aria-disabled')).to.equal('true');\n });\n\n describe('dev mode warnings', () => {\n let warningMessage: typeof window.__swc.warn;\n\n beforeEach(() => {\n // Create __swc if it doesn't exist\n window.__swc = window.__swc || { warn: () => {} };\n // Store original warn function\n warningMessage = window.__swc.warn;\n // Reset issued warnings to avoid dedupe interference\n window.__swc.issuedWarnings = new Set();\n // Enable debug guard\n window.__swc.DEBUG = true;\n });\n\n afterEach(() => {\n // Restore original warn function\n window.__swc.warn = warningMessage;\n });\n\n it('warns when unsupported variant is used (brown)', async () => {\n const warnSpy = spy();\n window.__swc.warn = warnSpy as unknown as typeof window.__swc.warn;\n\n const el = await fixture<StatusLight>(html`\n <sp-status-light variant=\"brown\"></sp-status-light>\n `);\n\n await elementUpdated(el);\n\n expect(warnSpy.called).to.be.true;\n expect(warnSpy.firstCall.args[0]).to.equal(el);\n expect(warnSpy.firstCall.args[1]).to.equal(\n `<${el.localName}> element expects the \"variant\" attribute to be one of the following:`\n );\n });\n });\n});\n"],
5
- "mappings": ";AAWA,OAAO;AAEP,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AACtD,SAAS,WAAW;AAEpB,SAAS,gBAAgB,MAAM;AAC3B,KAAG,mBAAmB,YAAY;AAC9B,UAAM,KAAK,MAAM,QAAqB;AAAA;AAAA,SAErC;AAED,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AACrB,UAAM,SAAS,GAAG,aACX,GAAG,WAAW,cAAc,OAAO,IACnC,GAAG,cAAc,OAAO;AAC/B,WAAO,MAAM,EAAE,GAAG,IAAI,GAAG;AAAA,EAC7B,CAAC;AACD,KAAG,sCAAsC,YAAY;AACjD,UAAM,KAAK,MAAM,QAAqB;AAAA;AAAA,SAErC;AAED,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAE/C,OAAG,WAAW;AACd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,MAAM;AAAA,EAC5D,CAAC;AAED,WAAS,qBAAqB,MAAM;AAChC,QAAI;AAEJ,eAAW,MAAM;AAEb,aAAO,QAAQ,OAAO,SAAS,EAAE,MAAM,MAAM;AAAA,MAAC,EAAE;AAEhD,uBAAiB,OAAO,MAAM;AAE9B,aAAO,MAAM,iBAAiB,oBAAI,IAAI;AAEtC,aAAO,MAAM,QAAQ;AAAA,IACzB,CAAC;AAED,cAAU,MAAM;AAEZ,aAAO,MAAM,OAAO;AAAA,IACxB,CAAC;AAED,OAAG,kDAAkD,YAAY;AAC7D,YAAM,UAAU,IAAI;AACpB,aAAO,MAAM,OAAO;AAEpB,YAAM,KAAK,MAAM,QAAqB;AAAA;AAAA,aAErC;AAED,YAAM,eAAe,EAAE;AAEvB,aAAO,QAAQ,MAAM,EAAE,GAAG,GAAG;AAC7B,aAAO,QAAQ,UAAU,KAAK,CAAC,CAAC,EAAE,GAAG,MAAM,EAAE;AAC7C,aAAO,QAAQ,UAAU,KAAK,CAAC,CAAC,EAAE,GAAG;AAAA,QACjC,IAAI,GAAG,SAAS;AAAA,MACpB;AAAA,IACJ,CAAC;AAAA,EACL,CAAC;AACL,CAAC;",
6
- "names": []
7
- }