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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@spectrum-web-components/status-light",
-    "version": "1.8.0",
+    "version": "1.9.0-nightly.20251013144515",
     "publishConfig": {
         "access": "public"
     },
@@ -9,7 +9,7 @@
     "repository": {
         "type": "git",
         "url": "https://github.com/adobe/spectrum-web-components.git",
-        "directory": "packages/status-light"
+        "directory": "first-gen/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.8.0"
+        "@spectrum-web-components/base": "1.9.0-nightly.20251013144515"
     },
     "types": "./src/index.d.ts",
     "customElements": "custom-elements.json",

package/src/StatusLight.d.ts

@@ -9,27 +9,14 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-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;
-};
+import { CSSResultArray, TemplateResult } from '@spectrum-web-components/base';
+import { StatusLightBase } from '@spectrum-web-components/core-next/components/status-light';
 /**
  * @element sp-status-light
  *
  * @slot - text label of the Status Light
  */
-export declare class StatusLight extends StatusLight_base {
+export declare class StatusLight extends StatusLightBase {
     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,29 +1,10 @@
 "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,
-  SizedMixin,
-  SpectrumElement
+  html
 } from "@spectrum-web-components/base";
-import { property } from "@spectrum-web-components/base/src/decorators.js";
+import { StatusLightBase } from "@spectrum-web-components/core-next/components/status-light";
 import statusLightStyles from "./status-light.css.js";
-export class StatusLight extends SizedMixin(SpectrumElement, {
-  noDefaultSize: true
-}) {
-  constructor() {
-    super(...arguments);
-    this.disabled = false;
-    this.variant = "info";
-  }
+export class StatusLight extends StatusLightBase {
   static get styles() {
     return [statusLightStyles];
   }
@@ -32,21 +13,5 @@ export class StatusLight extends SizedMixin(SpectrumElement, {
             <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    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;",
+  "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;",
   "names": []
 }

package/src/StatusLight.js

@@ -1,4 +1,4 @@
-"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`
+"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`
             <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    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"]
+  "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"]
 }

package/custom-elements.json

@@ -1,106 +0,0 @@
-{
-  "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"
-          }
-        }
-      ]
-    }
-  ]
-}