@spectrum-web-components/status-light 0.11.0-devmode.0 → 0.11.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (17) hide show
  1. package/package.json +3 -3
  2. package/sp-status-light.js +1 -2
  3. package/sp-status-light.js.map +1 -1
  4. package/src/StatusLight.js +2 -48
  5. package/src/StatusLight.js.map +1 -1
  6. package/src/index.js +1 -1
  7. package/src/index.js.map +1 -1
  8. package/src/spectrum-status-light.css.js +2 -4
  9. package/src/spectrum-status-light.css.js.map +1 -1
  10. package/src/status-light.css.js +2 -4
  11. package/src/status-light.css.js.map +1 -1
  12. package/stories/status-light.stories.js +6 -17
  13. package/stories/status-light.stories.js.map +1 -1
  14. package/test/status-light.test-vrt.js +1 -3
  15. package/test/status-light.test-vrt.js.map +1 -1
  16. package/test/status-light.test.js +3 -22
  17. package/test/status-light.test.js.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spectrum-web-components/status-light",
3
- "version": "0.11.0-devmode.0+7b0ea531e",
3
+ "version": "0.11.0",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -57,7 +57,7 @@
57
57
  "lit-html"
58
58
  ],
59
59
  "dependencies": {
60
- "@spectrum-web-components/base": "^0.6.0",
60
+ "@spectrum-web-components/base": "^0.7.0",
61
61
  "tslib": "^2.0.0"
62
62
  },
63
63
  "devDependencies": {
@@ -69,5 +69,5 @@
69
69
  "./sp-*.js",
70
70
  "./**/*.dev.js"
71
71
  ],
72
- "gitHead": "7b0ea531e9c7225c8964c5429bc5fd005618b80e"
72
+ "gitHead": "05c81318844160db3f8156144106e643507fef97"
73
73
  }
package/sp-status-light.js CHANGED
@@ -1,3 +1,2 @@
1
- import { StatusLight } from "./src/StatusLight.js";
2
- customElements.define("sp-status-light", StatusLight);
1
+ import{StatusLight as t}from"./src/StatusLight.js";customElements.define("sp-status-light",t);
3
2
  //# sourceMappingURL=sp-status-light.js.map
package/sp-status-light.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["sp-status-light.ts"],
4
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';\n\ncustomElements.define('sp-status-light', StatusLight);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'sp-status-light': StatusLight;\n }\n}\n"],
5
- "mappings": "AAWA;AAEA,eAAe,OAAO,mBAAmB,WAAW;",
5
+ "mappings": "AAWA,mDAEA,eAAe,OAAO,kBAAmB,CAAW",
6
6
  "names": []
7
7
  }
