@spectrum-web-components/status-light 1.1.0 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +3 -3
- package/sp-status-light.d.ts +6 -0
- package/sp-status-light.dev.js +5 -0
- package/sp-status-light.dev.js.map +7 -0
- package/sp-status-light.js +2 -0
- package/sp-status-light.js.map +7 -0
- package/src/StatusLight.d.ts +24 -0
- package/src/StatusLight.dev.js +52 -0
- package/src/StatusLight.dev.js.map +7 -0
- package/src/StatusLight.js +4 -0
- package/src/StatusLight.js.map +7 -0
- package/src/index.d.ts +1 -0
- package/src/index.dev.js +3 -0
- package/src/index.dev.js.map +7 -0
- package/src/index.js +2 -0
- package/src/index.js.map +7 -0
- package/src/spectrum-status-light.css.d.ts +2 -0
- package/src/spectrum-status-light.css.dev.js +7 -0
- package/src/spectrum-status-light.css.dev.js.map +7 -0
- package/src/spectrum-status-light.css.js +4 -0
- package/src/spectrum-status-light.css.js.map +7 -0
- package/src/status-light-overrides.css.d.ts +2 -0
- package/src/status-light-overrides.css.dev.js +7 -0
- package/src/status-light-overrides.css.dev.js.map +7 -0
- package/src/status-light-overrides.css.js +4 -0
- package/src/status-light-overrides.css.js.map +7 -0
- package/src/status-light.css.d.ts +2 -0
- package/src/status-light.css.dev.js +7 -0
- package/src/status-light.css.dev.js.map +7 -0
- package/src/status-light.css.js +4 -0
- package/src/status-light.css.js.map +7 -0
- package/stories/status-light.stories.js +72 -0
- package/stories/status-light.stories.js.map +7 -0
- package/test/status-light-memory.test.js +8 -0
- package/test/status-light-memory.test.js.map +7 -0
- package/test/status-light.test-vrt.js +5 -0
- package/test/status-light.test-vrt.js.map +7 -0
- package/test/status-light.test.js +30 -0
- package/test/status-light.test.js.map +7 -0
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@spectrum-web-components/status-light",
|
3
|
-
"version": "1.1.
|
3
|
+
"version": "1.1.1",
|
4
4
|
"publishConfig": {
|
5
5
|
"access": "public"
|
6
6
|
},
|
@@ -58,7 +58,7 @@
|
|
58
58
|
"lit-html"
|
59
59
|
],
|
60
60
|
"dependencies": {
|
61
|
-
"@spectrum-web-components/base": "^1.1.
|
61
|
+
"@spectrum-web-components/base": "^1.1.1"
|
62
62
|
},
|
63
63
|
"devDependencies": {
|
64
64
|
"@spectrum-css/statuslight": "8.0.0-s2-foundations.15"
|
@@ -69,5 +69,5 @@
|
|
69
69
|
"./sp-*.js",
|
70
70
|
"./**/*.dev.js"
|
71
71
|
],
|
72
|
-
"gitHead": "
|
72
|
+
"gitHead": "44870aa95001c1b995456d994ae31bbe7277fac9"
|
73
73
|
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["sp-status-light.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*/\nimport { StatusLight } from './src/StatusLight.dev.js'\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-status-light', StatusLight);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sp-status-light': StatusLight;\n }\n}\n"],
|
5
|
+
"mappings": ";AAWA,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAE9B,cAAc,mBAAmB,WAAW;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["sp-status-light.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*/\nimport { StatusLight } from './src/StatusLight.js';\nimport { defineElement } from '@spectrum-web-components/base/src/define-element.js';\n\ndefineElement('sp-status-light', StatusLight);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sp-status-light': StatusLight;\n }\n}\n"],
|
5
|
+
"mappings": "aAWA,OAAS,eAAAA,MAAmB,uBAC5B,OAAS,iBAAAC,MAAqB,sDAE9BA,EAAc,kBAAmBD,CAAW",
|
6
|
+
"names": ["StatusLight", "defineElement"]
|
7
|
+
}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
|
2
|
+
declare const StatusLight_base: typeof SpectrumElement & {
|
3
|
+
new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
|
4
|
+
prototype: import("@spectrum-web-components/base").SizedElementInterface;
|
5
|
+
};
|
6
|
+
/**
|
7
|
+
* @element sp-status-light
|
8
|
+
*
|
9
|
+
* @slot - text label of the Status Light
|
10
|
+
*/
|
11
|
+
export declare class StatusLight extends StatusLight_base {
|
12
|
+
static get styles(): CSSResultArray;
|
13
|
+
/**
|
14
|
+
* 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.
|
15
|
+
*/
|
16
|
+
disabled: boolean;
|
17
|
+
/**
|
18
|
+
* The visual variant to apply to this status light.
|
19
|
+
*/
|
20
|
+
variant: 'negative' | 'notice' | 'positive' | 'info' | 'neutral' | 'yellow' | 'fuchsia' | 'indigo' | 'seafoam' | 'chartreuse' | 'magenta' | 'celery' | 'purple';
|
21
|
+
protected render(): TemplateResult;
|
22
|
+
protected updated(changes: PropertyValues): void;
|
23
|
+
}
|
24
|
+
export {};
|
@@ -0,0 +1,52 @@
|
|
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
|
+
SizedMixin,
|
15
|
+
SpectrumElement
|
16
|
+
} from "@spectrum-web-components/base";
|
17
|
+
import { property } from "@spectrum-web-components/base/src/decorators.js";
|
18
|
+
import statusLightStyles from "./status-light.css.js";
|
19
|
+
export class StatusLight extends SizedMixin(SpectrumElement, {
|
20
|
+
noDefaultSize: true
|
21
|
+
}) {
|
22
|
+
constructor() {
|
23
|
+
super(...arguments);
|
24
|
+
this.disabled = false;
|
25
|
+
this.variant = "info";
|
26
|
+
}
|
27
|
+
static get styles() {
|
28
|
+
return [statusLightStyles];
|
29
|
+
}
|
30
|
+
render() {
|
31
|
+
return html`
|
32
|
+
<slot></slot>
|
33
|
+
`;
|
34
|
+
}
|
35
|
+
updated(changes) {
|
36
|
+
super.updated(changes);
|
37
|
+
if (changes.has("disabled")) {
|
38
|
+
if (this.disabled) {
|
39
|
+
this.setAttribute("aria-disabled", "true");
|
40
|
+
} else {
|
41
|
+
this.removeAttribute("aria-disabled");
|
42
|
+
}
|
43
|
+
}
|
44
|
+
}
|
45
|
+
}
|
46
|
+
__decorateClass([
|
47
|
+
property({ type: Boolean, reflect: true })
|
48
|
+
], StatusLight.prototype, "disabled", 2);
|
49
|
+
__decorateClass([
|
50
|
+
property({ reflect: true })
|
51
|
+
], StatusLight.prototype, "variant", 2);
|
52
|
+
//# sourceMappingURL=StatusLight.dev.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 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 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
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,4 @@
|
|
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
|
+
<slot></slot>
|
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
|
+
//# sourceMappingURL=StatusLight.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 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 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
|
+
"names": ["html", "SizedMixin", "SpectrumElement", "property", "statusLightStyles", "changes", "__decorateClass"]
|
7
|
+
}
|
package/src/index.d.ts
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
export * from './StatusLight.js';
|
package/src/index.dev.js
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["index.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*/\nexport * from './StatusLight.dev.js'\n"],
|
5
|
+
"mappings": ";AAWA,cAAc;",
|
6
|
+
"names": []
|
7
|
+
}
|
package/src/index.js
ADDED
package/src/index.js.map
ADDED
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["index.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*/\nexport * from './StatusLight.js';\n"],
|
5
|
+
"mappings": "aAWA,WAAc",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
"use strict";
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
3
|
+
const styles = css`
|
4
|
+
:host([dir]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["spectrum-status-light.css.ts"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const o=t`
|
2
|
+
:host([dir]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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}}
|
3
|
+
`;export default o;
|
4
|
+
//# sourceMappingURL=spectrum-status-light.css.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["spectrum-status-light.css.ts"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
6
|
+
"names": ["css", "styles"]
|
7
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
"use strict";
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
3
|
+
const styles = css`
|
4
|
+
:host([dir]){--spectrum-statuslight-corner-radius:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}
|
5
|
+
`;
|
6
|
+
export default styles;
|
7
|
+
//# sourceMappingURL=status-light-overrides.css.dev.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light-overrides.css.ts"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}\n`;\nexport default styles;"],
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const s=t`
|
2
|
+
:host([dir]){--spectrum-statuslight-corner-radius:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}
|
3
|
+
`;export default s;
|
4
|
+
//# sourceMappingURL=status-light-overrides.css.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light-overrides.css.ts"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}\n`;\nexport default styles;"],
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
6
|
+
"names": ["css", "styles"]
|
7
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
"use strict";
|
2
|
+
import { css } from "@spectrum-web-components/base";
|
3
|
+
const styles = css`
|
4
|
+
:host([dir]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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([dir]){--spectrum-statuslight-corner-radius:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}: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
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light.css.ts"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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([dir]){--spectrum-statuslight-corner-radius:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}:host([disabled]):before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-gray-400))}\n`;\nexport default styles;"],
|
5
|
+
"mappings": ";AAWA,SAAS,WAAW;AACpB,MAAM,SAAS;AAAA;AAAA;AAGf,eAAe;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const s=t`
|
2
|
+
:host([dir]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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([dir]){--spectrum-statuslight-corner-radius:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}:host([disabled]):before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-gray-400))}
|
3
|
+
`;export default s;
|
4
|
+
//# sourceMappingURL=status-light.css.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light.css.ts"],
|
4
|
+
"sourcesContent": ["/*\nCopyright 2025 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]){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: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))}.spectrum-StatusLight--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))}.spectrum-StatusLight--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([dir]){--spectrum-statuslight-corner-radius:var(--system-status-light-corner-radius);--spectrum-statuslight-font-weight:var(--system-status-light-font-weight);--spectrum-statuslight-border-width:var(--system-status-light-border-width);--spectrum-statuslight-height:var(--system-status-light-height);--spectrum-statuslight-dot-size:var(--system-status-light-dot-size);--spectrum-statuslight-line-height:var(--system-status-light-line-height);--spectrum-statuslight-line-height-cjk:var(--system-status-light-line-height-cjk);--spectrum-statuslight-font-size:var(--system-status-light-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-spacing-bottom-to-label);--spectrum-statuslight-content-color-default:var(--system-status-light-content-color-default);--spectrum-statuslight-subdued-content-color-default:var(--system-status-light-subdued-content-color-default);--spectrum-statuslight-semantic-neutral-color:var(--system-status-light-semantic-neutral-color);--spectrum-statuslight-semantic-accent-color:var(--system-status-light-semantic-accent-color);--spectrum-statuslight-semantic-negative-color:var(--system-status-light-semantic-negative-color);--spectrum-statuslight-semantic-info-color:var(--system-status-light-semantic-info-color);--spectrum-statuslight-semantic-notice-color:var(--system-status-light-semantic-notice-color);--spectrum-statuslight-semantic-positive-color:var(--system-status-light-semantic-positive-color);--spectrum-statuslight-nonsemantic-gray-color:var(--system-status-light-nonsemantic-gray-color);--spectrum-statuslight-nonsemantic-red-color:var(--system-status-light-nonsemantic-red-color);--spectrum-statuslight-nonsemantic-orange-color:var(--system-status-light-nonsemantic-orange-color);--spectrum-statuslight-nonsemantic-yellow-color:var(--system-status-light-nonsemantic-yellow-color);--spectrum-statuslight-nonsemantic-chartreuse-color:var(--system-status-light-nonsemantic-chartreuse-color);--spectrum-statuslight-nonsemantic-celery-color:var(--system-status-light-nonsemantic-celery-color);--spectrum-statuslight-nonsemantic-green-color:var(--system-status-light-nonsemantic-green-color);--spectrum-statuslight-nonsemantic-seafoam-color:var(--system-status-light-nonsemantic-seafoam-color);--spectrum-statuslight-nonsemantic-cyan-color:var(--system-status-light-nonsemantic-cyan-color);--spectrum-statuslight-nonsemantic-blue-color:var(--system-status-light-nonsemantic-blue-color);--spectrum-statuslight-nonsemantic-indigo-color:var(--system-status-light-nonsemantic-indigo-color);--spectrum-statuslight-nonsemantic-purple-color:var(--system-status-light-nonsemantic-purple-color);--spectrum-statuslight-nonsemantic-fuchsia-color:var(--system-status-light-nonsemantic-fuchsia-color);--spectrum-statuslight-nonsemantic-magenta-color:var(--system-status-light-nonsemantic-magenta-color)}:host([size=s]){--spectrum-statuslight-height:var(--system-status-light-size-s-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-s-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-s-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-s-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-s-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-s-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-s-spacing-bottom-to-label)}:host{--spectrum-statuslight-height:var(--system-status-light-size-m-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-m-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-m-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-m-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-m-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-m-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-m-spacing-bottom-to-label)}:host([size=l]){--spectrum-statuslight-height:var(--system-status-light-size-l-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-l-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-l-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-l-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-l-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-l-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-l-spacing-bottom-to-label)}:host([size=xl]){--spectrum-statuslight-height:var(--system-status-light-size-xl-height);--spectrum-statuslight-dot-size:var(--system-status-light-size-xl-dot-size);--spectrum-statuslight-font-size:var(--system-status-light-size-xl-font-size);--spectrum-statuslight-spacing-dot-to-label:var(--system-status-light-size-xl-spacing-dot-to-label);--spectrum-statuslight-spacing-top-to-dot:var(--system-status-light-size-xl-spacing-top-to-dot);--spectrum-statuslight-spacing-top-to-label:var(--system-status-light-size-xl-spacing-top-to-label);--spectrum-statuslight-spacing-bottom-to-label:var(--system-status-light-size-xl-spacing-bottom-to-label)}:host([disabled]):before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-gray-400))}\n`;\nexport default styles;"],
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA,EAGf,eAAeC",
|
6
|
+
"names": ["css", "styles"]
|
7
|
+
}
|
@@ -0,0 +1,72 @@
|
|
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="positive">positive</sp-status-light>
|
10
|
+
<sp-status-light size="s" variant="negative">negative</sp-status-light>
|
11
|
+
<sp-status-light size="s" variant="notice">notice</sp-status-light>
|
12
|
+
<sp-status-light size="s" variant="info">info</sp-status-light>
|
13
|
+
<sp-status-light size="s" variant="neutral">neutral</sp-status-light>
|
14
|
+
<sp-status-light size="s" variant="yellow">yellow</sp-status-light>
|
15
|
+
<sp-status-light size="s" variant="fuchsia">fuchsia</sp-status-light>
|
16
|
+
<sp-status-light size="s" variant="indigo">indigo</sp-status-light>
|
17
|
+
<sp-status-light size="s" variant="seafoam">seafoam</sp-status-light>
|
18
|
+
<sp-status-light size="s" variant="chartreuse">chartreuse</sp-status-light>
|
19
|
+
<sp-status-light size="s" variant="magenta">magenta</sp-status-light>
|
20
|
+
<sp-status-light size="s" variant="celery">celery</sp-status-light>
|
21
|
+
<sp-status-light size="s" variant="purple">purple</sp-status-light>
|
22
|
+
`;
|
23
|
+
export const m = () => html`
|
24
|
+
<sp-status-light size="m" variant="positive">positive</sp-status-light>
|
25
|
+
<sp-status-light size="m" variant="negative">negative</sp-status-light>
|
26
|
+
<sp-status-light size="m" variant="notice">notice</sp-status-light>
|
27
|
+
<sp-status-light size="m" variant="info">info</sp-status-light>
|
28
|
+
<sp-status-light size="m" variant="neutral">neutral</sp-status-light>
|
29
|
+
<sp-status-light size="m" variant="yellow">yellow</sp-status-light>
|
30
|
+
<sp-status-light size="m" variant="fuchsia">fuchsia</sp-status-light>
|
31
|
+
<sp-status-light size="m" variant="indigo">indigo</sp-status-light>
|
32
|
+
<sp-status-light size="m" variant="seafoam">seafoam</sp-status-light>
|
33
|
+
<sp-status-light size="m" variant="chartreuse">chartreuse</sp-status-light>
|
34
|
+
<sp-status-light size="m" variant="magenta">magenta</sp-status-light>
|
35
|
+
<sp-status-light size="m" variant="celery">celery</sp-status-light>
|
36
|
+
<sp-status-light size="m" variant="purple">purple</sp-status-light>
|
37
|
+
`;
|
38
|
+
export const l = () => html`
|
39
|
+
<sp-status-light size="l" variant="positive">positive</sp-status-light>
|
40
|
+
<sp-status-light size="l" variant="negative">negative</sp-status-light>
|
41
|
+
<sp-status-light size="l" variant="notice">notice</sp-status-light>
|
42
|
+
<sp-status-light size="l" variant="info">info</sp-status-light>
|
43
|
+
<sp-status-light size="l" variant="neutral">neutral</sp-status-light>
|
44
|
+
<sp-status-light size="l" variant="yellow">yellow</sp-status-light>
|
45
|
+
<sp-status-light size="l" variant="fuchsia">fuchsia</sp-status-light>
|
46
|
+
<sp-status-light size="l" variant="indigo">indigo</sp-status-light>
|
47
|
+
<sp-status-light size="l" variant="seafoam">seafoam</sp-status-light>
|
48
|
+
<sp-status-light size="l" variant="chartreuse">chartreuse</sp-status-light>
|
49
|
+
<sp-status-light size="l" variant="magenta">magenta</sp-status-light>
|
50
|
+
<sp-status-light size="l" variant="celery">celery</sp-status-light>
|
51
|
+
<sp-status-light size="l" variant="purple">purple</sp-status-light>
|
52
|
+
`;
|
53
|
+
export const XL = () => html`
|
54
|
+
<sp-status-light size="xl" variant="positive">positive</sp-status-light>
|
55
|
+
<sp-status-light size="xl" variant="negative">negative</sp-status-light>
|
56
|
+
<sp-status-light size="xl" variant="notice">notice</sp-status-light>
|
57
|
+
<sp-status-light size="xl" variant="info">info</sp-status-light>
|
58
|
+
<sp-status-light size="xl" variant="neutral">neutral</sp-status-light>
|
59
|
+
<sp-status-light size="xl" variant="yellow">yellow</sp-status-light>
|
60
|
+
<sp-status-light size="xl" variant="fuchsia">fuchsia</sp-status-light>
|
61
|
+
<sp-status-light size="xl" variant="indigo">indigo</sp-status-light>
|
62
|
+
<sp-status-light size="xl" variant="seafoam">seafoam</sp-status-light>
|
63
|
+
<sp-status-light size="xl" variant="chartreuse">chartreuse</sp-status-light>
|
64
|
+
<sp-status-light size="xl" variant="magenta">magenta</sp-status-light>
|
65
|
+
<sp-status-light size="xl" variant="celery">celery</sp-status-light>
|
66
|
+
<sp-status-light size="xl" variant="purple">purple</sp-status-light>
|
67
|
+
`;
|
68
|
+
export const disabledTrue = () => html`
|
69
|
+
<sp-status-light variant="positive" disabled>positive</sp-status-light>
|
70
|
+
`;
|
71
|
+
disabledTrue.storyName = "disabled: true";
|
72
|
+
//# sourceMappingURL=status-light.stories.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light.stories.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*/\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=\"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`;\n\nexport const m = (): TemplateResult => html`\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`;\n\nexport const l = (): TemplateResult => html`\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`;\n\nexport const XL = (): TemplateResult => html`\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`;\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;AAgBhC,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,aAAM,KAAK,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBjC,aAAM,eAAe,MAAsB;AAAA;AAAA;AAIlD,aAAa,YAAY;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,8 @@
|
|
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
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light-memory.test.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\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 { 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": ";AAWA,SAAS,YAAY;AACrB,OAAO;AACP,SAAS,0BAA0B;AAEnC,mBAAmB;AAAA;AAAA,CAElB;",
|
6
|
+
"names": []
|
7
|
+
}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light.test-vrt.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 * 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
|
+
}
|
@@ -0,0 +1,30 @@
|
|
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
|
+
describe("Status Light", () => {
|
5
|
+
it("loads correctly", async () => {
|
6
|
+
const el = await fixture(
|
7
|
+
html`
|
8
|
+
<sp-status-light variant="positive"></sp-status-light>
|
9
|
+
`
|
10
|
+
);
|
11
|
+
await elementUpdated(el);
|
12
|
+
expect(el).to.not.be.undefined;
|
13
|
+
const rootEl = el.shadowRoot ? el.shadowRoot.querySelector("#root") : el.querySelector("#root");
|
14
|
+
expect(rootEl).to.not.be.undefined;
|
15
|
+
});
|
16
|
+
it("[disabled] manages [aria-disabled]", async () => {
|
17
|
+
const el = await fixture(
|
18
|
+
html`
|
19
|
+
<sp-status-light variant="positive"></sp-status-light>
|
20
|
+
`
|
21
|
+
);
|
22
|
+
await elementUpdated(el);
|
23
|
+
expect(el.hasAttribute("aria-disabled")).to.be.false;
|
24
|
+
el.disabled = true;
|
25
|
+
await elementUpdated(el);
|
26
|
+
expect(el.hasAttribute("aria-disabled")).to.be.true;
|
27
|
+
expect(el.getAttribute("aria-disabled")).to.equal("true");
|
28
|
+
});
|
29
|
+
});
|
30
|
+
//# sourceMappingURL=status-light.test.js.map
|
@@ -0,0 +1,7 @@
|
|
1
|
+
{
|
2
|
+
"version": 3,
|
3
|
+
"sources": ["status-light.test.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\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 '@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';\n\ndescribe('Status Light', () => {\n it('loads correctly', async () => {\n const el = await fixture<StatusLight>(\n html`\n <sp-status-light variant=\"positive\"></sp-status-light>\n `\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>(\n html`\n <sp-status-light variant=\"positive\"></sp-status-light>\n `\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"],
|
5
|
+
"mappings": ";AAUA,OAAO;AAEP,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,SAAS,gBAAgB,MAAM;AAC3B,KAAG,mBAAmB,YAAY;AAC9B,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,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;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,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;AACL,CAAC;",
|
6
|
+
"names": []
|
7
|
+
}
|