@spectrum-web-components/status-light 0.10.0 → 0.10.1
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/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/test/status-light.test-vrt.js +0 -15
- package/test/status-light.test-vrt.js.map +0 -1
- package/test/status-light.test.js +0 -37
- package/test/status-light.test.js.map +0 -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.10.
|
|
3
|
+
"version": "0.10.1",
|
|
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.5.
|
|
47
|
+
"@spectrum-web-components/base": "^0.5.1",
|
|
48
48
|
"tslib": "^2.0.0"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@spectrum-css/statuslight": "^
|
|
51
|
+
"@spectrum-css/statuslight": "^4.0.0"
|
|
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": "df3f333ee26a45f9fc247716b6e8ef051dca630b"
|
|
59
59
|
}
|
|
@@ -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;"]}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020 Adobe. All rights reserved.
|
|
3
|
-
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
-
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
-
|
|
7
|
-
Unless required by applicable law or agreed to in writing, software distributed under
|
|
8
|
-
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
9
|
-
OF ANY KIND, either express or implied. See the License for the specific language
|
|
10
|
-
governing permissions and limitations under the License.
|
|
11
|
-
*/
|
|
12
|
-
import * as stories from '../stories/status-light.stories.js';
|
|
13
|
-
import { regressVisuals } from '../../../test/visual/test.js';
|
|
14
|
-
regressVisuals('StatusLightStories', stories);
|
|
15
|
-
//# sourceMappingURL=status-light.test-vrt.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"status-light.test-vrt.js","sourceRoot":"","sources":["status-light.test-vrt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;EAUE;AAEF,OAAO,KAAK,OAAO,MAAM,oCAAoC,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,cAAc,CAAC,oBAAoB,EAAE,OAAO,CAAC,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*/\n\nimport * as stories from '../stories/status-light.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('StatusLightStories', stories);\n"]}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright 2020 Adobe. All rights reserved.
|
|
3
|
-
This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4
|
-
you may not use this file except in compliance with the License. You may obtain a copy
|
|
5
|
-
of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
6
|
-
Unless required by applicable law or agreed to in writing, software distributed under
|
|
7
|
-
the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
8
|
-
OF ANY KIND, either express or implied. See the License for the specific language
|
|
9
|
-
governing permissions and limitations under the License.
|
|
10
|
-
*/
|
|
11
|
-
import '../sp-status-light.js';
|
|
12
|
-
import { elementUpdated, expect, fixture, html } from '@open-wc/testing';
|
|
13
|
-
describe('Status Light', () => {
|
|
14
|
-
it('loads correctly', async () => {
|
|
15
|
-
const el = await fixture(html `
|
|
16
|
-
<sp-status-light variant="positive"></sp-status-light>
|
|
17
|
-
`);
|
|
18
|
-
await elementUpdated(el);
|
|
19
|
-
expect(el).to.not.be.undefined;
|
|
20
|
-
const rootEl = el.shadowRoot
|
|
21
|
-
? el.shadowRoot.querySelector('#root')
|
|
22
|
-
: el.querySelector('#root');
|
|
23
|
-
expect(rootEl).to.not.be.undefined;
|
|
24
|
-
});
|
|
25
|
-
it('[disabled] manages [aria-disabled]', async () => {
|
|
26
|
-
const el = await fixture(html `
|
|
27
|
-
<sp-status-light variant="positive"></sp-status-light>
|
|
28
|
-
`);
|
|
29
|
-
await elementUpdated(el);
|
|
30
|
-
expect(el.hasAttribute('aria-disabled')).to.be.false;
|
|
31
|
-
el.disabled = true;
|
|
32
|
-
await elementUpdated(el);
|
|
33
|
-
expect(el.hasAttribute('aria-disabled')).to.be.true;
|
|
34
|
-
expect(el.getAttribute('aria-disabled')).to.equal('true');
|
|
35
|
-
});
|
|
36
|
-
});
|
|
37
|
-
//# sourceMappingURL=status-light.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"status-light.test.js","sourceRoot":"","sources":["status-light.test.ts"],"names":[],"mappings":"AAAA;;;;;;;;;EASE;AACF,OAAO,uBAAuB,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEzE,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC;QAC/B,MAAM,MAAM,GAAG,EAAE,CAAC,UAAU;YACxB,CAAC,CAAE,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAsB;YAC5D,CAAC,CAAE,EAAE,CAAC,aAAa,CAAC,OAAO,CAAsB,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,SAAS,CAAC;IACvC,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,EAAE,GAAG,MAAM,OAAO,CACpB,IAAI,CAAA;;aAEH,CACJ,CAAC;QAEF,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;QAErD,EAAE,CAAC,QAAQ,GAAG,IAAI,CAAC;QACnB,MAAM,cAAc,CAAC,EAAE,CAAC,CAAC;QAEzB,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC;QACpD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,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\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 '../sp-status-light.js';\nimport { StatusLight } from '../';\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"]}
|