package/src/StatusLight.js CHANGED
@@ -1,50 +1,4 @@
1
- var __defProp = Object.defineProperty;
2
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
- var __decorateClass = (decorators, target, key, kind) => {
4
- var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
5
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
6
- if (decorator = decorators[i])
7
- result = (kind ? decorator(target, key, result) : decorator(result)) || result;
8
- if (kind && result)
9
- __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
- constructor() {
21
- super(...arguments);
22
- this.disabled = false;
23
- this.variant = "info";
24
- }
25
- static get styles() {
26
- return [statusLightStyles];
27
- }
28
- render() {
29
- return html`
1
+ var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var o=(i,e,l,r)=>{for(var t=r>1?void 0:r?p(e,l):e,s=i.length-1,a;s>=0;s--)(a=i[s])&&(t=(r?a(e,l,t):a(t))||t);return r&&t&&u(e,l,t),t};import{html as m,SizedMixin as n,SpectrumElement as c}from"@spectrum-web-components/base";import{property as d}from"@spectrum-web-components/base/src/decorators.js";import f from"./status-light.css.js";export class StatusLight extends n(c){constructor(){super(...arguments);this.disabled=!1;this.variant="info"}static get styles(){return[f]}render(){return m`
30
2
  <slot></slot>
31
- `;
32
- }
33
- updated(changes) {
34
- super.updated(changes);
35
- if (changes.has("disabled")) {
36
- if (this.disabled) {
37
- this.setAttribute("aria-disabled", "true");
38
- } else {
39
- this.removeAttribute("aria-disabled");
40
- }
41
- }
42
- }
43
- }
44
- __decorateClass([
45
- property({ type: Boolean, reflect: true })
46
- ], StatusLight.prototype, "disabled", 2);
47
- __decorateClass([
48
- property({ reflect: true })
49
- ], StatusLight.prototype, "variant", 2);
3
+ `}updated(e){super.updated(e),e.has("disabled")&&(this.disabled?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled"))}}o([d({type:Boolean,reflect:!0})],StatusLight.prototype,"disabled",2),o([d({reflect:!0})],StatusLight.prototype,"variant",2);
50
4
  //# sourceMappingURL=StatusLight.js.map
package/src/StatusLight.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["StatusLight.ts"],
4
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 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;AAAA;AAAA;AAAA;AAQA;AACA;AAOO,aAAM,oBAAoB,WAAW,eAAe,EAAE;AAAA,EAAtD;AAAA;AASI,oBAAW;AAMX,mBAaU;AAAA;AAAA,aA3BU,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,EADP,AAAC,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GACnC,AATJ,YASI;AAMA;AAAA,EADP,AAAC,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GACpB,AAfJ,YAeI;",
5
+ "mappings": "wMAYA,0FAQA,2EACA,qCAOO,aAAM,mBAAoB,GAAW,CAAe,CAAE,CAAtD,kCASI,cAAW,GAMX,aAaU,iBA3BU,SAAyB,CAChD,MAAO,CAAC,CAAiB,CAC7B,CA2BmB,QAAyB,CACxC,MAAO;AAAA;AAAA,SAGX,CAEmB,QAAQ,EAA+B,CACtD,MAAM,QAAQ,CAAO,EACjB,EAAQ,IAAI,UAAU,GACtB,CAAI,KAAK,SACL,KAAK,aAAa,gBAAiB,MAAM,EAEzC,KAAK,gBAAgB,eAAe,EAGhD,CACJ,CArCW,GADP,AAAC,EAAS,CAAE,KAAM,QAAS,QAAS,EAAK,CAAC,GACnC,AATJ,YASI,wBAMA,GADP,AAAC,EAAS,CAAE,QAAS,EAAK,CAAC,GACpB,AAfJ,YAeI",
6
6
  "names": []
7
7
  }
package/src/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export * from "./StatusLight.js";
1
+ export*from"./StatusLight.js";
2
2
  //# sourceMappingURL=index.js.map
package/src/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["index.ts"],
4
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;",
5
+ "mappings": "AAWA",
6
6
  "names": []
7
7
  }
package/src/spectrum-status-light.css.js CHANGED
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as t}from"@spectrum-web-components/base";const s=t`
3
2
  :host([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(
4
3
  --spectrum-statuslight-s-info-text-padding-bottom
5
4
  );--spectrum-statuslight-info-dot-border-radius:var(
@@ -119,6 +118,5 @@ const styles = css`
119
118
  )}:host([variant=purple]):before{background-color:var(
120
119
  --spectrum-statuslight-m-purple-dot-color,var(--spectrum-global-color-purple-400)
121
120
  )}@media (forced-colors:active){:host([dir]){--spectrum-statuslight-m-info-text-color:CanvasText;--spectrum-statuslight-m-neutral-text-color:CanvasText;--spectrum-statuslight-m-info-text-color-disabled:GrayText;--spectrum-statuslight-m-info-dot-color-disabled:GrayText;forced-color-adjust:none}:host:before{border:1px solid ButtonText}}
122
- `;
123
- export default styles;
121
+ `;export default s;
124
122
  //# sourceMappingURL=spectrum-status-light.css.js.map
