@spectrum-web-components/status-light 1.12.0-testing.20260223092154 → 1.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +197 -2
- package/package.json +2 -3
- package/src/StatusLight.base.d.ts +48 -0
- package/src/StatusLight.base.dev.js +59 -0
- package/src/StatusLight.base.dev.js.map +7 -0
- package/src/StatusLight.base.js +2 -0
- package/src/StatusLight.base.js.map +7 -0
- package/src/StatusLight.d.ts +2 -1
- package/src/StatusLight.dev.js +4 -4
- package/src/StatusLight.dev.js.map +2 -2
- package/src/StatusLight.js +2 -2
- package/src/StatusLight.js.map +3 -3
- package/src/StatusLight.types.d.ts +28 -0
- package/src/StatusLight.types.dev.js +49 -0
- package/src/StatusLight.types.dev.js.map +7 -0
- package/src/StatusLight.types.js +2 -0
- package/src/StatusLight.types.js.map +7 -0
package/custom-elements.json
CHANGED
|
@@ -17,6 +17,53 @@
|
|
|
17
17
|
}
|
|
18
18
|
]
|
|
19
19
|
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "src/StatusLight.base.js",
|
|
23
|
+
"declarations": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "class",
|
|
26
|
+
"description": "A status light is a great way to convey semantic meaning and the condition of an entity, such as statuses and categories.",
|
|
27
|
+
"name": "StatusLightBase",
|
|
28
|
+
"slots": [
|
|
29
|
+
{
|
|
30
|
+
"description": "The text label of the status light.",
|
|
31
|
+
"name": ""
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
"members": [],
|
|
35
|
+
"attributes": [
|
|
36
|
+
{
|
|
37
|
+
"type": {
|
|
38
|
+
"text": "ElementSize"
|
|
39
|
+
},
|
|
40
|
+
"description": "The size of the status light.",
|
|
41
|
+
"name": "size"
|
|
42
|
+
}
|
|
43
|
+
],
|
|
44
|
+
"mixins": [
|
|
45
|
+
{
|
|
46
|
+
"name": "SizedMixin",
|
|
47
|
+
"package": "@spectrum-web-components/base/src/sizedMixin.js"
|
|
48
|
+
}
|
|
49
|
+
],
|
|
50
|
+
"superclass": {
|
|
51
|
+
"name": "SpectrumElement",
|
|
52
|
+
"package": "@spectrum-web-components/base"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
],
|
|
56
|
+
"exports": [
|
|
57
|
+
{
|
|
58
|
+
"kind": "js",
|
|
59
|
+
"name": "StatusLightBase",
|
|
60
|
+
"declaration": {
|
|
61
|
+
"name": "StatusLightBase",
|
|
62
|
+
"module": "src/StatusLight.base.js"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
]
|
|
66
|
+
},
|
|
20
67
|
{
|
|
21
68
|
"kind": "javascript-module",
|
|
22
69
|
"path": "src/StatusLight.js",
|
|
@@ -34,7 +81,11 @@
|
|
|
34
81
|
"slots": [
|
|
35
82
|
{
|
|
36
83
|
"description": "text label of the Status Light",
|
|
37
|
-
"name": ""
|
|
84
|
+
"name": "",
|
|
85
|
+
"inheritedFrom": {
|
|
86
|
+
"name": "StatusLightBase",
|
|
87
|
+
"module": "src/StatusLight.base.ts"
|
|
88
|
+
}
|
|
38
89
|
}
|
|
39
90
|
],
|
|
40
91
|
"members": [
|
|
@@ -81,11 +132,22 @@
|
|
|
81
132
|
"default": "false",
|
|
82
133
|
"deprecated": "The `disabled` property is is deprecated and will be removed\nin a future release.\n\nA 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.",
|
|
83
134
|
"fieldName": "disabled"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"type": {
|
|
138
|
+
"text": "ElementSize"
|
|
139
|
+
},
|
|
140
|
+
"description": "The size of the status light.",
|
|
141
|
+
"name": "size",
|
|
142
|
+
"inheritedFrom": {
|
|
143
|
+
"name": "StatusLightBase",
|
|
144
|
+
"module": "src/StatusLight.base.ts"
|
|
145
|
+
}
|
|
84
146
|
}
|
|
85
147
|
],
|
|
86
148
|
"superclass": {
|
|
87
149
|
"name": "StatusLightBase",
|
|
88
|
-
"
|
|
150
|
+
"module": "/src/StatusLight.base.js"
|
|
89
151
|
},
|
|
90
152
|
"tagName": "sp-status-light",
|
|
91
153
|
"customElement": true
|
|
@@ -109,6 +171,139 @@
|
|
|
109
171
|
}
|
|
110
172
|
}
|
|
111
173
|
]
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"kind": "javascript-module",
|
|
177
|
+
"path": "src/StatusLight.types.js",
|
|
178
|
+
"declarations": [
|
|
179
|
+
{
|
|
180
|
+
"kind": "variable",
|
|
181
|
+
"name": "STATUSLIGHT_VALID_SIZES",
|
|
182
|
+
"default": "[ 's', 'm', 'l', 'xl', ] as const satisfies readonly ElementSize[]"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"kind": "variable",
|
|
186
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC",
|
|
187
|
+
"type": {
|
|
188
|
+
"text": "[\n 'neutral',\n 'info',\n 'positive',\n 'negative',\n 'notice',\n]"
|
|
189
|
+
},
|
|
190
|
+
"default": "[ 'neutral', 'info', 'positive', 'negative', 'notice', ]"
|
|
191
|
+
},
|
|
192
|
+
{
|
|
193
|
+
"kind": "variable",
|
|
194
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC_S1",
|
|
195
|
+
"type": {
|
|
196
|
+
"text": "[\n ...STATUSLIGHT_VARIANTS_SEMANTIC,\n 'accent',\n]"
|
|
197
|
+
},
|
|
198
|
+
"default": "[ ...STATUSLIGHT_VARIANTS_SEMANTIC, 'accent', ]"
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"kind": "variable",
|
|
202
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC_S2",
|
|
203
|
+
"type": {
|
|
204
|
+
"text": "[\n ...STATUSLIGHT_VARIANTS_SEMANTIC,\n]"
|
|
205
|
+
},
|
|
206
|
+
"default": "[ ...STATUSLIGHT_VARIANTS_SEMANTIC, ]"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"kind": "variable",
|
|
210
|
+
"name": "STATUSLIGHT_VARIANTS_COLOR_S1",
|
|
211
|
+
"type": {
|
|
212
|
+
"text": "[\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'chartreuse',\n 'celery',\n 'cyan',\n]"
|
|
213
|
+
},
|
|
214
|
+
"default": "[ 'fuchsia', 'indigo', 'magenta', 'purple', 'seafoam', 'yellow', 'chartreuse', 'celery', 'cyan', ]"
|
|
215
|
+
},
|
|
216
|
+
{
|
|
217
|
+
"kind": "variable",
|
|
218
|
+
"name": "STATUSLIGHT_VARIANTS_COLOR_S2",
|
|
219
|
+
"type": {
|
|
220
|
+
"text": "[\n ...STATUSLIGHT_VARIANTS_COLOR_S1,\n 'pink',\n 'turquoise',\n 'brown',\n 'cinnamon',\n 'silver',\n]"
|
|
221
|
+
},
|
|
222
|
+
"default": "[ ...STATUSLIGHT_VARIANTS_COLOR_S1, 'pink', 'turquoise', 'brown', 'cinnamon', 'silver', ]"
|
|
223
|
+
},
|
|
224
|
+
{
|
|
225
|
+
"kind": "variable",
|
|
226
|
+
"name": "STATUSLIGHT_VARIANTS_S1",
|
|
227
|
+
"type": {
|
|
228
|
+
"text": "[\n ...STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n ...STATUSLIGHT_VARIANTS_COLOR_S1,\n]"
|
|
229
|
+
},
|
|
230
|
+
"default": "[ ...STATUSLIGHT_VARIANTS_SEMANTIC_S1, ...STATUSLIGHT_VARIANTS_COLOR_S1, ]"
|
|
231
|
+
},
|
|
232
|
+
{
|
|
233
|
+
"kind": "variable",
|
|
234
|
+
"name": "STATUSLIGHT_VARIANTS_S2",
|
|
235
|
+
"type": {
|
|
236
|
+
"text": "[\n ...STATUSLIGHT_VARIANTS_SEMANTIC_S2,\n ...STATUSLIGHT_VARIANTS_COLOR_S2,\n]"
|
|
237
|
+
},
|
|
238
|
+
"default": "[ ...STATUSLIGHT_VARIANTS_SEMANTIC_S2, ...STATUSLIGHT_VARIANTS_COLOR_S2, ]"
|
|
239
|
+
}
|
|
240
|
+
],
|
|
241
|
+
"exports": [
|
|
242
|
+
{
|
|
243
|
+
"kind": "js",
|
|
244
|
+
"name": "STATUSLIGHT_VALID_SIZES",
|
|
245
|
+
"declaration": {
|
|
246
|
+
"name": "STATUSLIGHT_VALID_SIZES",
|
|
247
|
+
"module": "src/StatusLight.types.js"
|
|
248
|
+
}
|
|
249
|
+
},
|
|
250
|
+
{
|
|
251
|
+
"kind": "js",
|
|
252
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC",
|
|
253
|
+
"declaration": {
|
|
254
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC",
|
|
255
|
+
"module": "src/StatusLight.types.js"
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
{
|
|
259
|
+
"kind": "js",
|
|
260
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC_S1",
|
|
261
|
+
"declaration": {
|
|
262
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC_S1",
|
|
263
|
+
"module": "src/StatusLight.types.js"
|
|
264
|
+
}
|
|
265
|
+
},
|
|
266
|
+
{
|
|
267
|
+
"kind": "js",
|
|
268
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC_S2",
|
|
269
|
+
"declaration": {
|
|
270
|
+
"name": "STATUSLIGHT_VARIANTS_SEMANTIC_S2",
|
|
271
|
+
"module": "src/StatusLight.types.js"
|
|
272
|
+
}
|
|
273
|
+
},
|
|
274
|
+
{
|
|
275
|
+
"kind": "js",
|
|
276
|
+
"name": "STATUSLIGHT_VARIANTS_COLOR_S1",
|
|
277
|
+
"declaration": {
|
|
278
|
+
"name": "STATUSLIGHT_VARIANTS_COLOR_S1",
|
|
279
|
+
"module": "src/StatusLight.types.js"
|
|
280
|
+
}
|
|
281
|
+
},
|
|
282
|
+
{
|
|
283
|
+
"kind": "js",
|
|
284
|
+
"name": "STATUSLIGHT_VARIANTS_COLOR_S2",
|
|
285
|
+
"declaration": {
|
|
286
|
+
"name": "STATUSLIGHT_VARIANTS_COLOR_S2",
|
|
287
|
+
"module": "src/StatusLight.types.js"
|
|
288
|
+
}
|
|
289
|
+
},
|
|
290
|
+
{
|
|
291
|
+
"kind": "js",
|
|
292
|
+
"name": "STATUSLIGHT_VARIANTS_S1",
|
|
293
|
+
"declaration": {
|
|
294
|
+
"name": "STATUSLIGHT_VARIANTS_S1",
|
|
295
|
+
"module": "src/StatusLight.types.js"
|
|
296
|
+
}
|
|
297
|
+
},
|
|
298
|
+
{
|
|
299
|
+
"kind": "js",
|
|
300
|
+
"name": "STATUSLIGHT_VARIANTS_S2",
|
|
301
|
+
"declaration": {
|
|
302
|
+
"name": "STATUSLIGHT_VARIANTS_S2",
|
|
303
|
+
"module": "src/StatusLight.types.js"
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
]
|
|
112
307
|
}
|
|
113
308
|
]
|
|
114
309
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spectrum-web-components/status-light",
|
|
3
|
-
"version": "1.12.0
|
|
3
|
+
"version": "1.12.0",
|
|
4
4
|
"description": "",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Adobe",
|
|
@@ -54,8 +54,7 @@
|
|
|
54
54
|
],
|
|
55
55
|
"types": "./src/index.d.ts",
|
|
56
56
|
"dependencies": {
|
|
57
|
-
"@spectrum-web-components/base": "1.12.0
|
|
58
|
-
"@spectrum-web-components/core": "0.0.5-testing.20260223092154"
|
|
57
|
+
"@spectrum-web-components/base": "1.12.0"
|
|
59
58
|
},
|
|
60
59
|
"keywords": [
|
|
61
60
|
"design-system",
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2026 Adobe. All rights reserved.
|
|
3
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
+
*
|
|
7
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
+
* governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
import { PropertyValues, SpectrumElement } from '@spectrum-web-components/base';
|
|
13
|
+
import { type StatusLightVariant } from './StatusLight.types.js';
|
|
14
|
+
declare const StatusLightBase_base: typeof SpectrumElement & import("@spectrum-web-components/base").Constructor<import("@spectrum-web-components/base").SizedElementInterface> & import("@spectrum-web-components/base").SizedElementConstructor;
|
|
15
|
+
/**
|
|
16
|
+
* A status light is a great way to convey semantic meaning and the condition of an entity, such as statuses and categories.
|
|
17
|
+
*
|
|
18
|
+
* @slot - The text label of the status light.
|
|
19
|
+
* @attribute {ElementSize} size - The size of the status light.
|
|
20
|
+
*/
|
|
21
|
+
export declare abstract class StatusLightBase extends StatusLightBase_base {
|
|
22
|
+
/**
|
|
23
|
+
* @internal
|
|
24
|
+
*
|
|
25
|
+
* A readonly array of the valid color variants for the status light.
|
|
26
|
+
*/
|
|
27
|
+
static readonly VARIANTS_COLOR: readonly string[];
|
|
28
|
+
/**
|
|
29
|
+
* @internal
|
|
30
|
+
*
|
|
31
|
+
* A readonly array of the valid semantic variants for the status light.
|
|
32
|
+
*/
|
|
33
|
+
static readonly VARIANTS_SEMANTIC: readonly string[];
|
|
34
|
+
/**
|
|
35
|
+
* @internal
|
|
36
|
+
*
|
|
37
|
+
* A readonly array of all valid variants for the status light.
|
|
38
|
+
*/
|
|
39
|
+
static readonly VARIANTS: readonly string[];
|
|
40
|
+
/**
|
|
41
|
+
* @internal
|
|
42
|
+
*
|
|
43
|
+
* The variant of the status light.
|
|
44
|
+
*/
|
|
45
|
+
variant: StatusLightVariant;
|
|
46
|
+
protected updated(changes: PropertyValues): void;
|
|
47
|
+
}
|
|
48
|
+
export {};
|
|
@@ -0,0 +1,59 @@
|
|
|
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 { SpectrumElement } from "@spectrum-web-components/base";
|
|
13
|
+
import { property } from "@spectrum-web-components/base/src/decorators.js";
|
|
14
|
+
import { SizedMixin } from "@spectrum-web-components/base/src/sizedMixin.js";
|
|
15
|
+
import {
|
|
16
|
+
STATUSLIGHT_VALID_SIZES
|
|
17
|
+
} from "./StatusLight.types.dev.js";
|
|
18
|
+
export class StatusLightBase extends SizedMixin(SpectrumElement, {
|
|
19
|
+
validSizes: STATUSLIGHT_VALID_SIZES,
|
|
20
|
+
noDefaultSize: true
|
|
21
|
+
}) {
|
|
22
|
+
constructor() {
|
|
23
|
+
super(...arguments);
|
|
24
|
+
this.variant = "info";
|
|
25
|
+
}
|
|
26
|
+
// ──────────────────────
|
|
27
|
+
// IMPLEMENTATION
|
|
28
|
+
// ──────────────────────
|
|
29
|
+
updated(changes) {
|
|
30
|
+
super.updated(changes);
|
|
31
|
+
if (true) {
|
|
32
|
+
const constructor = this.constructor;
|
|
33
|
+
if (!constructor.VARIANTS.includes(this.variant)) {
|
|
34
|
+
window.__swc.warn(
|
|
35
|
+
this,
|
|
36
|
+
`<${this.localName}> element expects the "variant" attribute to be one of the following:`,
|
|
37
|
+
"https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants",
|
|
38
|
+
{
|
|
39
|
+
issues: [...constructor.VARIANTS]
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
if (this.hasAttribute("disabled") && !("disabled" in this)) {
|
|
44
|
+
window.__swc.warn(
|
|
45
|
+
this,
|
|
46
|
+
`<${this.localName}> element does not support the disabled state.`,
|
|
47
|
+
"https://opensource.adobe.com/spectrum-web-components/components/status-light/#states",
|
|
48
|
+
{
|
|
49
|
+
issues: ["disabled is not a supported property in Spectrum 2"]
|
|
50
|
+
}
|
|
51
|
+
);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
__decorateClass([
|
|
57
|
+
property({ type: String, reflect: true })
|
|
58
|
+
], StatusLightBase.prototype, "variant", 2);
|
|
59
|
+
//# sourceMappingURL=StatusLight.base.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["StatusLight.base.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues, SpectrumElement } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { SizedMixin } from '@spectrum-web-components/base/src/sizedMixin.js';\n\nimport {\n STATUSLIGHT_VALID_SIZES,\n type StatusLightVariant,\n} from './StatusLight.types.dev.js'\n\n/**\n * A status light is a great way to convey semantic meaning and the condition of an entity, such as statuses and categories.\n *\n * @slot - The text label of the status light.\n * @attribute {ElementSize} size - The size of the status light.\n */\nexport abstract class StatusLightBase extends SizedMixin(SpectrumElement, {\n validSizes: STATUSLIGHT_VALID_SIZES,\n noDefaultSize: true,\n}) {\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API TO OVERRIDE\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @internal\n *\n * A readonly array of the valid color variants for the status light.\n */\n static readonly VARIANTS_COLOR: readonly string[];\n\n /**\n * @internal\n *\n * A readonly array of the valid semantic variants for the status light.\n */\n static readonly VARIANTS_SEMANTIC: readonly string[];\n\n /**\n * @internal\n *\n * A readonly array of all valid variants for the status light.\n */\n static readonly VARIANTS: readonly string[];\n\n /**\n * @internal\n *\n * The variant of the status light.\n */\n @property({ type: String, reflect: true })\n public variant: StatusLightVariant = 'info';\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // IMPLEMENTATION\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (window.__swc?.DEBUG) {\n const constructor = this.constructor as typeof StatusLightBase;\n if (!constructor.VARIANTS.includes(this.variant)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element expects the \"variant\" attribute to be one of the following:`,\n 'https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants',\n {\n issues: [...constructor.VARIANTS],\n }\n );\n }\n // Check disabled property if it exists (S1 only)\n if (this.hasAttribute('disabled') && !('disabled' in this)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element does not support the disabled state.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/status-light/#states',\n {\n issues: ['disabled is not a supported property in Spectrum 2'],\n }\n );\n }\n }\n }\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;AAWA,SAAyB,uBAAuB;AAChD,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAE3B;AAAA,EACE;AAAA,OAEK;AAQA,aAAe,wBAAwB,WAAW,iBAAiB;AAAA,EACxE,YAAY;AAAA,EACZ,eAAe;AACjB,CAAC,EAAE;AAAA,EAHI;AAAA;AAmCL,SAAO,UAA8B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMlB,QAAQ,SAA+B;AACxD,UAAM,QAAQ,OAAO;AACrB,QAAI,MAAqB;AACvB,YAAM,cAAc,KAAK;AACzB,UAAI,CAAC,YAAY,SAAS,SAAS,KAAK,OAAO,GAAG;AAChD,eAAO,MAAM;AAAA,UACX;AAAA,UACA,IAAI,KAAK,SAAS;AAAA,UAClB;AAAA,UACA;AAAA,YACE,QAAQ,CAAC,GAAG,YAAY,QAAQ;AAAA,UAClC;AAAA,QACF;AAAA,MACF;AAEA,UAAI,KAAK,aAAa,UAAU,KAAK,EAAE,cAAc,OAAO;AAC1D,eAAO,MAAM;AAAA,UACX;AAAA,UACA,IAAI,KAAK,SAAS;AAAA,UAClB;AAAA,UACA;AAAA,YACE,QAAQ,CAAC,oDAAoD;AAAA,UAC/D;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAjCS;AAAA,EADN,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAlCrB,gBAmCb;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var c=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var n=(r,e,s,o)=>{for(var t=o>1?void 0:o?p(e,s):e,i=r.length-1,a;i>=0;i--)(a=r[i])&&(t=(o?a(e,s,t):a(t))||t);return o&&t&&c(e,s,t),t};import{SpectrumElement as d}from"@spectrum-web-components/base";import{property as u}from"@spectrum-web-components/base/src/decorators.js";import{SizedMixin as l}from"@spectrum-web-components/base/src/sizedMixin.js";import{STATUSLIGHT_VALID_SIZES as m}from"./StatusLight.types.js";export class StatusLightBase extends l(d,{validSizes:m,noDefaultSize:!0}){constructor(){super(...arguments);this.variant="info"}updated(s){super.updated(s)}}n([u({type:String,reflect:!0})],StatusLightBase.prototype,"variant",2);
|
|
2
|
+
//# sourceMappingURL=StatusLight.base.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["StatusLight.base.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport { PropertyValues, SpectrumElement } from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport { SizedMixin } from '@spectrum-web-components/base/src/sizedMixin.js';\n\nimport {\n STATUSLIGHT_VALID_SIZES,\n type StatusLightVariant,\n} from './StatusLight.types.js';\n\n/**\n * A status light is a great way to convey semantic meaning and the condition of an entity, such as statuses and categories.\n *\n * @slot - The text label of the status light.\n * @attribute {ElementSize} size - The size of the status light.\n */\nexport abstract class StatusLightBase extends SizedMixin(SpectrumElement, {\n validSizes: STATUSLIGHT_VALID_SIZES,\n noDefaultSize: true,\n}) {\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API TO OVERRIDE\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @internal\n *\n * A readonly array of the valid color variants for the status light.\n */\n static readonly VARIANTS_COLOR: readonly string[];\n\n /**\n * @internal\n *\n * A readonly array of the valid semantic variants for the status light.\n */\n static readonly VARIANTS_SEMANTIC: readonly string[];\n\n /**\n * @internal\n *\n * A readonly array of all valid variants for the status light.\n */\n static readonly VARIANTS: readonly string[];\n\n /**\n * @internal\n *\n * The variant of the status light.\n */\n @property({ type: String, reflect: true })\n public variant: StatusLightVariant = 'info';\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // IMPLEMENTATION\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (window.__swc?.DEBUG) {\n const constructor = this.constructor as typeof StatusLightBase;\n if (!constructor.VARIANTS.includes(this.variant)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element expects the \"variant\" attribute to be one of the following:`,\n 'https://opensource.adobe.com/spectrum-web-components/components/status-light/#variants',\n {\n issues: [...constructor.VARIANTS],\n }\n );\n }\n // Check disabled property if it exists (S1 only)\n if (this.hasAttribute('disabled') && !('disabled' in this)) {\n window.__swc.warn(\n this,\n `<${this.localName}> element does not support the disabled state.`,\n 'https://opensource.adobe.com/spectrum-web-components/components/status-light/#states',\n {\n issues: ['disabled is not a supported property in Spectrum 2'],\n }\n );\n }\n }\n }\n}\n"],
|
|
5
|
+
"mappings": "qNAWA,OAAyB,mBAAAA,MAAuB,gCAChD,OAAS,YAAAC,MAAgB,kDACzB,OAAS,cAAAC,MAAkB,kDAE3B,OACE,2BAAAC,MAEK,yBAQA,aAAe,wBAAwBD,EAAWF,EAAiB,CACxE,WAAYG,EACZ,cAAe,EACjB,CAAC,CAAE,CAHI,kCAmCL,KAAO,QAA8B,OAMlB,QAAQC,EAA+B,CACxD,MAAM,QAAQA,CAAO,CAyBvB,CACF,CAjCSC,EAAA,CADNJ,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAlCrB,gBAmCb",
|
|
6
|
+
"names": ["SpectrumElement", "property", "SizedMixin", "STATUSLIGHT_VALID_SIZES", "changes", "__decorateClass"]
|
|
7
|
+
}
|
package/src/StatusLight.d.ts
CHANGED
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
* governing permissions and limitations under the License.
|
|
11
11
|
*/
|
|
12
12
|
import { CSSResultArray, PropertyValues, TemplateResult } from '@spectrum-web-components/base';
|
|
13
|
-
import { StatusLightBase
|
|
13
|
+
import { StatusLightBase } from './StatusLight.base.js';
|
|
14
|
+
import { type StatusLightVariantS1 } from './StatusLight.types.js';
|
|
14
15
|
/**
|
|
15
16
|
* @deprecated The `STATUSLIGHT_VARIANTS` export is deprecated and will be removed
|
|
16
17
|
* in a future release. If needed, you can access the internal
|
package/src/StatusLight.dev.js
CHANGED
|
@@ -13,13 +13,13 @@ import {
|
|
|
13
13
|
html
|
|
14
14
|
} from "@spectrum-web-components/base";
|
|
15
15
|
import { property } from "@spectrum-web-components/base/src/decorators.js";
|
|
16
|
+
import statusLightStyles from "./status-light.css.js";
|
|
17
|
+
import { StatusLightBase } from "./StatusLight.base.dev.js";
|
|
16
18
|
import {
|
|
17
19
|
STATUSLIGHT_VARIANTS_COLOR_S1,
|
|
18
20
|
STATUSLIGHT_VARIANTS_S1,
|
|
19
|
-
STATUSLIGHT_VARIANTS_SEMANTIC_S1
|
|
20
|
-
|
|
21
|
-
} from "@spectrum-web-components/core/components/status-light";
|
|
22
|
-
import statusLightStyles from "./status-light.css.js";
|
|
21
|
+
STATUSLIGHT_VARIANTS_SEMANTIC_S1
|
|
22
|
+
} from "./StatusLight.types.dev.js";
|
|
23
23
|
export const STATUSLIGHT_VARIANTS = STATUSLIGHT_VARIANTS_S1;
|
|
24
24
|
export class StatusLight extends StatusLightBase {
|
|
25
25
|
constructor() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["StatusLight.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport {\n STATUSLIGHT_VARIANTS_COLOR_S1,\n STATUSLIGHT_VARIANTS_S1,\n STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n
|
|
5
|
-
"mappings": ";;;;;;;;;;;AAYA;AAAA,EAEE;AAAA,OAGK;AACP,SAAS,gBAAgB;
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport statusLightStyles from './status-light.css.js';\nimport { StatusLightBase } from './StatusLight.base.dev.js'\nimport {\n STATUSLIGHT_VARIANTS_COLOR_S1,\n STATUSLIGHT_VARIANTS_S1,\n STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n type StatusLightVariantS1,\n} from './StatusLight.types.dev.js'\n\n/**\n * @deprecated The `STATUSLIGHT_VARIANTS` export is deprecated and will be removed\n * in a future release. If needed, you can access the internal\n * `StatusLight.VARIANTS` property from the constructor.\n */\nexport const STATUSLIGHT_VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n/**\n * @deprecated The `StatusLightVariant` type export is deprecated and will be removed\n * in a future release. If needed, you can infer this type from the `StatusLight`\n * prototype as follows: `typeof StatusLight.prototype.variant`\n */\nexport type StatusLightVariant = StatusLightVariantS1;\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends StatusLightBase {\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API OVERRIDES\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @internal\n */\n static override readonly VARIANTS_COLOR = STATUSLIGHT_VARIANTS_COLOR_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS_SEMANTIC = STATUSLIGHT_VARIANTS_SEMANTIC_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n /**\n * The variant of the status light.\n */\n @property({ type: String, reflect: true })\n public override variant: StatusLightVariantS1 = 'info';\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API ADDITIONS\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @deprecated The `disabled` property is is deprecated and will be removed\n * in a future release.\n *\n * A status light in a disabled state shows that a status exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a status may become available later.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // IMPLEMENTATION\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // RENDERING & STYLING\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;AAYA;AAAA,EAEE;AAAA,OAGK;AACP,SAAS,gBAAgB;AAEzB,OAAO,uBAAuB;AAC9B,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAOA,aAAM,uBAAuB;AAc7B,aAAM,oBAAoB,gBAAgB;AAAA,EAA1C;AAAA;AAwBL,SAAgB,UAAgC;AAahD,SAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,EAMC,QAAQ,SAA+B;AACxD,UAAM,QAAQ,OAAO;AACrB,QAAI,QAAQ,IAAI,UAAU,GAAG;AAC3B,UAAI,KAAK,UAAU;AACjB,aAAK,aAAa,iBAAiB,MAAM;AAAA,MAC3C,OAAO;AACL,aAAK,gBAAgB,eAAe;AAAA,MACtC;AAAA,IACF;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,WAA2B,SAAyB;AAClD,WAAO,CAAC,iBAAiB;AAAA,EAC3B;AAAA,EAEmB,SAAyB;AAC1C,WAAO;AAAA;AAAA;AAAA,EAGT;AACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlEa,YAQc,iBAAiB;AAAA;AAAA;AAAA;AAR/B,YAac,oBAAoB;AAAA;AAAA;AAAA;AAblC,YAkBc,WAAW;AAMpB;AAAA,EADf,SAAS,EAAE,MAAM,QAAQ,SAAS,KAAK,CAAC;AAAA,GAvB9B,YAwBK;AAaT;AAAA,EADN,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GApC/B,YAqCJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/src/StatusLight.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var p=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var l=(a,r,t,i)=>{for(var e=i>1?void 0:i?A(r,t):r,
|
|
1
|
+
"use strict";var p=Object.defineProperty;var A=Object.getOwnPropertyDescriptor;var l=(a,r,t,i)=>{for(var e=i>1?void 0:i?A(r,t):r,o=a.length-1,s;o>=0;o--)(s=a[o])&&(e=(i?s(r,t,e):s(e))||e);return i&&e&&p(r,t,e),e};import{html as T}from"@spectrum-web-components/base";import{property as S}from"@spectrum-web-components/base/src/decorators.js";import u from"./status-light.css.js";import{StatusLightBase as n}from"./StatusLight.base.js";import{STATUSLIGHT_VARIANTS_COLOR_S1 as m,STATUSLIGHT_VARIANTS_S1 as d,STATUSLIGHT_VARIANTS_SEMANTIC_S1 as y}from"./StatusLight.types.js";export const STATUSLIGHT_VARIANTS=d;export class StatusLight extends n{constructor(){super(...arguments);this.variant="info";this.disabled=!1}updated(t){super.updated(t),t.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}static get styles(){return[u]}render(){return T`
|
|
2
2
|
<slot></slot>
|
|
3
|
-
`}}StatusLight.VARIANTS_COLOR=
|
|
3
|
+
`}}StatusLight.VARIANTS_COLOR=m,StatusLight.VARIANTS_SEMANTIC=y,StatusLight.VARIANTS=d,l([S({type:String,reflect:!0})],StatusLight.prototype,"variant",2),l([S({type:Boolean,reflect:!0})],StatusLight.prototype,"disabled",2);
|
|
4
4
|
//# sourceMappingURL=StatusLight.js.map
|
package/src/StatusLight.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["StatusLight.ts"],
|
|
4
|
-
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\nimport {\n STATUSLIGHT_VARIANTS_COLOR_S1,\n STATUSLIGHT_VARIANTS_S1,\n STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n
|
|
5
|
-
"mappings": "qNAYA,OAEE,QAAAA,MAGK,gCACP,OAAS,YAAAC,MAAgB,
|
|
6
|
-
"names": ["html", "property", "
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n CSSResultArray,\n html,\n PropertyValues,\n TemplateResult,\n} from '@spectrum-web-components/base';\nimport { property } from '@spectrum-web-components/base/src/decorators.js';\n\nimport statusLightStyles from './status-light.css.js';\nimport { StatusLightBase } from './StatusLight.base.js';\nimport {\n STATUSLIGHT_VARIANTS_COLOR_S1,\n STATUSLIGHT_VARIANTS_S1,\n STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n type StatusLightVariantS1,\n} from './StatusLight.types.js';\n\n/**\n * @deprecated The `STATUSLIGHT_VARIANTS` export is deprecated and will be removed\n * in a future release. If needed, you can access the internal\n * `StatusLight.VARIANTS` property from the constructor.\n */\nexport const STATUSLIGHT_VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n/**\n * @deprecated The `StatusLightVariant` type export is deprecated and will be removed\n * in a future release. If needed, you can infer this type from the `StatusLight`\n * prototype as follows: `typeof StatusLight.prototype.variant`\n */\nexport type StatusLightVariant = StatusLightVariantS1;\n\n/**\n * @element sp-status-light\n *\n * @slot - text label of the Status Light\n */\nexport class StatusLight extends StatusLightBase {\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API OVERRIDES\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @internal\n */\n static override readonly VARIANTS_COLOR = STATUSLIGHT_VARIANTS_COLOR_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS_SEMANTIC = STATUSLIGHT_VARIANTS_SEMANTIC_S1;\n\n /**\n * @internal\n */\n static override readonly VARIANTS = STATUSLIGHT_VARIANTS_S1;\n\n /**\n * The variant of the status light.\n */\n @property({ type: String, reflect: true })\n public override variant: StatusLightVariantS1 = 'info';\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // API ADDITIONS\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n /**\n * @deprecated The `disabled` property is is deprecated and will be removed\n * in a future release.\n *\n * A status light in a disabled state shows that a status exists, but is not available in that circumstance. This can be used to maintain layout continuity and communicate that a status may become available later.\n */\n @property({ type: Boolean, reflect: true })\n public disabled = false;\n\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // IMPLEMENTATION\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n protected override updated(changes: PropertyValues): void {\n super.updated(changes);\n if (changes.has('disabled')) {\n if (this.disabled) {\n this.setAttribute('aria-disabled', 'true');\n } else {\n this.removeAttribute('aria-disabled');\n }\n }\n }\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n // RENDERING & STYLING\n // \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n public static override get styles(): CSSResultArray {\n return [statusLightStyles];\n }\n\n protected override render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n}\n"],
|
|
5
|
+
"mappings": "qNAYA,OAEE,QAAAA,MAGK,gCACP,OAAS,YAAAC,MAAgB,kDAEzB,OAAOC,MAAuB,wBAC9B,OAAS,mBAAAC,MAAuB,wBAChC,OACE,iCAAAC,EACA,2BAAAC,EACA,oCAAAC,MAEK,yBAOA,aAAM,qBAAuBD,EAc7B,aAAM,oBAAoBF,CAAgB,CAA1C,kCAwBL,KAAgB,QAAgC,OAahD,KAAO,SAAW,GAMC,QAAQI,EAA+B,CACxD,MAAM,QAAQA,CAAO,EACjBA,EAAQ,IAAI,UAAU,IACpB,KAAK,SACP,KAAK,aAAa,gBAAiB,MAAM,EAEzC,KAAK,gBAAgB,eAAe,EAG1C,CAKA,WAA2B,QAAyB,CAClD,MAAO,CAACL,CAAiB,CAC3B,CAEmB,QAAyB,CAC1C,OAAOF;AAAA;AAAA,KAGT,CACF,CAlEa,YAQc,eAAiBI,EAR/B,YAac,kBAAoBE,EAblC,YAkBc,SAAWD,EAMpBG,EAAA,CADfP,EAAS,CAAE,KAAM,OAAQ,QAAS,EAAK,CAAC,GAvB9B,YAwBK,uBAaTO,EAAA,CADNP,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GApC/B,YAqCJ",
|
|
6
|
+
"names": ["html", "property", "statusLightStyles", "StatusLightBase", "STATUSLIGHT_VARIANTS_COLOR_S1", "STATUSLIGHT_VARIANTS_S1", "STATUSLIGHT_VARIANTS_SEMANTIC_S1", "changes", "__decorateClass"]
|
|
7
7
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright 2026 Adobe. All rights reserved.
|
|
3
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
+
*
|
|
7
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
+
* governing permissions and limitations under the License.
|
|
11
|
+
*/
|
|
12
|
+
export declare const STATUSLIGHT_VALID_SIZES: readonly ["s", "m", "l", "xl"];
|
|
13
|
+
export declare const STATUSLIGHT_VARIANTS_SEMANTIC: readonly ["neutral", "info", "positive", "negative", "notice"];
|
|
14
|
+
export declare const STATUSLIGHT_VARIANTS_SEMANTIC_S1: readonly ["neutral", "info", "positive", "negative", "notice", "accent"];
|
|
15
|
+
export declare const STATUSLIGHT_VARIANTS_SEMANTIC_S2: readonly ["neutral", "info", "positive", "negative", "notice"];
|
|
16
|
+
export declare const STATUSLIGHT_VARIANTS_COLOR_S1: readonly ["fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan"];
|
|
17
|
+
export declare const STATUSLIGHT_VARIANTS_COLOR_S2: readonly ["fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan", "pink", "turquoise", "brown", "cinnamon", "silver"];
|
|
18
|
+
export declare const STATUSLIGHT_VARIANTS_S1: readonly ["neutral", "info", "positive", "negative", "notice", "accent", "fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan"];
|
|
19
|
+
export declare const STATUSLIGHT_VARIANTS_S2: readonly ["neutral", "info", "positive", "negative", "notice", "fuchsia", "indigo", "magenta", "purple", "seafoam", "yellow", "chartreuse", "celery", "cyan", "pink", "turquoise", "brown", "cinnamon", "silver"];
|
|
20
|
+
export type StatusLightSemanticVariantS1 = (typeof STATUSLIGHT_VARIANTS_SEMANTIC_S1)[number];
|
|
21
|
+
export type StatusLightSemanticVariantS2 = (typeof STATUSLIGHT_VARIANTS_SEMANTIC_S2)[number];
|
|
22
|
+
export type StatusLightSemanticVariant = StatusLightSemanticVariantS1 | StatusLightSemanticVariantS2;
|
|
23
|
+
export type StatusLightColorVariantS1 = (typeof STATUSLIGHT_VARIANTS_COLOR_S1)[number];
|
|
24
|
+
export type StatusLightColorVariantS2 = (typeof STATUSLIGHT_VARIANTS_COLOR_S2)[number];
|
|
25
|
+
export type StatusLightColorVariant = StatusLightColorVariantS1 | StatusLightColorVariantS2;
|
|
26
|
+
export type StatusLightVariantS1 = (typeof STATUSLIGHT_VARIANTS_S1)[number];
|
|
27
|
+
export type StatusLightVariantS2 = (typeof STATUSLIGHT_VARIANTS_S2)[number];
|
|
28
|
+
export type StatusLightVariant = StatusLightVariantS1 | StatusLightVariantS2;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
export const STATUSLIGHT_VALID_SIZES = [
|
|
3
|
+
"s",
|
|
4
|
+
"m",
|
|
5
|
+
"l",
|
|
6
|
+
"xl"
|
|
7
|
+
];
|
|
8
|
+
export const STATUSLIGHT_VARIANTS_SEMANTIC = [
|
|
9
|
+
"neutral",
|
|
10
|
+
"info",
|
|
11
|
+
"positive",
|
|
12
|
+
"negative",
|
|
13
|
+
"notice"
|
|
14
|
+
];
|
|
15
|
+
export const STATUSLIGHT_VARIANTS_SEMANTIC_S1 = [
|
|
16
|
+
...STATUSLIGHT_VARIANTS_SEMANTIC,
|
|
17
|
+
"accent"
|
|
18
|
+
];
|
|
19
|
+
export const STATUSLIGHT_VARIANTS_SEMANTIC_S2 = [
|
|
20
|
+
...STATUSLIGHT_VARIANTS_SEMANTIC
|
|
21
|
+
];
|
|
22
|
+
export const STATUSLIGHT_VARIANTS_COLOR_S1 = [
|
|
23
|
+
"fuchsia",
|
|
24
|
+
"indigo",
|
|
25
|
+
"magenta",
|
|
26
|
+
"purple",
|
|
27
|
+
"seafoam",
|
|
28
|
+
"yellow",
|
|
29
|
+
"chartreuse",
|
|
30
|
+
"celery",
|
|
31
|
+
"cyan"
|
|
32
|
+
];
|
|
33
|
+
export const STATUSLIGHT_VARIANTS_COLOR_S2 = [
|
|
34
|
+
...STATUSLIGHT_VARIANTS_COLOR_S1,
|
|
35
|
+
"pink",
|
|
36
|
+
"turquoise",
|
|
37
|
+
"brown",
|
|
38
|
+
"cinnamon",
|
|
39
|
+
"silver"
|
|
40
|
+
];
|
|
41
|
+
export const STATUSLIGHT_VARIANTS_S1 = [
|
|
42
|
+
...STATUSLIGHT_VARIANTS_SEMANTIC_S1,
|
|
43
|
+
...STATUSLIGHT_VARIANTS_COLOR_S1
|
|
44
|
+
];
|
|
45
|
+
export const STATUSLIGHT_VARIANTS_S2 = [
|
|
46
|
+
...STATUSLIGHT_VARIANTS_SEMANTIC_S2,
|
|
47
|
+
...STATUSLIGHT_VARIANTS_COLOR_S2
|
|
48
|
+
];
|
|
49
|
+
//# sourceMappingURL=StatusLight.types.dev.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["StatusLight.types.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ElementSize } from '@spectrum-web-components/base/src/sizedMixin.js';\n\nexport const STATUSLIGHT_VALID_SIZES = [\n 's',\n 'm',\n 'l',\n 'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC = [\n 'neutral',\n 'info',\n 'positive',\n 'negative',\n 'notice',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC_S1 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC,\n 'accent',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC_S2 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC,\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_COLOR_S1 = [\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'chartreuse',\n 'celery',\n 'cyan',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_COLOR_S2 = [\n ...STATUSLIGHT_VARIANTS_COLOR_S1,\n 'pink',\n 'turquoise',\n 'brown',\n 'cinnamon',\n 'silver',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_S1 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n ...STATUSLIGHT_VARIANTS_COLOR_S1,\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_S2 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC_S2,\n ...STATUSLIGHT_VARIANTS_COLOR_S2,\n] as const;\n\nexport type StatusLightSemanticVariantS1 =\n (typeof STATUSLIGHT_VARIANTS_SEMANTIC_S1)[number];\nexport type StatusLightSemanticVariantS2 =\n (typeof STATUSLIGHT_VARIANTS_SEMANTIC_S2)[number];\nexport type StatusLightSemanticVariant =\n | StatusLightSemanticVariantS1\n | StatusLightSemanticVariantS2;\n\nexport type StatusLightColorVariantS1 =\n (typeof STATUSLIGHT_VARIANTS_COLOR_S1)[number];\nexport type StatusLightColorVariantS2 =\n (typeof STATUSLIGHT_VARIANTS_COLOR_S2)[number];\nexport type StatusLightColorVariant =\n | StatusLightColorVariantS1\n | StatusLightColorVariantS2;\n\nexport type StatusLightVariantS1 = (typeof STATUSLIGHT_VARIANTS_S1)[number];\nexport type StatusLightVariantS2 = (typeof STATUSLIGHT_VARIANTS_S2)[number];\nexport type StatusLightVariant = StatusLightVariantS1 | StatusLightVariantS2;\n"],
|
|
5
|
+
"mappings": ";AAcO,aAAM,0BAA0B;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,aAAM,gCAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,aAAM,mCAAmC;AAAA,EAC9C,GAAG;AAAA,EACH;AACF;AAEO,aAAM,mCAAmC;AAAA,EAC9C,GAAG;AACL;AAEO,aAAM,gCAAgC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,aAAM,gCAAgC;AAAA,EAC3C,GAAG;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,aAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AACL;AAEO,aAAM,0BAA0B;AAAA,EACrC,GAAG;AAAA,EACH,GAAG;AACL;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";export const STATUSLIGHT_VALID_SIZES=["s","m","l","xl"],STATUSLIGHT_VARIANTS_SEMANTIC=["neutral","info","positive","negative","notice"],STATUSLIGHT_VARIANTS_SEMANTIC_S1=[...STATUSLIGHT_VARIANTS_SEMANTIC,"accent"],STATUSLIGHT_VARIANTS_SEMANTIC_S2=[...STATUSLIGHT_VARIANTS_SEMANTIC],STATUSLIGHT_VARIANTS_COLOR_S1=["fuchsia","indigo","magenta","purple","seafoam","yellow","chartreuse","celery","cyan"],STATUSLIGHT_VARIANTS_COLOR_S2=[...STATUSLIGHT_VARIANTS_COLOR_S1,"pink","turquoise","brown","cinnamon","silver"],STATUSLIGHT_VARIANTS_S1=[...STATUSLIGHT_VARIANTS_SEMANTIC_S1,...STATUSLIGHT_VARIANTS_COLOR_S1],STATUSLIGHT_VARIANTS_S2=[...STATUSLIGHT_VARIANTS_SEMANTIC_S2,...STATUSLIGHT_VARIANTS_COLOR_S2];
|
|
2
|
+
//# sourceMappingURL=StatusLight.types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["StatusLight.types.ts"],
|
|
4
|
+
"sourcesContent": ["/**\n * Copyright 2026 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { ElementSize } from '@spectrum-web-components/base/src/sizedMixin.js';\n\nexport const STATUSLIGHT_VALID_SIZES = [\n 's',\n 'm',\n 'l',\n 'xl',\n] as const satisfies readonly ElementSize[];\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC = [\n 'neutral',\n 'info',\n 'positive',\n 'negative',\n 'notice',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC_S1 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC,\n 'accent',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_SEMANTIC_S2 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC,\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_COLOR_S1 = [\n 'fuchsia',\n 'indigo',\n 'magenta',\n 'purple',\n 'seafoam',\n 'yellow',\n 'chartreuse',\n 'celery',\n 'cyan',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_COLOR_S2 = [\n ...STATUSLIGHT_VARIANTS_COLOR_S1,\n 'pink',\n 'turquoise',\n 'brown',\n 'cinnamon',\n 'silver',\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_S1 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC_S1,\n ...STATUSLIGHT_VARIANTS_COLOR_S1,\n] as const;\n\nexport const STATUSLIGHT_VARIANTS_S2 = [\n ...STATUSLIGHT_VARIANTS_SEMANTIC_S2,\n ...STATUSLIGHT_VARIANTS_COLOR_S2,\n] as const;\n\nexport type StatusLightSemanticVariantS1 =\n (typeof STATUSLIGHT_VARIANTS_SEMANTIC_S1)[number];\nexport type StatusLightSemanticVariantS2 =\n (typeof STATUSLIGHT_VARIANTS_SEMANTIC_S2)[number];\nexport type StatusLightSemanticVariant =\n | StatusLightSemanticVariantS1\n | StatusLightSemanticVariantS2;\n\nexport type StatusLightColorVariantS1 =\n (typeof STATUSLIGHT_VARIANTS_COLOR_S1)[number];\nexport type StatusLightColorVariantS2 =\n (typeof STATUSLIGHT_VARIANTS_COLOR_S2)[number];\nexport type StatusLightColorVariant =\n | StatusLightColorVariantS1\n | StatusLightColorVariantS2;\n\nexport type StatusLightVariantS1 = (typeof STATUSLIGHT_VARIANTS_S1)[number];\nexport type StatusLightVariantS2 = (typeof STATUSLIGHT_VARIANTS_S2)[number];\nexport type StatusLightVariant = StatusLightVariantS1 | StatusLightVariantS2;\n"],
|
|
5
|
+
"mappings": "aAcO,aAAM,wBAA0B,CACrC,IACA,IACA,IACA,IACF,EAEa,8BAAgC,CAC3C,UACA,OACA,WACA,WACA,QACF,EAEa,iCAAmC,CAC9C,GAAG,8BACH,QACF,EAEa,iCAAmC,CAC9C,GAAG,6BACL,EAEa,8BAAgC,CAC3C,UACA,SACA,UACA,SACA,UACA,SACA,aACA,SACA,MACF,EAEa,8BAAgC,CAC3C,GAAG,8BACH,OACA,YACA,QACA,WACA,QACF,EAEa,wBAA0B,CACrC,GAAG,iCACH,GAAG,6BACL,EAEa,wBAA0B,CACrC,GAAG,iCACH,GAAG,6BACL",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|