@spectrum-web-components/status-light 0.9.1-lit-next.0 → 0.10.2-express.41
Sign up to get free protection for your applications and to get access to all the features.
- package/custom-elements.json +2 -2
- package/package.json +4 -4
- package/src/StatusLight.d.ts +1 -1
- package/src/StatusLight.js +2 -1
- package/src/StatusLight.js.map +1 -1
- package/src/spectrum-status-light.css.js +47 -15
- package/src/spectrum-status-light.css.js.map +1 -1
- package/src/status-light.css.js +47 -15
- package/src/status-light.css.js.map +1 -1
package/custom-elements.json
CHANGED
@@ -124,7 +124,7 @@
|
|
124
124
|
{
|
125
125
|
"kind": "variable",
|
126
126
|
"name": "styles",
|
127
|
-
"default": "css`\n:host([size=s]){--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-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-statuslight-info-text-
|
127
|
+
"default": "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)}\n`"
|
128
128
|
}
|
129
129
|
],
|
130
130
|
"exports": [
|
@@ -145,7 +145,7 @@
|
|
145
145
|
{
|
146
146
|
"kind": "variable",
|
147
147
|
"name": "styles",
|
148
|
-
"default": "css`\n:host([size=s]){--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-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-statuslight-info-text-
|
148
|
+
"default": "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)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`"
|
149
149
|
}
|
150
150
|
],
|
151
151
|
"exports": [
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@spectrum-web-components/status-light",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.10.2-express.41+5d9e2a2ca",
|
4
4
|
"publishConfig": {
|
5
5
|
"access": "public"
|
6
6
|
},
|
@@ -44,16 +44,16 @@
|
|
44
44
|
"lit-html"
|
45
45
|
],
|
46
46
|
"dependencies": {
|
47
|
-
"@spectrum-web-components/base": "^0.
|
47
|
+
"@spectrum-web-components/base": "^0.5.2-express.41+5d9e2a2ca",
|
48
48
|
"tslib": "^2.0.0"
|
49
49
|
},
|
50
50
|
"devDependencies": {
|
51
|
-
"@spectrum-css/statuslight": "
|
51
|
+
"@spectrum-css/statuslight": "latest"
|
52
52
|
},
|
53
53
|
"types": "./src/index.d.ts",
|
54
54
|
"customElements": "custom-elements.json",
|
55
55
|
"sideEffects": [
|
56
56
|
"./sp-*.js"
|
57
57
|
],
|
58
|
-
"gitHead": "
|
58
|
+
"gitHead": "5d9e2a2ca93deff51e4b2c7b8354f1127009a4e3"
|
59
59
|
}
|
package/src/StatusLight.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { CSSResultArray, PropertyValues, SpectrumElement, TemplateResult } from '@spectrum-web-components/base';
|
2
2
|
declare const StatusLight_base: typeof SpectrumElement & {
|
3
3
|
new (...args: any[]): import("@spectrum-web-components/base").SizedElementInterface;
|
4
4
|
prototype: import("@spectrum-web-components/base").SizedElementInterface;
|
package/src/StatusLight.js
CHANGED
@@ -10,7 +10,8 @@ OF ANY KIND, either express or implied. See the License for the specific languag
|
|
10
10
|
governing permissions and limitations under the License.
|
11
11
|
*/
|
12
12
|
import { __decorate } from "tslib";
|
13
|
-
import { html,
|
13
|
+
import { html, SizedMixin, SpectrumElement, } from '@spectrum-web-components/base';
|
14
|
+
import { property } from '@spectrum-web-components/base/src/decorators.js';
|
14
15
|
import statusLightStyles from './status-light.css.js';
|
15
16
|
/**
|
16
17
|
* @element sp-status-light
|
package/src/StatusLight.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"StatusLight.js","sourceRoot":"","sources":["StatusLight.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,
|
1
|
+
{"version":3,"file":"StatusLight.js","sourceRoot":"","sources":["StatusLight.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;;AAEF,OAAO,EAEH,IAAI,EAEJ,UAAU,EACV,eAAe,GAElB,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,iBAAiB,MAAM,uBAAuB,CAAC;AAEtD;;;;GAIG;AACH,MAAM,OAAO,WAAY,SAAQ,UAAU,CAAC,eAAe,CAAC;IAA5D;;QAKI;;WAEG;QAEI,aAAQ,GAAG,KAAK,CAAC;QAExB;;WAEG;QAEI,YAAO,GAaG,MAAM,CAAC;IAkB5B,CAAC;IA7CU,MAAM,KAAK,MAAM;QACpB,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAC/B,CAAC;IA2BS,MAAM;QACZ,OAAO,IAAI,CAAA;;SAEV,CAAC;IACN,CAAC;IAES,OAAO,CAAC,OAAuB;QACrC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QACvB,IAAI,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;YACzB,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACf,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;aAC9C;iBAAM;gBACH,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;aACzC;SACJ;IACL,CAAC;CACJ;AArCG;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CACnB;AAMxB;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAcJ","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 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 render(): TemplateResult {\n return html`\n <slot></slot>\n `;\n }\n\n protected 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"]}
|
@@ -11,24 +11,40 @@ governing permissions and limitations under the License.
|
|
11
11
|
*/
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
13
13
|
const styles = css `
|
14
|
-
:host([size=s]){--spectrum-statuslight-info-
|
14
|
+
:host([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(
|
15
|
+
--spectrum-statuslight-s-info-text-padding-bottom
|
16
|
+
);--spectrum-statuslight-info-dot-border-radius:var(
|
17
|
+
--spectrum-statuslight-s-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
18
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
19
|
+
--spectrum-statuslight-s-info-dot-margin-top,var(--spectrum-global-dimension-size-100)
|
20
|
+
);--spectrum-statuslight-info-dot-size:var(
|
15
21
|
--spectrum-statuslight-s-info-dot-size,var(--spectrum-global-dimension-static-size-100)
|
16
|
-
);--spectrum-statuslight-info-text-size:var(
|
17
|
-
--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)
|
18
22
|
);--spectrum-statuslight-info-text-gap:var(
|
19
23
|
--spectrum-statuslight-s-info-text-gap,var(--spectrum-global-dimension-size-115)
|
24
|
+
);--spectrum-statuslight-info-text-size:var(
|
25
|
+
--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)
|
26
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
27
|
+
--spectrum-statuslight-s-info-text-padding-top,var(--spectrum-global-dimension-static-size-50)
|
20
28
|
);--spectrum-statuslight-info-text-font-weight:var(
|
21
29
|
--spectrum-statuslight-s-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
22
30
|
);--spectrum-statuslight-info-text-line-height:var(
|
23
31
|
--spectrum-statuslight-s-info-text-line-height,var(--spectrum-alias-component-text-line-height)
|
24
32
|
);--spectrum-statuslight-info-height:var(
|
25
33
|
--spectrum-statuslight-s-info-height,var(--spectrum-global-dimension-size-300)
|
26
|
-
)}:host([size=m]){--spectrum-statuslight-info-dot-
|
34
|
+
)}:host([size=m]){--spectrum-statuslight-info-dot-border-radius:var(
|
35
|
+
--spectrum-statuslight-m-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
36
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
37
|
+
--spectrum-statuslight-m-info-dot-margin-top,var(--spectrum-global-dimension-size-130)
|
38
|
+
);--spectrum-statuslight-info-dot-size:var(
|
27
39
|
--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)
|
28
|
-
);--spectrum-statuslight-info-text-size:var(
|
29
|
-
--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)
|
30
40
|
);--spectrum-statuslight-info-text-gap:var(
|
31
41
|
--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)
|
42
|
+
);--spectrum-statuslight-info-text-size:var(
|
43
|
+
--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)
|
44
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
45
|
+
--spectrum-statuslight-m-info-text-padding-top,var(--spectrum-global-dimension-size-75)
|
46
|
+
);--spectrum-statuslight-info-text-padding-bottom:var(
|
47
|
+
--spectrum-statuslight-m-info-text-padding-bottom,var(--spectrum-global-dimension-size-115)
|
32
48
|
);--spectrum-statuslight-info-text-font-weight:var(
|
33
49
|
--spectrum-statuslight-m-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
34
50
|
);--spectrum-statuslight-info-text-line-height:var(
|
@@ -37,10 +53,18 @@ const styles = css `
|
|
37
53
|
--spectrum-statuslight-m-info-height,var(--spectrum-global-dimension-size-400)
|
38
54
|
)}:host([size=l]){--spectrum-statuslight-info-dot-size:var(
|
39
55
|
--spectrum-statuslight-l-info-dot-size
|
40
|
-
);--spectrum-statuslight-info-text-
|
41
|
-
--spectrum-statuslight-l-info-text-
|
56
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
57
|
+
--spectrum-statuslight-l-info-text-padding-top
|
58
|
+
);--spectrum-statuslight-info-dot-border-radius:var(
|
59
|
+
--spectrum-statuslight-l-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
60
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
61
|
+
--spectrum-statuslight-l-info-dot-margin-top,var(--spectrum-global-dimension-size-185)
|
42
62
|
);--spectrum-statuslight-info-text-gap:var(
|
43
63
|
--spectrum-statuslight-l-info-text-gap,var(--spectrum-global-dimension-size-130)
|
64
|
+
);--spectrum-statuslight-info-text-size:var(
|
65
|
+
--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)
|
66
|
+
);--spectrum-statuslight-info-text-padding-bottom:var(
|
67
|
+
--spectrum-statuslight-l-info-text-padding-bottom,var(--spectrum-global-dimension-size-130)
|
44
68
|
);--spectrum-statuslight-info-text-font-weight:var(
|
45
69
|
--spectrum-statuslight-l-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
46
70
|
);--spectrum-statuslight-info-text-line-height:var(
|
@@ -49,21 +73,29 @@ const styles = css `
|
|
49
73
|
--spectrum-statuslight-l-info-height,var(--spectrum-global-dimension-size-500)
|
50
74
|
)}:host([size=xl]){--spectrum-statuslight-info-dot-size:var(
|
51
75
|
--spectrum-statuslight-xl-info-dot-size
|
52
|
-
);--spectrum-statuslight-info-
|
53
|
-
--spectrum-statuslight-xl-info-
|
76
|
+
);--spectrum-statuslight-info-dot-border-radius:var(
|
77
|
+
--spectrum-statuslight-xl-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
78
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
79
|
+
--spectrum-statuslight-xl-info-dot-margin-top,var(--spectrum-global-dimension-size-250)
|
54
80
|
);--spectrum-statuslight-info-text-gap:var(
|
55
81
|
--spectrum-statuslight-xl-info-text-gap,var(--spectrum-global-dimension-size-160)
|
82
|
+
);--spectrum-statuslight-info-text-size:var(
|
83
|
+
--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)
|
84
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
85
|
+
--spectrum-statuslight-xl-info-text-padding-top,var(--spectrum-global-dimension-size-150)
|
86
|
+
);--spectrum-statuslight-info-text-padding-bottom:var(
|
87
|
+
--spectrum-statuslight-xl-info-text-padding-bottom,var(--spectrum-global-dimension-size-175)
|
56
88
|
);--spectrum-statuslight-info-text-font-weight:var(
|
57
89
|
--spectrum-statuslight-xl-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
58
90
|
);--spectrum-statuslight-info-text-line-height:var(
|
59
91
|
--spectrum-statuslight-xl-info-text-line-height,var(--spectrum-alias-component-text-line-height)
|
60
92
|
);--spectrum-statuslight-info-height:var(
|
61
93
|
--spectrum-statuslight-xl-info-height,var(--spectrum-global-dimension-size-600)
|
62
|
-
)}:host([dir]){--spectrum-statuslight-info-padding-
|
63
|
-
--spectrum-global-dimension-size-
|
64
|
-
)
|
65
|
-
--spectrum-
|
66
|
-
)
|
94
|
+
)}: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(
|
95
|
+
--spectrum-global-dimension-size-0
|
96
|
+
);margin-right:var(--spectrum-statuslight-info-text-gap)}:host([dir=rtl]):before{margin-left:var(--spectrum-statuslight-info-text-gap);margin-right:var(
|
97
|
+
--spectrum-global-dimension-size-0
|
98
|
+
)}: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(
|
67
99
|
--spectrum-statuslight-m-info-text-color,var(--spectrum-alias-text-color)
|
68
100
|
)}:host([disabled]),:host([disabled]){color:var(
|
69
101
|
--spectrum-statuslight-m-info-text-color-disabled,var(--spectrum-alias-text-color-disabled)
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"spectrum-status-light.css.js","sourceRoot":"","sources":["spectrum-status-light.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwFjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--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-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\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-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-size:var(\n--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)\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-gap:var(\n--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)\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-size:var(\n--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)\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-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-text-size:var(\n--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)\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-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-padding-y:var(\n--spectrum-global-dimension-size-65\n);--spectrum-statuslight-info-text-line-height:1.44;--spectrum-statuslight-info-padding-top:calc(var(--spectrum-statuslight-info-padding-y) - 1px);--spectrum-statuslight-info-padding-bottom:calc(var(--spectrum-statuslight-info-padding-y) + 1px)}:host([dir]){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(\n--spectrum-statuslight-info-height\n);padding-bottom:var(--spectrum-statuslight-info-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-statuslight-info-padding-top)}:host:before{-ms-high-contrast-adjust:none;border-radius:50%;content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;height:var(--spectrum-statuslight-info-dot-size);margin:var(--spectrum-statuslight-info-padding-bottom) var(--spectrum-statuslight-info-text-gap) var(--spectrum-statuslight-info-padding-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)}\n`;\nexport default styles;"]}
|
1
|
+
{"version":3,"file":"spectrum-status-light.css.js","sourceRoot":"","sources":["spectrum-status-light.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { 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)}\n`;\nexport default styles;"]}
|
package/src/status-light.css.js
CHANGED
@@ -11,24 +11,40 @@ governing permissions and limitations under the License.
|
|
11
11
|
*/
|
12
12
|
import { css } from '@spectrum-web-components/base';
|
13
13
|
const styles = css `
|
14
|
-
:host([size=s]){--spectrum-statuslight-info-
|
14
|
+
:host([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(
|
15
|
+
--spectrum-statuslight-s-info-text-padding-bottom
|
16
|
+
);--spectrum-statuslight-info-dot-border-radius:var(
|
17
|
+
--spectrum-statuslight-s-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
18
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
19
|
+
--spectrum-statuslight-s-info-dot-margin-top,var(--spectrum-global-dimension-size-100)
|
20
|
+
);--spectrum-statuslight-info-dot-size:var(
|
15
21
|
--spectrum-statuslight-s-info-dot-size,var(--spectrum-global-dimension-static-size-100)
|
16
|
-
);--spectrum-statuslight-info-text-size:var(
|
17
|
-
--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)
|
18
22
|
);--spectrum-statuslight-info-text-gap:var(
|
19
23
|
--spectrum-statuslight-s-info-text-gap,var(--spectrum-global-dimension-size-115)
|
24
|
+
);--spectrum-statuslight-info-text-size:var(
|
25
|
+
--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)
|
26
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
27
|
+
--spectrum-statuslight-s-info-text-padding-top,var(--spectrum-global-dimension-static-size-50)
|
20
28
|
);--spectrum-statuslight-info-text-font-weight:var(
|
21
29
|
--spectrum-statuslight-s-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
22
30
|
);--spectrum-statuslight-info-text-line-height:var(
|
23
31
|
--spectrum-statuslight-s-info-text-line-height,var(--spectrum-alias-component-text-line-height)
|
24
32
|
);--spectrum-statuslight-info-height:var(
|
25
33
|
--spectrum-statuslight-s-info-height,var(--spectrum-global-dimension-size-300)
|
26
|
-
)}:host([size=m]){--spectrum-statuslight-info-dot-
|
34
|
+
)}:host([size=m]){--spectrum-statuslight-info-dot-border-radius:var(
|
35
|
+
--spectrum-statuslight-m-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
36
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
37
|
+
--spectrum-statuslight-m-info-dot-margin-top,var(--spectrum-global-dimension-size-130)
|
38
|
+
);--spectrum-statuslight-info-dot-size:var(
|
27
39
|
--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)
|
28
|
-
);--spectrum-statuslight-info-text-size:var(
|
29
|
-
--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)
|
30
40
|
);--spectrum-statuslight-info-text-gap:var(
|
31
41
|
--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)
|
42
|
+
);--spectrum-statuslight-info-text-size:var(
|
43
|
+
--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)
|
44
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
45
|
+
--spectrum-statuslight-m-info-text-padding-top,var(--spectrum-global-dimension-size-75)
|
46
|
+
);--spectrum-statuslight-info-text-padding-bottom:var(
|
47
|
+
--spectrum-statuslight-m-info-text-padding-bottom,var(--spectrum-global-dimension-size-115)
|
32
48
|
);--spectrum-statuslight-info-text-font-weight:var(
|
33
49
|
--spectrum-statuslight-m-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
34
50
|
);--spectrum-statuslight-info-text-line-height:var(
|
@@ -37,10 +53,18 @@ const styles = css `
|
|
37
53
|
--spectrum-statuslight-m-info-height,var(--spectrum-global-dimension-size-400)
|
38
54
|
)}:host([size=l]){--spectrum-statuslight-info-dot-size:var(
|
39
55
|
--spectrum-statuslight-l-info-dot-size
|
40
|
-
);--spectrum-statuslight-info-text-
|
41
|
-
--spectrum-statuslight-l-info-text-
|
56
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
57
|
+
--spectrum-statuslight-l-info-text-padding-top
|
58
|
+
);--spectrum-statuslight-info-dot-border-radius:var(
|
59
|
+
--spectrum-statuslight-l-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
60
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
61
|
+
--spectrum-statuslight-l-info-dot-margin-top,var(--spectrum-global-dimension-size-185)
|
42
62
|
);--spectrum-statuslight-info-text-gap:var(
|
43
63
|
--spectrum-statuslight-l-info-text-gap,var(--spectrum-global-dimension-size-130)
|
64
|
+
);--spectrum-statuslight-info-text-size:var(
|
65
|
+
--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)
|
66
|
+
);--spectrum-statuslight-info-text-padding-bottom:var(
|
67
|
+
--spectrum-statuslight-l-info-text-padding-bottom,var(--spectrum-global-dimension-size-130)
|
44
68
|
);--spectrum-statuslight-info-text-font-weight:var(
|
45
69
|
--spectrum-statuslight-l-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
46
70
|
);--spectrum-statuslight-info-text-line-height:var(
|
@@ -49,21 +73,29 @@ const styles = css `
|
|
49
73
|
--spectrum-statuslight-l-info-height,var(--spectrum-global-dimension-size-500)
|
50
74
|
)}:host([size=xl]){--spectrum-statuslight-info-dot-size:var(
|
51
75
|
--spectrum-statuslight-xl-info-dot-size
|
52
|
-
);--spectrum-statuslight-info-
|
53
|
-
--spectrum-statuslight-xl-info-
|
76
|
+
);--spectrum-statuslight-info-dot-border-radius:var(
|
77
|
+
--spectrum-statuslight-xl-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)
|
78
|
+
);--spectrum-statuslight-info-dot-margin-top:var(
|
79
|
+
--spectrum-statuslight-xl-info-dot-margin-top,var(--spectrum-global-dimension-size-250)
|
54
80
|
);--spectrum-statuslight-info-text-gap:var(
|
55
81
|
--spectrum-statuslight-xl-info-text-gap,var(--spectrum-global-dimension-size-160)
|
82
|
+
);--spectrum-statuslight-info-text-size:var(
|
83
|
+
--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)
|
84
|
+
);--spectrum-statuslight-info-text-padding-top:var(
|
85
|
+
--spectrum-statuslight-xl-info-text-padding-top,var(--spectrum-global-dimension-size-150)
|
86
|
+
);--spectrum-statuslight-info-text-padding-bottom:var(
|
87
|
+
--spectrum-statuslight-xl-info-text-padding-bottom,var(--spectrum-global-dimension-size-175)
|
56
88
|
);--spectrum-statuslight-info-text-font-weight:var(
|
57
89
|
--spectrum-statuslight-xl-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)
|
58
90
|
);--spectrum-statuslight-info-text-line-height:var(
|
59
91
|
--spectrum-statuslight-xl-info-text-line-height,var(--spectrum-alias-component-text-line-height)
|
60
92
|
);--spectrum-statuslight-info-height:var(
|
61
93
|
--spectrum-statuslight-xl-info-height,var(--spectrum-global-dimension-size-600)
|
62
|
-
)}:host([dir]){--spectrum-statuslight-info-padding-
|
63
|
-
--spectrum-global-dimension-size-
|
64
|
-
)
|
65
|
-
--spectrum-
|
66
|
-
)
|
94
|
+
)}: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(
|
95
|
+
--spectrum-global-dimension-size-0
|
96
|
+
);margin-right:var(--spectrum-statuslight-info-text-gap)}:host([dir=rtl]):before{margin-left:var(--spectrum-statuslight-info-text-gap);margin-right:var(
|
97
|
+
--spectrum-global-dimension-size-0
|
98
|
+
)}: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(
|
67
99
|
--spectrum-statuslight-m-info-text-color,var(--spectrum-alias-text-color)
|
68
100
|
)}:host([disabled]),:host([disabled]){color:var(
|
69
101
|
--spectrum-statuslight-m-info-text-color-disabled,var(--spectrum-alias-text-color-disabled)
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"status-light.css.js","sourceRoot":"","sources":["status-light.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0FjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--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-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\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-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-size:var(\n--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)\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-gap:var(\n--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)\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-size:var(\n--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)\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-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-text-size:var(\n--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)\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-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-padding-y:var(\n--spectrum-global-dimension-size-65\n);--spectrum-statuslight-info-text-line-height:1.44;--spectrum-statuslight-info-padding-top:calc(var(--spectrum-statuslight-info-padding-y) - 1px);--spectrum-statuslight-info-padding-bottom:calc(var(--spectrum-statuslight-info-padding-y) + 1px)}:host([dir]){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(\n--spectrum-statuslight-info-height\n);padding-bottom:var(--spectrum-statuslight-info-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-statuslight-info-padding-top)}:host:before{-ms-high-contrast-adjust:none;border-radius:50%;content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;height:var(--spectrum-statuslight-info-dot-size);margin:var(--spectrum-statuslight-info-padding-bottom) var(--spectrum-statuslight-info-text-gap) var(--spectrum-statuslight-info-padding-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)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"]}
|
1
|
+
{"version":3,"file":"status-light.css.js","sourceRoot":"","sources":["status-light.css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AACF,OAAO,EAAE,GAAG,EAAE,MAAM,+BAA+B,CAAC;AACpD,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0HjB,CAAC;AACF,eAAe,MAAM,CAAC","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 { 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)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"]}
|