package/src/spectrum-status-light.css.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["spectrum-status-light.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 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([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-s-info-text-padding-bottom\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-s-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-s-info-dot-margin-top,var(--spectrum-global-dimension-size-100)\n);--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-s-info-dot-size,var(--spectrum-global-dimension-static-size-100)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-s-info-text-gap,var(--spectrum-global-dimension-size-115)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-s-info-text-padding-top,var(--spectrum-global-dimension-static-size-50)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-s-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-s-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-s-info-height,var(--spectrum-global-dimension-size-300)\n)}:host([size=m]){--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-m-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-m-info-dot-margin-top,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-m-info-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-m-info-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-m-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-m-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-m-info-height,var(--spectrum-global-dimension-size-400)\n)}:host([size=l]){--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-l-info-dot-size\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-l-info-text-padding-top\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-l-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-l-info-dot-margin-top,var(--spectrum-global-dimension-size-185)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-l-info-text-gap,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-l-info-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-l-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-l-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-l-info-height,var(--spectrum-global-dimension-size-500)\n)}:host([size=xl]){--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-xl-info-dot-size\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-xl-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-xl-info-dot-margin-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-xl-info-text-gap,var(--spectrum-global-dimension-size-160)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-xl-info-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-xl-info-text-padding-bottom,var(--spectrum-global-dimension-size-175)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-xl-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-xl-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-xl-info-height,var(--spectrum-global-dimension-size-600)\n)}:host([dir]){--spectrum-statuslight-info-dot-resolved-margin-top:calc(var(--spectrum-statuslight-info-dot-margin-top) - var(--spectrum-statuslight-info-text-padding-top));align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--spectrum-statuslight-info-text-size);font-weight:var(--spectrum-statuslight-info-text-font-weight);line-height:var(--spectrum-statuslight-info-text-line-height);min-height:var(--spectrum-statuslight-info-height);padding-bottom:var(--spectrum-statuslight-info-text-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-statuslight-info-text-padding-top)}:host([dir=ltr]):before{margin-left:var(\n--spectrum-global-dimension-size-0\n);margin-right:var(--spectrum-statuslight-info-text-gap)}:host([dir=rtl]):before{margin-left:var(--spectrum-statuslight-info-text-gap);margin-right:var(\n--spectrum-global-dimension-size-0\n)}:host:before{-ms-high-contrast-adjust:none;border-radius:var(--spectrum-statuslight-info-dot-border-radius);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;height:var(--spectrum-statuslight-info-dot-size);margin-bottom:var(--spectrum-global-dimension-size-0);margin-top:var(--spectrum-statuslight-info-dot-resolved-margin-top);width:var(--spectrum-statuslight-info-dot-size)}:host([variant=neutral]){font-style:italic}:host([dir]){color:var(\n--spectrum-statuslight-m-info-text-color,var(--spectrum-alias-text-color)\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-statuslight-m-info-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}:host([disabled]):before,:host([disabled]):before{background-color:var(\n--spectrum-statuslight-m-info-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}:host([variant=negative]):before{background-color:var(\n--spectrum-statuslight-m-negative-dot-color,var(--spectrum-semantic-negative-status-color)\n)}:host([variant=notice]):before{background-color:var(\n--spectrum-statuslight-m-notice-dot-color,var(--spectrum-semantic-notice-status-color)\n)}:host([variant=positive]):before{background-color:var(\n--spectrum-statuslight-m-positive-dot-color,var(--spectrum-semantic-positive-status-color)\n)}:host([active]):before,:host([variant=info]):before{background-color:var(\n--spectrum-statuslight-m-info-dot-color,var(--spectrum-semantic-informative-status-color)\n)}:host([variant=neutral]){color:var(\n--spectrum-statuslight-m-neutral-text-color,var(--spectrum-alias-label-text-color)\n)}:host([variant=neutral]):before{background-color:var(\n--spectrum-statuslight-m-neutral-dot-color,var(--spectrum-global-color-gray-500)\n)}:host([variant=celery]):before{background-color:var(\n--spectrum-statuslight-m-celery-dot-color,var(--spectrum-global-color-celery-400)\n)}:host([variant=yellow]):before{background-color:var(\n--spectrum-statuslight-m-yellow-dot-color,var(--spectrum-global-color-yellow-400)\n)}:host([variant=fuchsia]):before{background-color:var(\n--spectrum-statuslight-m-fuchsia-dot-color,var(--spectrum-global-color-fuchsia-400)\n)}:host([variant=indigo]):before{background-color:var(\n--spectrum-statuslight-m-indigo-dot-color,var(--spectrum-global-color-indigo-400)\n)}:host([variant=seafoam]):before{background-color:var(\n--spectrum-statuslight-m-seafoam-dot-color,var(--spectrum-global-color-seafoam-400)\n)}:host([variant=chartreuse]):before{background-color:var(\n--spectrum-statuslight-m-chartreuse-dot-color,var(--spectrum-global-color-chartreuse-400)\n)}:host([variant=magenta]):before{background-color:var(\n--spectrum-statuslight-m-magenta-dot-color,var(--spectrum-global-color-magenta-400)\n)}:host([variant=purple]):before{background-color:var(\n--spectrum-statuslight-m-purple-dot-color,var(--spectrum-global-color-purple-400)\n)}@media (forced-colors:active){:host([dir]){--spectrum-statuslight-m-info-text-color:CanvasText;--spectrum-statuslight-m-neutral-text-color:CanvasText;--spectrum-statuslight-m-info-text-color-disabled:GrayText;--spectrum-statuslight-m-info-dot-color-disabled:GrayText;forced-color-adjust:none}:host:before{border:1px solid ButtonText}}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyHf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyHf,cAAe",
6
6
  "names": []
7
7
  }
