@spectrum-web-components/status-light 0.11.0 → 0.11.1
Sign up to get free protection for your applications and to get access to all the features.
- package/package.json +3 -3
- package/sp-status-light.dev.js +1 -0
- package/sp-status-light.dev.js.map +1 -1
- package/sp-status-light.js +1 -1
- package/sp-status-light.js.map +2 -2
- package/src/StatusLight.dev.js +1 -0
- package/src/StatusLight.dev.js.map +1 -1
- package/src/StatusLight.js +2 -2
- package/src/StatusLight.js.map +2 -2
- package/src/index.dev.js +1 -0
- package/src/index.dev.js.map +1 -1
- package/src/index.js +1 -1
- package/src/index.js.map +1 -1
- package/src/spectrum-status-light.css.dev.js +178 -113
- package/src/spectrum-status-light.css.dev.js.map +2 -2
- package/src/spectrum-status-light.css.js +178 -114
- package/src/spectrum-status-light.css.js.map +3 -3
- package/src/status-light.css.dev.js +178 -113
- package/src/status-light.css.dev.js.map +2 -2
- package/src/status-light.css.js +178 -114
- package/src/status-light.css.js.map +3 -3
- package/stories/status-light.stories.js +18 -6
- package/stories/status-light.stories.js.map +1 -1
- package/test/status-light.test-vrt.js +4 -1
- package/test/status-light.test-vrt.js.map +1 -1
- package/test/status-light.test.js +27 -3
- package/test/status-light.test.js.map +1 -1
package/src/status-light.css.js
CHANGED
|
@@ -1,123 +1,187 @@
|
|
|
1
|
-
import{css as t}from"@spectrum-web-components/base";const s=t`
|
|
2
|
-
:host([
|
|
3
|
-
--spectrum-
|
|
4
|
-
);--spectrum-statuslight-
|
|
5
|
-
--spectrum-
|
|
6
|
-
);--spectrum-statuslight-
|
|
7
|
-
--spectrum-
|
|
8
|
-
);--spectrum-statuslight-
|
|
9
|
-
--spectrum-
|
|
10
|
-
);--spectrum-statuslight-
|
|
11
|
-
--spectrum-
|
|
12
|
-
);--spectrum-statuslight-
|
|
13
|
-
--spectrum-
|
|
14
|
-
);--spectrum-statuslight-
|
|
15
|
-
--spectrum-
|
|
16
|
-
);--spectrum-statuslight-
|
|
17
|
-
--spectrum-
|
|
18
|
-
);--spectrum-statuslight-
|
|
19
|
-
--spectrum-
|
|
20
|
-
);--spectrum-statuslight-
|
|
21
|
-
--spectrum-
|
|
22
|
-
)
|
|
23
|
-
--spectrum-
|
|
24
|
-
);--spectrum-statuslight-
|
|
25
|
-
--spectrum-
|
|
26
|
-
);--spectrum-statuslight-
|
|
27
|
-
--spectrum-
|
|
28
|
-
);--spectrum-statuslight-
|
|
29
|
-
--spectrum-
|
|
30
|
-
);--spectrum-statuslight-
|
|
31
|
-
--spectrum-
|
|
32
|
-
);--spectrum-statuslight-
|
|
33
|
-
--spectrum-
|
|
34
|
-
);--spectrum-statuslight-
|
|
35
|
-
--spectrum-
|
|
36
|
-
);--spectrum-statuslight-
|
|
37
|
-
--spectrum-
|
|
38
|
-
);--spectrum-statuslight-
|
|
39
|
-
--spectrum-
|
|
40
|
-
);--spectrum-statuslight-
|
|
41
|
-
--spectrum-
|
|
42
|
-
)
|
|
43
|
-
--spectrum-
|
|
44
|
-
);--spectrum-statuslight-
|
|
45
|
-
--spectrum-
|
|
46
|
-
);--spectrum-statuslight-
|
|
47
|
-
--spectrum-
|
|
48
|
-
);--spectrum-statuslight-
|
|
49
|
-
--spectrum-
|
|
50
|
-
);--spectrum-statuslight-
|
|
51
|
-
--spectrum-
|
|
52
|
-
);--spectrum-statuslight-
|
|
53
|
-
--spectrum-
|
|
54
|
-
);--spectrum-statuslight-
|
|
55
|
-
--spectrum-
|
|
56
|
-
)
|
|
57
|
-
--spectrum-
|
|
58
|
-
);--spectrum-statuslight-
|
|
59
|
-
--spectrum-
|
|
60
|
-
);--spectrum-statuslight-
|
|
61
|
-
--spectrum-
|
|
62
|
-
)
|
|
63
|
-
--spectrum-
|
|
64
|
-
);--spectrum-statuslight-
|
|
65
|
-
--spectrum-
|
|
66
|
-
);--spectrum-statuslight-
|
|
67
|
-
--spectrum-
|
|
68
|
-
)
|
|
69
|
-
--spectrum-
|
|
70
|
-
);--spectrum-statuslight-
|
|
71
|
-
--spectrum-
|
|
72
|
-
);--spectrum-statuslight-
|
|
73
|
-
--spectrum-
|
|
74
|
-
);--spectrum-statuslight-
|
|
75
|
-
--spectrum-
|
|
76
|
-
);--spectrum-statuslight-
|
|
77
|
-
--spectrum-
|
|
78
|
-
);--spectrum-statuslight-
|
|
79
|
-
--spectrum-
|
|
80
|
-
)
|
|
81
|
-
--spectrum-
|
|
82
|
-
)
|
|
83
|
-
--spectrum-
|
|
84
|
-
)
|
|
85
|
-
--spectrum-
|
|
86
|
-
)
|
|
87
|
-
--spectrum-
|
|
88
|
-
)
|
|
89
|
-
--spectrum-
|
|
90
|
-
)
|
|
91
|
-
--spectrum-
|
|
1
|
+
"use strict";import{css as t}from"@spectrum-web-components/base";const s=t`
|
|
2
|
+
:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(
|
|
3
|
+
--spectrum-status-light-dot-size-medium
|
|
4
|
+
);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(
|
|
5
|
+
--spectrum-text-to-visual-100
|
|
6
|
+
);--spectrum-statuslight-spacing-top-to-dot:var(
|
|
7
|
+
--spectrum-status-light-top-to-dot-medium
|
|
8
|
+
);--spectrum-statuslight-spacing-top-to-label:var(
|
|
9
|
+
--spectrum-component-top-to-text-100
|
|
10
|
+
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
|
11
|
+
--spectrum-component-bottom-to-text-100
|
|
12
|
+
);--spectrum-statuslight-content-color-default:var(
|
|
13
|
+
--spectrum-neutral-content-color-default
|
|
14
|
+
);--spectrum-statuslight-subdued-content-color-default:var(
|
|
15
|
+
--spectrum-neutral-subdued-content-color-default
|
|
16
|
+
);--spectrum-statuslight-semantic-neutral-color:var(
|
|
17
|
+
--spectrum-neutral-visual-color
|
|
18
|
+
);--spectrum-statuslight-semantic-accent-color:var(
|
|
19
|
+
--spectrum-accent-visual-color
|
|
20
|
+
);--spectrum-statuslight-semantic-negative-color:var(
|
|
21
|
+
--spectrum-negative-visual-color
|
|
22
|
+
);--spectrum-statuslight-semantic-info-color:var(
|
|
23
|
+
--spectrum-informative-visual-color
|
|
24
|
+
);--spectrum-statuslight-semantic-notice-color:var(
|
|
25
|
+
--spectrum-notice-visual-color
|
|
26
|
+
);--spectrum-statuslight-semantic-positive-color:var(
|
|
27
|
+
--spectrum-positive-visual-color
|
|
28
|
+
);--spectrum-statuslight-nonsemantic-gray-color:var(
|
|
29
|
+
--spectrum-gray-visual-color
|
|
30
|
+
);--spectrum-statuslight-nonsemantic-red-color:var(
|
|
31
|
+
--spectrum-red-visual-color
|
|
32
|
+
);--spectrum-statuslight-nonsemantic-orange-color:var(
|
|
33
|
+
--spectrum-orange-visual-color
|
|
34
|
+
);--spectrum-statuslight-nonsemantic-yellow-color:var(
|
|
35
|
+
--spectrum-yellow-visual-color
|
|
36
|
+
);--spectrum-statuslight-nonsemantic-chartreuse-color:var(
|
|
37
|
+
--spectrum-chartreuse-visual-color
|
|
38
|
+
);--spectrum-statuslight-nonsemantic-celery-color:var(
|
|
39
|
+
--spectrum-celery-visual-color
|
|
40
|
+
);--spectrum-statuslight-nonsemantic-green-color:var(
|
|
41
|
+
--spectrum-green-visual-color
|
|
42
|
+
);--spectrum-statuslight-nonsemantic-seafoam-color:var(
|
|
43
|
+
--spectrum-seafoam-visual-color
|
|
44
|
+
);--spectrum-statuslight-nonsemantic-cyan-color:var(
|
|
45
|
+
--spectrum-cyan-visual-color
|
|
46
|
+
);--spectrum-statuslight-nonsemantic-blue-color:var(
|
|
47
|
+
--spectrum-blue-visual-color
|
|
48
|
+
);--spectrum-statuslight-nonsemantic-indigo-color:var(
|
|
49
|
+
--spectrum-indigo-visual-color
|
|
50
|
+
);--spectrum-statuslight-nonsemantic-purple-color:var(
|
|
51
|
+
--spectrum-purple-visual-color
|
|
52
|
+
);--spectrum-statuslight-nonsemantic-fuchsia-color:var(
|
|
53
|
+
--spectrum-fuchsia-visual-color
|
|
54
|
+
);--spectrum-statuslight-nonsemantic-magenta-color:var(
|
|
55
|
+
--spectrum-magenta-visual-color
|
|
56
|
+
)}:host([size=s]){--spectrum-statuslight-height:var(
|
|
57
|
+
--spectrum-component-height-75
|
|
58
|
+
);--spectrum-statuslight-dot-size:var(
|
|
59
|
+
--spectrum-status-light-dot-size-small
|
|
60
|
+
);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(
|
|
61
|
+
--spectrum-text-to-visual-75
|
|
62
|
+
);--spectrum-statuslight-spacing-top-to-dot:var(
|
|
63
|
+
--spectrum-status-light-top-to-dot-small
|
|
64
|
+
);--spectrum-statuslight-spacing-top-to-label:var(
|
|
65
|
+
--spectrum-component-top-to-text-75
|
|
66
|
+
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
|
67
|
+
--spectrum-component-bottom-to-text-75
|
|
68
|
+
)}:host([size=m]){--spectrum-statuslight-height:var(
|
|
69
|
+
--spectrum-component-height-100
|
|
70
|
+
);--spectrum-statuslight-dot-size:var(
|
|
71
|
+
--spectrum-status-light-dot-size-medium
|
|
72
|
+
);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(
|
|
73
|
+
--spectrum-text-to-visual-100
|
|
74
|
+
);--spectrum-statuslight-spacing-top-to-dot:var(
|
|
75
|
+
--spectrum-status-light-top-to-dot-medium
|
|
76
|
+
);--spectrum-statuslight-spacing-top-to-label:var(
|
|
77
|
+
--spectrum-component-top-to-text-100
|
|
78
|
+
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
|
79
|
+
--spectrum-component-bottom-to-text-100
|
|
80
|
+
)}:host([size=l]){--spectrum-statuslight-height:var(
|
|
81
|
+
--spectrum-component-height-200
|
|
82
|
+
);--spectrum-statuslight-dot-size:var(
|
|
83
|
+
--spectrum-status-light-dot-size-large
|
|
84
|
+
);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(
|
|
85
|
+
--spectrum-text-to-visual-200
|
|
86
|
+
);--spectrum-statuslight-spacing-top-to-dot:var(
|
|
87
|
+
--spectrum-status-light-top-to-dot-large
|
|
88
|
+
);--spectrum-statuslight-spacing-top-to-label:var(
|
|
89
|
+
--spectrum-component-top-to-text-200
|
|
90
|
+
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
|
91
|
+
--spectrum-component-bottom-to-text-200
|
|
92
|
+
)}:host([size=xl]){--spectrum-statuslight-height:var(
|
|
93
|
+
--spectrum-component-height-300
|
|
94
|
+
);--spectrum-statuslight-dot-size:var(
|
|
95
|
+
--spectrum-status-light-dot-size-extra-large
|
|
96
|
+
);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(
|
|
97
|
+
--spectrum-text-to-visual-300
|
|
98
|
+
);--spectrum-statuslight-spacing-top-to-dot:var(
|
|
99
|
+
--spectrum-status-light-top-to-dot-extra-large
|
|
100
|
+
);--spectrum-statuslight-spacing-top-to-label:var(
|
|
101
|
+
--spectrum-component-top-to-text-300
|
|
102
|
+
);--spectrum-statuslight-spacing-bottom-to-label:var(
|
|
103
|
+
--spectrum-component-bottom-to-text-300
|
|
104
|
+
)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(
|
|
105
|
+
--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)
|
|
106
|
+
) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(
|
|
107
|
+
--highcontrast-statuslight-content-color-default,var(
|
|
108
|
+
--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)
|
|
109
|
+
)
|
|
110
|
+
);display:flex;flex-direction:row;font-size:var(
|
|
111
|
+
--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)
|
|
112
|
+
);font-weight:var(
|
|
113
|
+
--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)
|
|
114
|
+
);line-height:var(
|
|
115
|
+
--mod-statuslight-line-height,--spectrum-statuslight-line-height
|
|
116
|
+
);min-height:var(
|
|
117
|
+
--mod-statuslight-height,var(--spectrum-statuslight-height)
|
|
118
|
+
);padding-block-end:var(
|
|
119
|
+
--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)
|
|
120
|
+
);padding-block-start:var(
|
|
121
|
+
--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)
|
|
122
|
+
);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(
|
|
123
|
+
--spectrum-statuslight-line-height-cjk,var(
|
|
124
|
+
--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)
|
|
125
|
+
)
|
|
126
|
+
)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(
|
|
127
|
+
--mod-statuslight-spacing-top-to-dot,
|
|
128
|
+
var(--spectrum-statuslight-spacing-top-to-dot)
|
|
129
|
+
) - var(
|
|
130
|
+
--mod-statuslight-spacing-top-to-label,
|
|
131
|
+
var(--spectrum-statuslight-spacing-top-to-label)
|
|
132
|
+
));-ms-high-contrast-adjust:none;block-size:var(
|
|
133
|
+
--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)
|
|
134
|
+
);border-radius:var(
|
|
135
|
+
--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)
|
|
136
|
+
);content:"";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(
|
|
137
|
+
--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)
|
|
138
|
+
);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(
|
|
139
|
+
--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)
|
|
140
|
+
)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(
|
|
141
|
+
--highcontrast-statuslight-subdued-content-color-default,var(
|
|
142
|
+
--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)
|
|
143
|
+
)
|
|
144
|
+
)}:host([variant=neutral]):before{background-color:var(
|
|
145
|
+
--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)
|
|
146
|
+
)}.spectrum-StatusLight--accent:before{background-color:var(
|
|
147
|
+
--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)
|
|
148
|
+
)}:host([variant=info]):before{background-color:var(
|
|
149
|
+
--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)
|
|
92
150
|
)}:host([variant=negative]):before{background-color:var(
|
|
93
|
-
--
|
|
151
|
+
--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)
|
|
94
152
|
)}:host([variant=notice]):before{background-color:var(
|
|
95
|
-
--
|
|
153
|
+
--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)
|
|
96
154
|
)}:host([variant=positive]):before{background-color:var(
|
|
97
|
-
--
|
|
98
|
-
)}:
|
|
99
|
-
--
|
|
100
|
-
)}:
|
|
101
|
-
--
|
|
102
|
-
)}:
|
|
103
|
-
--
|
|
104
|
-
)}:host([variant=celery]):before{background-color:var(
|
|
105
|
-
--spectrum-statuslight-m-celery-dot-color,var(--spectrum-global-color-celery-400)
|
|
155
|
+
--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)
|
|
156
|
+
)}.spectrum-StatusLight--gray:before{background-color:var(
|
|
157
|
+
--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)
|
|
158
|
+
)}.spectrum-StatusLight--red:before{background-color:var(
|
|
159
|
+
--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)
|
|
160
|
+
)}.spectrum-StatusLight--orange:before{background-color:var(
|
|
161
|
+
--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)
|
|
106
162
|
)}:host([variant=yellow]):before{background-color:var(
|
|
107
|
-
--
|
|
108
|
-
)}:host([variant=fuchsia]):before{background-color:var(
|
|
109
|
-
--spectrum-statuslight-m-fuchsia-dot-color,var(--spectrum-global-color-fuchsia-400)
|
|
110
|
-
)}:host([variant=indigo]):before{background-color:var(
|
|
111
|
-
--spectrum-statuslight-m-indigo-dot-color,var(--spectrum-global-color-indigo-400)
|
|
112
|
-
)}:host([variant=seafoam]):before{background-color:var(
|
|
113
|
-
--spectrum-statuslight-m-seafoam-dot-color,var(--spectrum-global-color-seafoam-400)
|
|
163
|
+
--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)
|
|
114
164
|
)}:host([variant=chartreuse]):before{background-color:var(
|
|
115
|
-
--
|
|
116
|
-
)}:host([variant=
|
|
117
|
-
--
|
|
165
|
+
--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)
|
|
166
|
+
)}:host([variant=celery]):before{background-color:var(
|
|
167
|
+
--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)
|
|
168
|
+
)}.spectrum-StatusLight--green:before{background-color:var(
|
|
169
|
+
--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)
|
|
170
|
+
)}:host([variant=seafoam]):before{background-color:var(
|
|
171
|
+
--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)
|
|
172
|
+
)}.spectrum-StatusLight--cyan:before{background-color:var(
|
|
173
|
+
--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)
|
|
174
|
+
)}.spectrum-StatusLight--blue:before{background-color:var(
|
|
175
|
+
--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)
|
|
176
|
+
)}:host([variant=indigo]):before{background-color:var(
|
|
177
|
+
--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)
|
|
118
178
|
)}:host([variant=purple]):before{background-color:var(
|
|
119
|
-
--
|
|
120
|
-
)}
|
|
179
|
+
--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)
|
|
180
|
+
)}:host([variant=fuchsia]):before{background-color:var(
|
|
181
|
+
--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)
|
|
182
|
+
)}:host([variant=magenta]):before{background-color:var(
|
|
183
|
+
--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)
|
|
184
|
+
)}:host([disabled]):before{background-color:var(
|
|
121
185
|
--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)
|
|
122
186
|
)}
|
|
123
187
|
`;export default s;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["status-light.css.ts"],
|
|
4
|
-
"sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([size=s]){--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-s-info-text-padding-bottom\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-s-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-s-info-dot-margin-top,var(--spectrum-global-dimension-size-100)\n);--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-s-info-dot-size,var(--spectrum-global-dimension-static-size-100)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-s-info-text-gap,var(--spectrum-global-dimension-size-115)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-s-info-text-size,var(--spectrum-global-dimension-font-size-75)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-s-info-text-padding-top,var(--spectrum-global-dimension-static-size-50)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-s-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-s-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-s-info-height,var(--spectrum-global-dimension-size-300)\n)}:host([size=m]){--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-m-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-m-info-dot-margin-top,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-m-info-dot-size,var(--spectrum-global-dimension-size-100)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-m-info-text-gap,var(--spectrum-global-dimension-size-125)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-m-info-text-size,var(--spectrum-global-dimension-font-size-100)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-m-info-text-padding-top,var(--spectrum-global-dimension-size-75)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-m-info-text-padding-bottom,var(--spectrum-global-dimension-size-115)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-m-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-m-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-m-info-height,var(--spectrum-global-dimension-size-400)\n)}:host([size=l]){--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-l-info-dot-size\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-l-info-text-padding-top\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-l-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-l-info-dot-margin-top,var(--spectrum-global-dimension-size-185)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-l-info-text-gap,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-l-info-text-size,var(--spectrum-global-dimension-font-size-200)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-l-info-text-padding-bottom,var(--spectrum-global-dimension-size-130)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-l-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-l-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-l-info-height,var(--spectrum-global-dimension-size-500)\n)}:host([size=xl]){--spectrum-statuslight-info-dot-size:var(\n--spectrum-statuslight-xl-info-dot-size\n);--spectrum-statuslight-info-dot-border-radius:var(\n--spectrum-statuslight-xl-info-dot-border-radius,var(--spectrum-global-dimension-static-percent-50)\n);--spectrum-statuslight-info-dot-margin-top:var(\n--spectrum-statuslight-xl-info-dot-margin-top,var(--spectrum-global-dimension-size-250)\n);--spectrum-statuslight-info-text-gap:var(\n--spectrum-statuslight-xl-info-text-gap,var(--spectrum-global-dimension-size-160)\n);--spectrum-statuslight-info-text-size:var(\n--spectrum-statuslight-xl-info-text-size,var(--spectrum-global-dimension-font-size-300)\n);--spectrum-statuslight-info-text-padding-top:var(\n--spectrum-statuslight-xl-info-text-padding-top,var(--spectrum-global-dimension-size-150)\n);--spectrum-statuslight-info-text-padding-bottom:var(\n--spectrum-statuslight-xl-info-text-padding-bottom,var(--spectrum-global-dimension-size-175)\n);--spectrum-statuslight-info-text-font-weight:var(\n--spectrum-statuslight-xl-info-text-font-weight,var(--spectrum-alias-body-text-font-weight)\n);--spectrum-statuslight-info-text-line-height:var(\n--spectrum-statuslight-xl-info-text-line-height,var(--spectrum-alias-component-text-line-height)\n);--spectrum-statuslight-info-height:var(\n--spectrum-statuslight-xl-info-height,var(--spectrum-global-dimension-size-600)\n)}:host([dir]){--spectrum-statuslight-info-dot-resolved-margin-top:calc(var(--spectrum-statuslight-info-dot-margin-top) - var(--spectrum-statuslight-info-text-padding-top));align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:row;font-size:var(--spectrum-statuslight-info-text-size);font-weight:var(--spectrum-statuslight-info-text-font-weight);line-height:var(--spectrum-statuslight-info-text-line-height);min-height:var(--spectrum-statuslight-info-height);padding-bottom:var(--spectrum-statuslight-info-text-padding-bottom);padding-left:0;padding-right:0;padding-top:var(--spectrum-statuslight-info-text-padding-top)}:host([dir=ltr]):before{margin-left:var(\n--spectrum-global-dimension-size-0\n);margin-right:var(--spectrum-statuslight-info-text-gap)}:host([dir=rtl]):before{margin-left:var(--spectrum-statuslight-info-text-gap);margin-right:var(\n--spectrum-global-dimension-size-0\n)}:host:before{-ms-high-contrast-adjust:none;border-radius:var(--spectrum-statuslight-info-dot-border-radius);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;height:var(--spectrum-statuslight-info-dot-size);margin-bottom:var(--spectrum-global-dimension-size-0);margin-top:var(--spectrum-statuslight-info-dot-resolved-margin-top);width:var(--spectrum-statuslight-info-dot-size)}:host([variant=neutral]){font-style:italic}:host([dir]){color:var(\n--spectrum-statuslight-m-info-text-color,var(--spectrum-alias-text-color)\n)}:host([disabled]),:host([disabled]){color:var(\n--spectrum-statuslight-m-info-text-color-disabled,var(--spectrum-alias-text-color-disabled)\n)}:host([disabled]):before,:host([disabled]):before{background-color:var(\n--spectrum-statuslight-m-info-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}:host([variant=negative]):before{background-color:var(\n--spectrum-statuslight-m-negative-dot-color,var(--spectrum-semantic-negative-status-color)\n)}:host([variant=notice]):before{background-color:var(\n--spectrum-statuslight-m-notice-dot-color,var(--spectrum-semantic-notice-status-color)\n)}:host([variant=positive]):before{background-color:var(\n--spectrum-statuslight-m-positive-dot-color,var(--spectrum-semantic-positive-status-color)\n)}:host([active]):before,:host([variant=info]):before{background-color:var(\n--spectrum-statuslight-m-info-dot-color,var(--spectrum-semantic-informative-status-color)\n)}:host([variant=neutral]){color:var(\n--spectrum-statuslight-m-neutral-text-color,var(--spectrum-alias-label-text-color)\n)}:host([variant=neutral]):before{background-color:var(\n--spectrum-statuslight-m-neutral-dot-color,var(--spectrum-global-color-gray-500)\n)}:host([variant=celery]):before{background-color:var(\n--spectrum-statuslight-m-celery-dot-color,var(--spectrum-global-color-celery-400)\n)}:host([variant=yellow]):before{background-color:var(\n--spectrum-statuslight-m-yellow-dot-color,var(--spectrum-global-color-yellow-400)\n)}:host([variant=fuchsia]):before{background-color:var(\n--spectrum-statuslight-m-fuchsia-dot-color,var(--spectrum-global-color-fuchsia-400)\n)}:host([variant=indigo]):before{background-color:var(\n--spectrum-statuslight-m-indigo-dot-color,var(--spectrum-global-color-indigo-400)\n)}:host([variant=seafoam]):before{background-color:var(\n--spectrum-statuslight-m-seafoam-dot-color,var(--spectrum-global-color-seafoam-400)\n)}:host([variant=chartreuse]):before{background-color:var(\n--spectrum-statuslight-m-chartreuse-dot-color,var(--spectrum-global-color-chartreuse-400)\n)}:host([variant=magenta]):before{background-color:var(\n--spectrum-statuslight-m-magenta-dot-color,var(--spectrum-global-color-magenta-400)\n)}:host([variant=purple]):before{background-color:var(\n--spectrum-statuslight-m-purple-dot-color,var(--spectrum-global-color-purple-400)\n)}@media (forced-colors:active){:host([dir]){--spectrum-statuslight-m-info-text-color:CanvasText;--spectrum-statuslight-m-neutral-text-color:CanvasText;--spectrum-statuslight-m-info-text-color-disabled:GrayText;--spectrum-statuslight-m-info-dot-color-disabled:GrayText;forced-color-adjust:none}:host:before{border:1px solid ButtonText}}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
|
|
5
|
-
"mappings": "
|
|
6
|
-
"names": []
|
|
4
|
+
"sourcesContent": ["/*\nCopyright 2022 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { css } from '@spectrum-web-components/base';\nconst styles = css`\n:host([dir]){--spectrum-statuslight-corner-radius:50%;--spectrum-statuslight-font-weight:400;--spectrum-statuslight-border-width:var(--spectrum-border-width-100);--spectrum-statuslight-height:var(--spectrum-component-height-100);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-line-height:var(--spectrum-line-height-100);--spectrum-statuslight-line-height-cjk:var(--spectrum-cjk-line-height-100);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n);--spectrum-statuslight-content-color-default:var(\n--spectrum-neutral-content-color-default\n);--spectrum-statuslight-subdued-content-color-default:var(\n--spectrum-neutral-subdued-content-color-default\n);--spectrum-statuslight-semantic-neutral-color:var(\n--spectrum-neutral-visual-color\n);--spectrum-statuslight-semantic-accent-color:var(\n--spectrum-accent-visual-color\n);--spectrum-statuslight-semantic-negative-color:var(\n--spectrum-negative-visual-color\n);--spectrum-statuslight-semantic-info-color:var(\n--spectrum-informative-visual-color\n);--spectrum-statuslight-semantic-notice-color:var(\n--spectrum-notice-visual-color\n);--spectrum-statuslight-semantic-positive-color:var(\n--spectrum-positive-visual-color\n);--spectrum-statuslight-nonsemantic-gray-color:var(\n--spectrum-gray-visual-color\n);--spectrum-statuslight-nonsemantic-red-color:var(\n--spectrum-red-visual-color\n);--spectrum-statuslight-nonsemantic-orange-color:var(\n--spectrum-orange-visual-color\n);--spectrum-statuslight-nonsemantic-yellow-color:var(\n--spectrum-yellow-visual-color\n);--spectrum-statuslight-nonsemantic-chartreuse-color:var(\n--spectrum-chartreuse-visual-color\n);--spectrum-statuslight-nonsemantic-celery-color:var(\n--spectrum-celery-visual-color\n);--spectrum-statuslight-nonsemantic-green-color:var(\n--spectrum-green-visual-color\n);--spectrum-statuslight-nonsemantic-seafoam-color:var(\n--spectrum-seafoam-visual-color\n);--spectrum-statuslight-nonsemantic-cyan-color:var(\n--spectrum-cyan-visual-color\n);--spectrum-statuslight-nonsemantic-blue-color:var(\n--spectrum-blue-visual-color\n);--spectrum-statuslight-nonsemantic-indigo-color:var(\n--spectrum-indigo-visual-color\n);--spectrum-statuslight-nonsemantic-purple-color:var(\n--spectrum-purple-visual-color\n);--spectrum-statuslight-nonsemantic-fuchsia-color:var(\n--spectrum-fuchsia-visual-color\n);--spectrum-statuslight-nonsemantic-magenta-color:var(\n--spectrum-magenta-visual-color\n)}:host([size=s]){--spectrum-statuslight-height:var(\n--spectrum-component-height-75\n);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-small\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-75);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-75\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-small\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-75\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-75\n)}:host([size=m]){--spectrum-statuslight-height:var(\n--spectrum-component-height-100\n);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-medium\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-100);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-100\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-medium\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-100\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-100\n)}:host([size=l]){--spectrum-statuslight-height:var(\n--spectrum-component-height-200\n);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-200);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-200\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-200\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-200\n)}:host([size=xl]){--spectrum-statuslight-height:var(\n--spectrum-component-height-300\n);--spectrum-statuslight-dot-size:var(\n--spectrum-status-light-dot-size-extra-large\n);--spectrum-statuslight-font-size:var(--spectrum-font-size-300);--spectrum-statuslight-spacing-dot-to-label:var(\n--spectrum-text-to-visual-300\n);--spectrum-statuslight-spacing-top-to-dot:var(\n--spectrum-status-light-top-to-dot-extra-large\n);--spectrum-statuslight-spacing-top-to-label:var(\n--spectrum-component-top-to-text-300\n);--spectrum-statuslight-spacing-bottom-to-label:var(\n--spectrum-component-bottom-to-text-300\n)}@media (forced-colors:active){:host([dir]){--highcontrast-statuslight-content-color-default:CanvasText;--highcontrast-statuslight-subdued-content-color-default:CanvasText;forced-color-adjust:none}:host:before{border:var(\n--mod-statuslight-border-width,var(--spectrum-statuslight-border-width)\n) solid ButtonText}}:host([dir]){align-items:flex-start;box-sizing:border-box;color:var(\n--highcontrast-statuslight-content-color-default,var(\n--mod-statuslight-content-color-default,var(--spectrum-statuslight-content-color-default)\n)\n);display:flex;flex-direction:row;font-size:var(\n--mod-statuslight-font-size,var(--spectrum-statuslight-font-size)\n);font-weight:var(\n--mod-statuslight-font-weight,var(--spectrum-statuslight-font-weight)\n);line-height:var(\n--mod-statuslight-line-height,--spectrum-statuslight-line-height\n);min-height:var(\n--mod-statuslight-height,var(--spectrum-statuslight-height)\n);padding-block-end:var(\n--mod-statuslight-spacing-bottom-to-label,var(--spectrum-statuslight-spacing-bottom-to-label)\n);padding-block-start:var(\n--mod-statuslight-spacing-top-to-label,var(--spectrum-statuslight-spacing-top-to-label)\n);padding-inline:0}:host(:lang(ja)),:host(:lang(ko)),:host(:lang(zh)){line-height:var(\n--spectrum-statuslight-line-height-cjk,var(\n--mod-statuslight-line-height,var(--spectrum-statuslight-line-height)\n)\n)}:host:before{--spectrum-statuslight-spacing-computed-top-to-dot:calc(var(\n--mod-statuslight-spacing-top-to-dot,\nvar(--spectrum-statuslight-spacing-top-to-dot)\n) - var(\n--mod-statuslight-spacing-top-to-label,\nvar(--spectrum-statuslight-spacing-top-to-label)\n));-ms-high-contrast-adjust:none;block-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);border-radius:var(\n--mod-statuslight-corner-radius,var(--spectrum-statuslight-corner-radius)\n);content:\"\";display:inline-block;flex-grow:0;flex-shrink:0;forced-color-adjust:none;inline-size:var(\n--mod-statuslight-dot-size,var(--spectrum-statuslight-dot-size)\n);margin-block-start:var(--spectrum-statuslight-spacing-computed-top-to-dot);margin-inline-end:var(\n--mod-statuslight-spacing-dot-to-label,var(--spectrum-statuslight-spacing-dot-to-label)\n)}:host([variant=neutral]){font-style:italic}:host([variant=neutral]){color:var(\n--highcontrast-statuslight-subdued-content-color-default,var(\n--mod-statuslight-subdued-content-color-default,var(--spectrum-statuslight-subdued-content-color-default)\n)\n)}:host([variant=neutral]):before{background-color:var(\n--mod-statuslight-semantic-neutral-color,var(--spectrum-statuslight-semantic-neutral-color)\n)}.spectrum-StatusLight--accent:before{background-color:var(\n--mod-statuslight-semantic-accent-color,var(--spectrum-statuslight-semantic-accent-color)\n)}:host([variant=info]):before{background-color:var(\n--mod-statuslight-semantic-info-color,var(--spectrum-statuslight-semantic-info-color)\n)}:host([variant=negative]):before{background-color:var(\n--mod-statuslight-semantic-negative-color,var(--spectrum-statuslight-semantic-negative-color)\n)}:host([variant=notice]):before{background-color:var(\n--mod-statuslight-semantic-notice-color,var(--spectrum-statuslight-semantic-notice-color)\n)}:host([variant=positive]):before{background-color:var(\n--mod-statuslight-semantic-positive-color,var(--spectrum-statuslight-semantic-positive-color)\n)}.spectrum-StatusLight--gray:before{background-color:var(\n--mod-statuslight-nonsemantic-gray-color,var(--spectrum-statuslight-nonsemantic-gray-color)\n)}.spectrum-StatusLight--red:before{background-color:var(\n--mod-statuslight-nonsemantic-red-color,var(--spectrum-statuslight-nonsemantic-red-color)\n)}.spectrum-StatusLight--orange:before{background-color:var(\n--mod-statuslight-nonsemantic-orange-color,var(--spectrum-statuslight-nonsemantic-orange-color)\n)}:host([variant=yellow]):before{background-color:var(\n--mod-statuslight-nonsemantic-yellow-color,var(--spectrum-statuslight-nonsemantic-yellow-color)\n)}:host([variant=chartreuse]):before{background-color:var(\n--mod-statuslight-nonsemantic-chartreuse-color,var(--spectrum-statuslight-nonsemantic-chartreuse-color)\n)}:host([variant=celery]):before{background-color:var(\n--mod-statuslight-nonsemantic-celery-color,var(--spectrum-statuslight-nonsemantic-celery-color)\n)}.spectrum-StatusLight--green:before{background-color:var(\n--mod-statuslight-nonsemantic-green-color,var(--spectrum-statuslight-nonsemantic-green-color)\n)}:host([variant=seafoam]):before{background-color:var(\n--mod-statuslight-nonsemantic-seafoam-color,var(--spectrum-statuslight-nonsemantic-seafoam-color)\n)}.spectrum-StatusLight--cyan:before{background-color:var(\n--mod-statuslight-nonsemantic-cyan-color,var(--spectrum-statuslight-nonsemantic-cyan-color)\n)}.spectrum-StatusLight--blue:before{background-color:var(\n--mod-statuslight-nonsemantic-blue-color,var(--spectrum-statuslight-nonsemantic-blue-color)\n)}:host([variant=indigo]):before{background-color:var(\n--mod-statuslight-nonsemantic-indigo-color,var(--spectrum-statuslight-nonsemantic-indigo-color)\n)}:host([variant=purple]):before{background-color:var(\n--mod-statuslight-nonsemantic-purple-color,var(--spectrum-statuslight-nonsemantic-purple-color)\n)}:host([variant=fuchsia]):before{background-color:var(\n--mod-statuslight-nonsemantic-fuchsia-color,var(--spectrum-statuslight-nonsemantic-fuchsia-color)\n)}:host([variant=magenta]):before{background-color:var(\n--mod-statuslight-nonsemantic-magenta-color,var(--spectrum-statuslight-nonsemantic-magenta-color)\n)}:host([disabled]):before{background-color:var(\n--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400)\n)}\n`;\nexport default styles;"],
|
|
5
|
+
"mappings": "aAWA,OAAS,OAAAA,MAAW,gCACpB,MAAMC,EAASD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2Lf,eAAeC",
|
|
6
|
+
"names": ["css", "styles"]
|
|
7
7
|
}
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
import { html } from "@spectrum-web-components/base";
|
|
3
|
+
import "@spectrum-web-components/status-light/sp-status-light.js";
|
|
4
|
+
export default {
|
|
5
|
+
component: "sp-status-light",
|
|
6
|
+
title: "StatusLight"
|
|
7
|
+
};
|
|
8
|
+
export const s = () => html`
|
|
2
9
|
<sp-status-light size="s" variant="positive">positive</sp-status-light>
|
|
3
10
|
<sp-status-light size="s" variant="negative">negative</sp-status-light>
|
|
4
11
|
<sp-status-light size="s" variant="notice">notice</sp-status-light>
|
|
@@ -12,7 +19,8 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
|
|
|
12
19
|
<sp-status-light size="s" variant="magenta">magenta</sp-status-light>
|
|
13
20
|
<sp-status-light size="s" variant="celery">celery</sp-status-light>
|
|
14
21
|
<sp-status-light size="s" variant="purple">purple</sp-status-light>
|
|
15
|
-
|
|
22
|
+
`;
|
|
23
|
+
export const m = () => html`
|
|
16
24
|
<sp-status-light size="m" variant="positive">positive</sp-status-light>
|
|
17
25
|
<sp-status-light size="m" variant="negative">negative</sp-status-light>
|
|
18
26
|
<sp-status-light size="m" variant="notice">notice</sp-status-light>
|
|
@@ -26,7 +34,8 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
|
|
|
26
34
|
<sp-status-light size="m" variant="magenta">magenta</sp-status-light>
|
|
27
35
|
<sp-status-light size="m" variant="celery">celery</sp-status-light>
|
|
28
36
|
<sp-status-light size="m" variant="purple">purple</sp-status-light>
|
|
29
|
-
|
|
37
|
+
`;
|
|
38
|
+
export const l = () => html`
|
|
30
39
|
<sp-status-light size="l" variant="positive">positive</sp-status-light>
|
|
31
40
|
<sp-status-light size="l" variant="negative">negative</sp-status-light>
|
|
32
41
|
<sp-status-light size="l" variant="notice">notice</sp-status-light>
|
|
@@ -40,7 +49,8 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
|
|
|
40
49
|
<sp-status-light size="l" variant="magenta">magenta</sp-status-light>
|
|
41
50
|
<sp-status-light size="l" variant="celery">celery</sp-status-light>
|
|
42
51
|
<sp-status-light size="l" variant="purple">purple</sp-status-light>
|
|
43
|
-
|
|
52
|
+
`;
|
|
53
|
+
export const XL = () => html`
|
|
44
54
|
<sp-status-light size="xl" variant="positive">positive</sp-status-light>
|
|
45
55
|
<sp-status-light size="xl" variant="negative">negative</sp-status-light>
|
|
46
56
|
<sp-status-light size="xl" variant="notice">notice</sp-status-light>
|
|
@@ -54,7 +64,9 @@ import{html as t}from"@spectrum-web-components/base";import"@spectrum-web-compon
|
|
|
54
64
|
<sp-status-light size="xl" variant="magenta">magenta</sp-status-light>
|
|
55
65
|
<sp-status-light size="xl" variant="celery">celery</sp-status-light>
|
|
56
66
|
<sp-status-light size="xl" variant="purple">purple</sp-status-light>
|
|
57
|
-
|
|
67
|
+
`;
|
|
68
|
+
export const disabledTrue = () => html`
|
|
58
69
|
<sp-status-light variant="positive" disabled>positive</sp-status-light>
|
|
59
|
-
`;
|
|
70
|
+
`;
|
|
71
|
+
disabledTrue.storyName = "disabled: true";
|
|
60
72
|
//# sourceMappingURL=status-light.stories.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["status-light.stories.ts"],
|
|
4
4
|
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport { html, TemplateResult } from '@spectrum-web-components/base';\n\nimport '@spectrum-web-components/status-light/sp-status-light.js';\n\nexport default {\n component: 'sp-status-light',\n title: 'StatusLight',\n};\n\nexport const s = (): TemplateResult => html`\n <sp-status-light size=\"s\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"s\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"s\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"s\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"s\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"s\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"s\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"s\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"s\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"s\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"s\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"s\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"s\" variant=\"purple\">purple</sp-status-light>\n`;\n\nexport const m = (): TemplateResult => html`\n <sp-status-light size=\"m\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"m\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"m\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"m\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"m\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"m\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"m\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"m\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"m\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"m\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"m\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"m\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"m\" variant=\"purple\">purple</sp-status-light>\n`;\n\nexport const l = (): TemplateResult => html`\n <sp-status-light size=\"l\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"l\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"l\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"l\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"l\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"l\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"l\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"l\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"l\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"l\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"l\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"l\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"l\" variant=\"purple\">purple</sp-status-light>\n`;\n\nexport const XL = (): TemplateResult => html`\n <sp-status-light size=\"xl\" variant=\"positive\">positive</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"negative\">negative</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"notice\">notice</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"info\">info</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"neutral\">neutral</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"yellow\">yellow</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"fuchsia\">fuchsia</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"indigo\">indigo</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"seafoam\">seafoam</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"chartreuse\">chartreuse</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"magenta\">magenta</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"celery\">celery</sp-status-light>\n <sp-status-light size=\"xl\" variant=\"purple\">purple</sp-status-light>\n`;\n\nexport const disabledTrue = (): TemplateResult => html`\n <sp-status-light variant=\"positive\" disabled>positive</sp-status-light>\n`;\n\ndisabledTrue.storyName = 'disabled: true';\n"],
|
|
5
|
-
"mappings": "AAWA,
|
|
5
|
+
"mappings": ";AAWA,SAAS,YAA4B;AAErC,OAAO;AAEP,eAAe;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AACX;AAEO,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,aAAM,IAAI,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBhC,aAAM,KAAK,MAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBjC,aAAM,eAAe,MAAsB;AAAA;AAAA;AAIlD,aAAa,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
import * as stories from "../stories/status-light.stories.js";
|
|
3
|
+
import { regressVisuals } from "../../../test/visual/test.js";
|
|
4
|
+
regressVisuals("StatusLightStories", stories);
|
|
2
5
|
//# sourceMappingURL=status-light.test-vrt.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["status-light.test-vrt.ts"],
|
|
4
4
|
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\nimport * as stories from '../stories/status-light.stories.js';\nimport { regressVisuals } from '../../../test/visual/test.js';\n\nregressVisuals('StatusLightStories', stories);\n"],
|
|
5
|
-
"mappings": "AAYA,
|
|
5
|
+
"mappings": ";AAYA,YAAY,aAAa;AACzB,SAAS,sBAAsB;AAE/B,eAAe,sBAAsB,OAAO;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,6 +1,30 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
import "@spectrum-web-components/status-light/sp-status-light.js";
|
|
3
|
+
import { elementUpdated, expect, fixture, html } from "@open-wc/testing";
|
|
4
|
+
describe("Status Light", () => {
|
|
5
|
+
it("loads correctly", async () => {
|
|
6
|
+
const el = await fixture(
|
|
7
|
+
html`
|
|
2
8
|
<sp-status-light variant="positive"></sp-status-light>
|
|
3
|
-
`
|
|
9
|
+
`
|
|
10
|
+
);
|
|
11
|
+
await elementUpdated(el);
|
|
12
|
+
expect(el).to.not.be.undefined;
|
|
13
|
+
const rootEl = el.shadowRoot ? el.shadowRoot.querySelector("#root") : el.querySelector("#root");
|
|
14
|
+
expect(rootEl).to.not.be.undefined;
|
|
15
|
+
});
|
|
16
|
+
it("[disabled] manages [aria-disabled]", async () => {
|
|
17
|
+
const el = await fixture(
|
|
18
|
+
html`
|
|
4
19
|
<sp-status-light variant="positive"></sp-status-light>
|
|
5
|
-
`
|
|
20
|
+
`
|
|
21
|
+
);
|
|
22
|
+
await elementUpdated(el);
|
|
23
|
+
expect(el.hasAttribute("aria-disabled")).to.be.false;
|
|
24
|
+
el.disabled = true;
|
|
25
|
+
await elementUpdated(el);
|
|
26
|
+
expect(el.hasAttribute("aria-disabled")).to.be.true;
|
|
27
|
+
expect(el.getAttribute("aria-disabled")).to.equal("true");
|
|
28
|
+
});
|
|
29
|
+
});
|
|
6
30
|
//# sourceMappingURL=status-light.test.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["status-light.test.ts"],
|
|
4
4
|
"sourcesContent": ["/*\nCopyright 2020 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\nimport '@spectrum-web-components/status-light/sp-status-light.js';\nimport { StatusLight } from '@spectrum-web-components/status-light';\nimport { elementUpdated, expect, fixture, html } from '@open-wc/testing';\n\ndescribe('Status Light', () => {\n it('loads correctly', async () => {\n const el = await fixture<StatusLight>(\n html`\n <sp-status-light variant=\"positive\"></sp-status-light>\n `\n );\n\n await elementUpdated(el);\n expect(el).to.not.be.undefined;\n const rootEl = el.shadowRoot\n ? (el.shadowRoot.querySelector('#root') as HTMLImageElement)\n : (el.querySelector('#root') as HTMLImageElement);\n expect(rootEl).to.not.be.undefined;\n });\n it('[disabled] manages [aria-disabled]', async () => {\n const el = await fixture<StatusLight>(\n html`\n <sp-status-light variant=\"positive\"></sp-status-light>\n `\n );\n\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-disabled')).to.be.false;\n\n el.disabled = true;\n await elementUpdated(el);\n\n expect(el.hasAttribute('aria-disabled')).to.be.true;\n expect(el.getAttribute('aria-disabled')).to.equal('true');\n });\n});\n"],
|
|
5
|
-
"mappings": "AAUA,
|
|
5
|
+
"mappings": ";AAUA,OAAO;AAEP,SAAS,gBAAgB,QAAQ,SAAS,YAAY;AAEtD,SAAS,gBAAgB,MAAM;AAC3B,KAAG,mBAAmB,YAAY;AAC9B,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AACvB,WAAO,EAAE,EAAE,GAAG,IAAI,GAAG;AACrB,UAAM,SAAS,GAAG,aACX,GAAG,WAAW,cAAc,OAAO,IACnC,GAAG,cAAc,OAAO;AAC/B,WAAO,MAAM,EAAE,GAAG,IAAI,GAAG;AAAA,EAC7B,CAAC;AACD,KAAG,sCAAsC,YAAY;AACjD,UAAM,KAAK,MAAM;AAAA,MACb;AAAA;AAAA;AAAA,IAGJ;AAEA,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAE/C,OAAG,WAAW;AACd,UAAM,eAAe,EAAE;AAEvB,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,GAAG;AAC/C,WAAO,GAAG,aAAa,eAAe,CAAC,EAAE,GAAG,MAAM,MAAM;AAAA,EAC5D,CAAC;AACL,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|