@spectrum-web-components/status-light 1.9.0-nightly.20251013134115 → 1.9.0

package/custom-elements.json

@@ -0,0 +1,106 @@
+{
+  "schemaVersion": "1.0.0",
+  "readme": "",
+  "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "sp-status-light.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "sp-status-light",
+          "declaration": {
+            "name": "StatusLight",
+            "module": "/src/StatusLight.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/StatusLight.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "StatusLight",
+          "slots": [
+            {
+              "description": "text label of the Status Light",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "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.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "| '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'"
+              },
+              "privacy": "public",
+              "default": "'info'",
+              "description": "The visual variant to apply to this status light.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "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.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "| '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'"
+              },
+              "default": "'info'",
+              "description": "The visual variant to apply to this status light.",
+              "fieldName": "variant"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SizedMixin",
+              "package": "@spectrum-web-components/base"
+            }
+          ],
+          "superclass": {
+            "name": "SpectrumElement",
+            "package": "@spectrum-web-components/base"
+          },
+          "tagName": "sp-status-light",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "StatusLight",
+          "declaration": {
+            "name": "StatusLight",
+            "module": "src/StatusLight.js"
+          }
+        }
+      ]
+    }
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/status-light",
-    "version": "1.9.0-nightly.20251013134115",
+    "version": "1.9.0",
     "publishConfig": {
         "access": "public"
     },
@@ -9,7 +9,7 @@
     "repository": {
         "type": "git",
         "url": "https://github.com/adobe/spectrum-web-components.git",
-        "directory": "first-gen/packages/status-light"
+        "directory": "packages/status-light"
     },
     "author": "Adobe",
     "homepage": "https://opensource.adobe.com/spectrum-web-components/components/status-light",
@@ -64,7 +64,7 @@
         "css"
     ],
     "dependencies": {
-        "@spectrum-web-components/base": "1.9.0-nightly.20251013134115"
+        "@spectrum-web-components/base": "1.9.0"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

package/src/StatusLight.d.ts

@@ -9,14 +9,27 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
-import { StatusLightBase } from '@spectrum-web-components/core-next/components/status-light';
+import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
+declare const StatusLight_base: typeof SpectrumElement & {
+    new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
+    prototype: import("@spectrum-web-components/base").SizedElementInterface;
+};
 /**
  * @element sp-status-light
  *
  * @slot - text label of the Status Light
  */
-export declare class StatusLight extends StatusLightBase {
+export declare class StatusLight extends StatusLight_base {
     static get styles(): CSSResultArray;
+    /**
+     * 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.
+     */
+    disabled: boolean;
+    /**
+     * The visual variant to apply to this status light.
+     */
+    variant: 'negative' | 'notice' | 'positive' | 'info' | 'neutral' | 'yellow' | 'fuchsia' | 'indigo' | 'seafoam' | 'chartreuse' | 'magenta' | 'celery' | 'purple';
     protected render(): TemplateResult;
+    protected updated(changes: PropertyValues): void;
 }
+export {};

package/src/StatusLight.dev.js

@@ -1,10 +1,29 @@
 "use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
 import {
-  html
+  html,
+  SizedMixin,
+  SpectrumElement
 } from "@spectrum-web-components/base";
-import { StatusLightBase } from "@spectrum-web-components/core-next/components/status-light";
+import { property } from "@spectrum-web-components/base/src/decorators.js";
 import statusLightStyles from "./status-light.css.js";
-export class StatusLight extends StatusLightBase {
+export class StatusLight extends SizedMixin(SpectrumElement, {
+  noDefaultSize: true
+}) {
+  constructor() {
+    super(...arguments);
+    this.disabled = false;
+    this.variant = "info";
+  }
   static get styles() {
     return [statusLightStyles];
   }
@@ -13,5 +32,21 @@ export class StatusLight extends StatusLightBase {
             <slot></slot>
         `;
   }
+  updated(changes) {
+    super.updated(changes);
+    if (changes.has("disabled")) {
+      if (this.disabled) {
+        this.setAttribute("aria-disabled", "true");
+      } else {
+        this.removeAttribute("aria-disabled");
+      }
+    }
+  }
 }
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], StatusLight.prototype, "disabled", 2);
+__decorateClass([
+  property({ reflect: true })
+], StatusLight.prototype, "variant", 2);
 //# sourceMappingURL=StatusLight.dev.js.map

package/src/StatusLight.dev.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["StatusLight.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { StatusLightBase } from '@spectrum-web-components/core-next/components/status-light';\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 StatusLightBase {\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"],
-  "mappings": ";AAYA;AAAA,EAEI;AAAA,OAEG;AACP,SAAS,uBAAuB;AAChC,OAAO,uBAAuB;AAOvB,aAAM,oBAAoB,gBAAgB;AAAA,EAC7C,WAA2B,SAAyB;AAChD,WAAO,CAAC,iBAAiB;AAAA,EAC7B;AAAA,EAEmB,SAAyB;AACxC,WAAO;AAAA;AAAA;AAAA,EAGX;AACJ;",
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    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"],
+  "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;",
   "names": []
 }

package/src/StatusLight.js

@@ -1,4 +1,4 @@
-"use strict";import{html as t}from"@spectrum-web-components/base";import{StatusLightBase as e}from"@spectrum-web-components/core-next/components/status-light";import r from"./status-light.css.js";export class StatusLight extends e{static get styles(){return[r]}render(){return t`
+"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`
             <slot></slot>
-        `}}
+        `}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);
 //# sourceMappingURL=StatusLight.js.map

package/src/StatusLight.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["StatusLight.ts"],
-  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    TemplateResult,\n} from '@spectrum-web-components/base';\nimport { StatusLightBase } from '@spectrum-web-components/core-next/components/status-light';\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 StatusLightBase {\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"],
-  "mappings": "aAYA,OAEI,QAAAA,MAEG,gCACP,OAAS,mBAAAC,MAAuB,6DAChC,OAAOC,MAAuB,wBAOvB,aAAM,oBAAoBD,CAAgB,CAC7C,WAA2B,QAAyB,CAChD,MAAO,CAACC,CAAiB,CAC7B,CAEmB,QAAyB,CACxC,OAAOF;AAAA;AAAA,SAGX,CACJ",
-  "names": ["html", "StatusLightBase", "statusLightStyles"]
+  "sourcesContent": ["/**\n * Copyright 2025 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {\n    CSSResultArray,\n    html,\n    PropertyValues,\n    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"],
+  "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",
+  "names": ["html", "SizedMixin", "SpectrumElement", "property", "statusLightStyles", "changes", "__decorateClass"]
 }