package/src/status-light.css.js CHANGED
@@ -1,5 +1,4 @@
1
- import { css } from "@spectrum-web-components/base";
2
- const styles = css`
1
+ import{css as t}from"@spectrum-web-components/base";const s=t`
3
2
  :host([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(
4
3
  --spectrum-statuslight-s-info-text-padding-bottom
5
4
  );--spectrum-statuslight-info-dot-border-radius:var(
@@ -121,6 +120,5 @@ const styles = css`
121
120
  )}@media (forced-colors:active){:host([dir]){--spectrum-statuslight-m-info-text-color:CanvasText;--spectrum-statuslight-m-neutral-text-color:CanvasText;--spectrum-statuslight-m-info-text-color-disabled:GrayText;--spectrum-statuslight-m-info-dot-color-disabled:GrayText;forced-color-adjust:none}:host:before{border:1px solid ButtonText}}:host([disabled]):before{background-color:var(
122
121
  --spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)
123
122
  )}
124
- `;
125
- export default styles;
123
+ `;export default s;
126
124
  //# sourceMappingURL=status-light.css.js.map
package/src/status-light.css.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["status-light.css.ts"],
4
4
  "sourcesContent": ["/*\nCopyright 2022 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([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-s-info-text-padding-bottom\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-s-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-s-info-dot-margin-top,var(--spectrum-global-dimension-size-100)\n);--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-s-info-dot-size,var(--spectrum-global-dimension-static-size-100)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-s-info-text-gap,var(--spectrum-global-dimension-size-115)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-s-info-text-padding-top,var(--spectrum-global-dimension-static-size-50)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-s-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-s-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-s-info-height,var(--spectrum-global-dimension-size-300)\n)}:host([size=m]){--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-m-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-m-info-dot-margin-top,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-m-info-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-m-info-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-m-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-m-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-m-info-height,var(--spectrum-global-dimension-size-400)\n)}:host([size=l]){--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-l-info-dot-size\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-l-info-text-padding-top\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-l-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-l-info-dot-margin-top,var(--spectrum-global-dimension-size-185)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-l-info-text-gap,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-l-info-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-l-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-l-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-l-info-height,var(--spectrum-global-dimension-size-500)\n)}:host([size=xl]){--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-xl-info-dot-size\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-xl-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-xl-info-dot-margin-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-xl-info-text-gap,var(--spectrum-global-dimension-size-160)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-xl-info-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-xl-info-text-padding-bottom,var(--spectrum-global-dimension-size-175)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-xl-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-xl-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-xl-info-height,var(--spectrum-global-dimension-size-600)\n)}:host([dir]){--spectrum-statuslight-info-dot-resolved-margin-top:calc(var(--spectrum-statuslight-info-dot-margin-top) - var(--spectrum-statuslight-info-text-padding-top));align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--spectrum-statuslight-info-text-size);font-weight:var(--spectrum-statuslight-info-text-font-weight);line-height:var(--spectrum-statuslight-info-text-line-height);min-height:var(--spectrum-statuslight-info-height);padding-bottom:var(--spectrum-statuslight-info-text-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-statuslight-info-text-padding-top)}:host([dir=ltr]):before{margin-left:var(\n--spectrum-global-dimension-size-0\n);margin-right:var(--spectrum-statuslight-info-text-gap)}:host([dir=rtl]):before{margin-left:var(--spectrum-statuslight-info-text-gap);margin-right:var(\n--spectrum-global-dimension-size-0\n)}:host:before{-ms-high-contrast-adjust:none;border-radius:var(--spectrum-statuslight-info-dot-border-radius);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;height:var(--spectrum-statuslight-info-dot-size);margin-bottom:var(--spectrum-global-dimension-size-0);margin-top:var(--spectrum-statuslight-info-dot-resolved-margin-top);width:var(--spectrum-statuslight-info-dot-size)}:host([variant=neutral]){font-style:italic}:host([dir]){color:var(\n--spectrum-statuslight-m-info-text-color,var(--spectrum-alias-text-color)\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-statuslight-m-info-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}:host([disabled]):before,:host([disabled]):before{background-color:var(\n--spectrum-statuslight-m-info-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}:host([variant=negative]):before{background-color:var(\n--spectrum-statuslight-m-negative-dot-color,var(--spectrum-semantic-negative-status-color)\n)}:host([variant=notice]):before{background-color:var(\n--spectrum-statuslight-m-notice-dot-color,var(--spectrum-semantic-notice-status-color)\n)}:host([variant=positive]):before{background-color:var(\n--spectrum-statuslight-m-positive-dot-color,var(--spectrum-semantic-positive-status-color)\n)}:host([active]):before,:host([variant=info]):before{background-color:var(\n--spectrum-statuslight-m-info-dot-color,var(--spectrum-semantic-informative-status-color)\n)}:host([variant=neutral]){color:var(\n--spectrum-statuslight-m-neutral-text-color,var(--spectrum-alias-label-text-color)\n)}:host([variant=neutral]):before{background-color:var(\n--spectrum-statuslight-m-neutral-dot-color,var(--spectrum-global-color-gray-500)\n)}:host([variant=celery]):before{background-color:var(\n--spectrum-statuslight-m-celery-dot-color,var(--spectrum-global-color-celery-400)\n)}:host([variant=yellow]):before{background-color:var(\n--spectrum-statuslight-m-yellow-dot-color,var(--spectrum-global-color-yellow-400)\n)}:host([variant=fuchsia]):before{background-color:var(\n--spectrum-statuslight-m-fuchsia-dot-color,var(--spectrum-global-color-fuchsia-400)\n)}:host([variant=indigo]):before{background-color:var(\n--spectrum-statuslight-m-indigo-dot-color,var(--spectrum-global-color-indigo-400)\n)}:host([variant=seafoam]):before{background-color:var(\n--spectrum-statuslight-m-seafoam-dot-color,var(--spectrum-global-color-seafoam-400)\n)}:host([variant=chartreuse]):before{background-color:var(\n--spectrum-statuslight-m-chartreuse-dot-color,var(--spectrum-global-color-chartreuse-400)\n)}:host([variant=magenta]):before{background-color:var(\n--spectrum-statuslight-m-magenta-dot-color,var(--spectrum-global-color-magenta-400)\n)}:host([variant=purple]):before{background-color:var(\n--spectrum-statuslight-m-purple-dot-color,var(--spectrum-global-color-purple-400)\n)}@media (forced-colors:active){:host([dir]){--spectrum-statuslight-m-info-text-color:CanvasText;--spectrum-statuslight-m-neutral-text-color:CanvasText;--spectrum-statuslight-m-info-text-color-disabled:GrayText;--spectrum-statuslight-m-info-dot-color-disabled:GrayText;forced-color-adjust:none}:host:before{border:1px solid ButtonText}}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
5
- "mappings": "AAWA;AACA,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA2Hf,eAAe;",
5
+ "mappings": "AAWA,oDACA,KAAM,GAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Hf,cAAe",
6
6
  "names": []
7
7
  }
package/stories/status-light.stories.js CHANGED
@@ -1,10 +1,4 @@
1
- import { html } from "@spectrum-web-components/base";
2
- import "@spectrum-web-components/status-light/sp-status-light.js";
3
- export default {
4
- component: "sp-status-light",
5
- title: "StatusLight"
6
- };
7
- export const s = () => html`
1
+ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-components/status-light/sp-status-light.js";export default{component:"sp-status-light",title:"StatusLight"};export const s=()=>t`
8
2
  <sp-status-light size="s" variant="positive">positive</sp-status-light>
9
3
  <sp-status-light size="s" variant="negative">negative</sp-status-light>
10
4
  <sp-status-light size="s" variant="notice">notice</sp-status-light>
@@ -18,8 +12,7 @@ export const s = () => html`
18
12
  <sp-status-light size="s" variant="magenta">magenta</sp-status-light>
19
13
  <sp-status-light size="s" variant="celery">celery</sp-status-light>
20
14
  <sp-status-light size="s" variant="purple">purple</sp-status-light>
21
- `;
22
- export const m = () => html`
15
+ `,m=()=>t`
23
16
  <sp-status-light size="m" variant="positive">positive</sp-status-light>
24
17
  <sp-status-light size="m" variant="negative">negative</sp-status-light>
25
18
  <sp-status-light size="m" variant="notice">notice</sp-status-light>
@@ -33,8 +26,7 @@ export const m = () => html`
33
26
  <sp-status-light size="m" variant="magenta">magenta</sp-status-light>
34
27
  <sp-status-light size="m" variant="celery">celery</sp-status-light>
35
28
  <sp-status-light size="m" variant="purple">purple</sp-status-light>
36
- `;
37
- export const l = () => html`
29
+ `,l=()=>t`
38
30
  <sp-status-light size="l" variant="positive">positive</sp-status-light>
39
31
  <sp-status-light size="l" variant="negative">negative</sp-status-light>
40
32
  <sp-status-light size="l" variant="notice">notice</sp-status-light>
@@ -48,8 +40,7 @@ export const l = () => html`
48
40
  <sp-status-light size="l" variant="magenta">magenta</sp-status-light>
49
41
  <sp-status-light size="l" variant="celery">celery</sp-status-light>
50
42
  <sp-status-light size="l" variant="purple">purple</sp-status-light>
51
- `;
52
- export const XL = () => html`
43
+ `,XL=()=>t`
53
44
  <sp-status-light size="xl" variant="positive">positive</sp-status-light>
54
45
  <sp-status-light size="xl" variant="negative">negative</sp-status-light>
55
46
  <sp-status-light size="xl" variant="notice">notice</sp-status-light>
@@ -63,9 +54,7 @@ export const XL = () => html`
63
54
  <sp-status-light size="xl" variant="magenta">magenta</sp-status-light>
64
55
  <sp-status-light size="xl" variant="celery">celery</sp-status-light>
65
56
  <sp-status-light size="xl" variant="purple">purple</sp-status-light>
66
- `;
67
- export const disabledTrue = () => html`
57
+ `,disabledTrue=()=>t`
68
58
  <sp-status-light variant="positive" disabled>positive</sp-status-light>
69
- `;
70
- disabledTrue.storyName = "disabled: true";
59
+ `;disabledTrue.storyName="disabled: true";
71
60
  //# sourceMappingURL=status-light.stories.js.map
package/stories/status-light.stories.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["status-light.stories.ts"],
4
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;AAEA;AAEA,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;",
5
+ "mappings": "AAWA,qDAEA,iEAEA,cAAe,CACX,UAAW,kBACX,MAAO,aACX,EAEO,YAAM,GAAI,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB1B,EAAI,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB1B,EAAI,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB1B,GAAK,IAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgB3B,aAAe,IAAsB;AAAA;AAAA,EAIlD,aAAa,UAAY",
6
6
  "names": []
7
7
  }
package/test/status-light.test-vrt.js CHANGED
@@ -1,4 +1,2 @@
1
- import * as stories from "../stories/status-light.stories.js";
2
- import { regressVisuals } from "../../../test/visual/test.js";
3
- regressVisuals("StatusLightStories", stories);
1
+ import*as s from"../stories/status-light.stories.js";import{regressVisuals as r}from"../../../test/visual/test.js";r("StatusLightStories",s);
4
2
  //# sourceMappingURL=status-light.test-vrt.js.map
package/test/status-light.test-vrt.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["status-light.test-vrt.ts"],
4
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';\n\nregressVisuals('StatusLightStories', stories);\n"],
5
- "mappings": "AAYA;AACA;AAEA,eAAe,sBAAsB,OAAO;",
5
+ "mappings": "AAYA,qDACA,8DAEA,EAAe,qBAAsB,CAAO",
6
6
  "names": []
7
7
  }
package/test/status-light.test.js CHANGED
@@ -1,25 +1,6 @@
1
- import "@spectrum-web-components/status-light/sp-status-light.js";
2
- import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
3
- describe("Status Light", () => {
4
- it("loads correctly", async () => {
5
- const el = await fixture(html`
1
+ import"@spectrum-web-components/status-light/sp-status-light.js";import{elementUpdated as e,expect as a,fixture as i,html as s}from"@open-wc/testing";describe("Status Light",()=>{it("loads correctly",async()=>{const t=await i(s`
6
2
  <sp-status-light variant="positive"></sp-status-light>
7
- `);
8
- await elementUpdated(el);
9
- expect(el).to.not.be.undefined;
10
- const rootEl = el.shadowRoot ? el.shadowRoot.querySelector("#root") : el.querySelector("#root");
11
- expect(rootEl).to.not.be.undefined;
12
- });
13
- it("[disabled] manages [aria-disabled]", async () => {
14
- const el = await fixture(html`
3
+ `);await e(t),a(t).to.not.be.undefined;const o=t.shadowRoot?t.shadowRoot.querySelector("#root"):t.querySelector("#root");a(o).to.not.be.undefined}),it("[disabled] manages [aria-disabled]",async()=>{const t=await i(s`
15
4
  <sp-status-light variant="positive"></sp-status-light>
16
- `);
17
- await elementUpdated(el);
18
- expect(el.hasAttribute("aria-disabled")).to.be.false;
19
- el.disabled = true;
20
- await elementUpdated(el);
21
- expect(el.hasAttribute("aria-disabled")).to.be.true;
22
- expect(el.getAttribute("aria-disabled")).to.equal("true");
23
- });
24
- });
5
+ `);await e(t),a(t.hasAttribute("aria-disabled")).to.be.false,t.disabled=!0,await e(t),a(t.hasAttribute("aria-disabled")).to.be.true,a(t.getAttribute("aria-disabled")).to.equal("true")})});
25
6
  //# sourceMappingURL=status-light.test.js.map
package/test/status-light.test.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["status-light.test.ts"],
4
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;AAEA;AAEA,SAAS,gBAAgB,MAAM;AAC3B,KAAG,mBAAmB,YAAY;AAC9B,UAAM,KAAK,MAAM,QACb;AAAA;AAAA,aAGJ;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,QACb;AAAA;AAAA,aAGJ;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;",
5
+ "mappings": "AAUA,iEAEA,qFAEA,SAAS,eAAgB,IAAM,CAC3B,GAAG,kBAAmB,SAAY,CAC9B,KAAM,GAAK,KAAM,GACb;AAAA;AAAA,aAGJ,EAEA,KAAM,GAAe,CAAE,EACvB,EAAO,CAAE,EAAE,GAAG,IAAI,GAAG,UACrB,KAAM,GAAS,EAAG,WACX,EAAG,WAAW,cAAc,OAAO,EACnC,EAAG,cAAc,OAAO,EAC/B,EAAO,CAAM,EAAE,GAAG,IAAI,GAAG,SAC7B,CAAC,EACD,GAAG,qCAAsC,SAAY,CACjD,KAAM,GAAK,KAAM,GACb;AAAA;AAAA,aAGJ,EAEA,KAAM,GAAe,CAAE,EAEvB,EAAO,EAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG,MAE/C,EAAG,SAAW,GACd,KAAM,GAAe,CAAE,EAEvB,EAAO,EAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG,KAC/C,EAAO,EAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,MAAM,CAC5D,CAAC,CACL,CAAC",
6
6
  "names": []
7
7
  }