@liner-fe/prism 2.11.10 → 2.11.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.css +136 -127
- package/lib/index.d.ts +1 -1
- package/lib/index.js +49 -43
- package/package.json +1 -1
package/lib/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
|
|
3
3
|
/* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
|
|
4
|
-
.
|
|
4
|
+
._button_1rp2x_1 {
|
|
5
5
|
position: relative;
|
|
6
6
|
display: flex;
|
|
7
7
|
align-items: center;
|
|
@@ -16,278 +16,257 @@
|
|
|
16
16
|
overflow: hidden;
|
|
17
17
|
cursor: pointer;
|
|
18
18
|
}
|
|
19
|
-
.
|
|
19
|
+
._button_1rp2x_1:disabled:not(._loading-with-disabled_1rp2x_16) {
|
|
20
20
|
background: var(--neutral-fill-overlay-mid);
|
|
21
21
|
color: var(--neutral-label-tertiary);
|
|
22
22
|
cursor: not-allowed;
|
|
23
23
|
}
|
|
24
|
-
.
|
|
25
|
-
fill: var(--neutral-label-tertiary) !important;
|
|
26
|
-
}
|
|
27
|
-
._button_hs35t_1:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
|
|
28
|
-
fill: var(--inverse-label-primary) !important;
|
|
29
|
-
}
|
|
30
|
-
._button_hs35t_1:disabled._loading-with-disabled_hs35t_16 {
|
|
24
|
+
._button_1rp2x_1:disabled._loading-with-disabled_1rp2x_16 {
|
|
31
25
|
cursor: not-allowed;
|
|
32
26
|
}
|
|
33
|
-
.
|
|
27
|
+
._default_1rp2x_25 {
|
|
34
28
|
color: var(--inverse-label-primary);
|
|
35
29
|
background: var(--lp-pri-achromatic-white);
|
|
36
30
|
}
|
|
37
|
-
.
|
|
38
|
-
fill: var(--inverse-label-primary);
|
|
39
|
-
}
|
|
40
|
-
._primary_hs35t_39 {
|
|
31
|
+
._primary_1rp2x_30 {
|
|
41
32
|
color: var(--inverse-label-static-primary);
|
|
42
33
|
background: var(--brand-container-mid);
|
|
43
34
|
}
|
|
44
|
-
.
|
|
35
|
+
._primary_1rp2x_30:not(:disabled):hover {
|
|
45
36
|
background: var(--brand-container-mid-hover);
|
|
46
37
|
}
|
|
47
|
-
.
|
|
38
|
+
._secondary_1rp2x_38 {
|
|
48
39
|
color: var(--inverse-label-static-primary);
|
|
49
40
|
background: var(--brand-container-mid);
|
|
50
41
|
}
|
|
51
|
-
.
|
|
42
|
+
._secondary_1rp2x_38:not(:disabled):hover {
|
|
52
43
|
background: var(--brand-container-mid-hover);
|
|
53
44
|
}
|
|
54
|
-
.
|
|
45
|
+
._tertiary_1rp2x_46 {
|
|
55
46
|
color: var(--neutral-label-primary);
|
|
56
47
|
background: var(--neutral-fill-overlay-mid);
|
|
57
48
|
}
|
|
58
|
-
.
|
|
49
|
+
._tertiary_1rp2x_46:not(:disabled):hover {
|
|
59
50
|
background: var(--neutral-fill-overlay-mid-hover);
|
|
60
51
|
}
|
|
61
|
-
.
|
|
52
|
+
._quaternary_1rp2x_54 {
|
|
62
53
|
color: var(--neutral-label-primary);
|
|
63
54
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
64
55
|
background: var(--neutral-fill-overlay-lowest);
|
|
65
56
|
}
|
|
66
|
-
.
|
|
57
|
+
._quaternary_1rp2x_54:not(:disabled):hover {
|
|
67
58
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
68
59
|
}
|
|
69
|
-
.
|
|
60
|
+
._quaternary_1rp2x_54:disabled:not(._loading-with-disabled_1rp2x_16) {
|
|
70
61
|
background: var(--neutral-fill-overlay-lowest);
|
|
71
62
|
color: var(--neutral-label-tertiary);
|
|
72
63
|
opacity: 0.4;
|
|
73
64
|
}
|
|
74
|
-
.
|
|
75
|
-
fill: var(--neutral-label-tertiary) !important;
|
|
76
|
-
}
|
|
77
|
-
._quinary_hs35t_80 {
|
|
65
|
+
._quinary_1rp2x_68 {
|
|
78
66
|
color: var(--neutral-label-primary);
|
|
79
67
|
background: var(--neutral-container-lowest);
|
|
80
68
|
}
|
|
81
|
-
.
|
|
69
|
+
._quinary_1rp2x_68:not(:disabled):hover {
|
|
82
70
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
83
71
|
}
|
|
84
|
-
.
|
|
72
|
+
._quinary_1rp2x_68:disabled:not(._loading-with-disabled_1rp2x_16) {
|
|
85
73
|
background: var(--neutral-fill-overlay-mid);
|
|
86
74
|
color: var(--neutral-label-tertiary);
|
|
87
75
|
}
|
|
88
|
-
.
|
|
89
|
-
fill: var(--neutral-label-tertiary) !important;
|
|
90
|
-
}
|
|
91
|
-
._negative_hs35t_95 {
|
|
76
|
+
._negative_1rp2x_80 {
|
|
92
77
|
color: var(--inverse-label-static-primary);
|
|
93
78
|
background: var(--function-fill-negative-mid);
|
|
94
79
|
}
|
|
95
|
-
.
|
|
80
|
+
._negative_1rp2x_80:not(:disabled):hover {
|
|
96
81
|
background: var(--function-fill-negative-mid-hover);
|
|
97
82
|
}
|
|
98
|
-
.
|
|
83
|
+
._static_1rp2x_88 {
|
|
99
84
|
background: var(--neutral-container-static-lowest);
|
|
100
85
|
color: var(--neutral-label-static-primary);
|
|
101
86
|
}
|
|
102
|
-
.
|
|
87
|
+
._static_1rp2x_88:not(:disabled):hover {
|
|
103
88
|
background: var(--neutral-container-static-lowest-hover);
|
|
104
89
|
}
|
|
105
|
-
._inverse-
|
|
90
|
+
._inverse-static_1rp2x_96 {
|
|
106
91
|
background: var(--inverse-container-static-high);
|
|
107
92
|
color: var(--inverse-label-static-primary);
|
|
108
93
|
}
|
|
109
|
-
._inverse-
|
|
94
|
+
._inverse-static_1rp2x_96:not(:disabled):hover {
|
|
110
95
|
background: var(--inverse-container-static-high-hover);
|
|
111
96
|
}
|
|
112
|
-
.
|
|
97
|
+
._ghost_1rp2x_104._primary_1rp2x_30 {
|
|
113
98
|
background: var(--inverse-fill-lowest);
|
|
114
99
|
color: var(--neutral-label-primary);
|
|
115
100
|
}
|
|
116
|
-
.
|
|
101
|
+
._ghost_1rp2x_104._primary_1rp2x_30:not(:disabled):hover {
|
|
117
102
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
118
103
|
}
|
|
119
|
-
.
|
|
104
|
+
._ghost_1rp2x_104._primary_1rp2x_30:disabled:not(._loading-with-disabled_1rp2x_16) {
|
|
120
105
|
background: var(--neutral-fill-overlay-lowest);
|
|
121
106
|
color: var(--neutral-label-tertiary);
|
|
122
107
|
}
|
|
123
|
-
.
|
|
124
|
-
fill: var(--neutral-label-tertiary);
|
|
125
|
-
}
|
|
126
|
-
._ghost_hs35t_119._primary_hs35t_39:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
|
|
127
|
-
fill: var(--inverse-label-primary);
|
|
128
|
-
}
|
|
129
|
-
._ghost_hs35t_119._secondary_hs35t_47 {
|
|
108
|
+
._ghost_1rp2x_104._secondary_1rp2x_38 {
|
|
130
109
|
background: var(--inverse-fill-lowest);
|
|
131
110
|
color: var(--neutral-label-primary);
|
|
132
111
|
}
|
|
133
|
-
.
|
|
112
|
+
._ghost_1rp2x_104._secondary_1rp2x_38:not(:disabled):hover {
|
|
134
113
|
background: var(--neutral-fill-overlay-lowest-hover);
|
|
135
114
|
}
|
|
136
|
-
.
|
|
115
|
+
._ghost_1rp2x_104._secondary_1rp2x_38:disabled:not(._loading-with-disabled_1rp2x_16) {
|
|
137
116
|
background: var(--neutral-fill-overlay-lowest);
|
|
138
117
|
color: var(--neutral-label-tertiary);
|
|
139
118
|
}
|
|
140
|
-
.
|
|
141
|
-
fill: var(--neutral-label-tertiary);
|
|
142
|
-
}
|
|
143
|
-
._ghost_hs35t_119._secondary_hs35t_47:disabled:not(._loading-with-disabled_hs35t_16) span svg path[fill=white] {
|
|
144
|
-
fill: var(--inverse-label-primary);
|
|
145
|
-
}
|
|
146
|
-
._cta_hs35t_154 {
|
|
119
|
+
._cta_1rp2x_127 {
|
|
147
120
|
border-radius: var(--lp-sys-radius-m);
|
|
148
121
|
width: fit-content;
|
|
149
122
|
height: 52px;
|
|
150
123
|
gap: 8px;
|
|
151
124
|
min-width: 52px;
|
|
152
125
|
}
|
|
153
|
-
.
|
|
126
|
+
._l_1rp2x_16 {
|
|
154
127
|
border-radius: var(--lp-sys-radius-s);
|
|
155
128
|
width: fit-content;
|
|
156
129
|
height: 44px;
|
|
157
130
|
min-width: 44px;
|
|
158
131
|
}
|
|
159
|
-
.
|
|
132
|
+
._m_1rp2x_142 {
|
|
160
133
|
border-radius: var(--lp-sys-radius-s);
|
|
161
134
|
width: fit-content;
|
|
162
135
|
height: 36px;
|
|
163
136
|
min-width: 36px;
|
|
164
137
|
}
|
|
165
|
-
.
|
|
138
|
+
._s_1rp2x_38 {
|
|
166
139
|
border-radius: var(--lp-sys-radius-s);
|
|
167
140
|
width: fit-content;
|
|
168
141
|
height: 28px;
|
|
169
142
|
min-width: 28px;
|
|
170
143
|
}
|
|
171
|
-
._align-
|
|
144
|
+
._align-center_1rp2x_156 > span {
|
|
172
145
|
width: 100%;
|
|
173
146
|
justify-content: center;
|
|
174
147
|
}
|
|
175
|
-
._align-space-
|
|
148
|
+
._align-space-between_1rp2x_161 > span {
|
|
176
149
|
width: 100%;
|
|
177
150
|
justify-content: space-between;
|
|
178
151
|
}
|
|
179
|
-
.
|
|
152
|
+
._content_1rp2x_166 {
|
|
180
153
|
flex-shrink: 0;
|
|
181
154
|
line-height: 0;
|
|
182
155
|
padding: 0px var(--lp-sys-padding-component-100);
|
|
183
156
|
}
|
|
184
|
-
.
|
|
157
|
+
._full_1rp2x_172 {
|
|
185
158
|
width: 100%;
|
|
186
159
|
}
|
|
187
|
-
._fit-
|
|
160
|
+
._fit-content_1rp2x_176 {
|
|
188
161
|
width: fit-content;
|
|
189
162
|
}
|
|
190
|
-
.
|
|
163
|
+
._children_1rp2x_180 {
|
|
191
164
|
position: relative;
|
|
192
165
|
display: flex;
|
|
193
166
|
align-items: center;
|
|
194
167
|
justify-content: center;
|
|
195
168
|
}
|
|
196
|
-
._cta-
|
|
169
|
+
._cta-children_1rp2x_187 {
|
|
197
170
|
padding: 0 var(--lp-sys-gap-positive-300);
|
|
198
171
|
gap: var(--lp-sys-gap-positive-100);
|
|
199
172
|
}
|
|
200
|
-
._l-
|
|
173
|
+
._l-children_1rp2x_192 {
|
|
201
174
|
padding: 0 var(--lp-sys-gap-positive-200);
|
|
202
175
|
gap: var(--lp-sys-gap-positive-50);
|
|
203
176
|
}
|
|
204
|
-
._m-
|
|
177
|
+
._m-children_1rp2x_197 {
|
|
205
178
|
padding: 0 var(--lp-sys-gap-positive-150);
|
|
206
179
|
gap: var(--lp-sys-gap-positive-50);
|
|
207
180
|
}
|
|
208
|
-
._s-
|
|
181
|
+
._s-children_1rp2x_202 {
|
|
209
182
|
padding: 0 var(--lp-sys-gap-positive-150);
|
|
210
183
|
gap: var(--lp-sys-gap-positive-50);
|
|
211
184
|
}
|
|
212
185
|
|
|
213
186
|
/* esbuild-sass-plugin:css-chunk:src/components/Loading/style.module.scss */
|
|
214
|
-
._dots-loader-
|
|
187
|
+
._dots-loader-container_5kzc8_4 {
|
|
215
188
|
display: flex;
|
|
216
189
|
}
|
|
217
|
-
._dots-
|
|
190
|
+
._dots-loader_5kzc8_4 {
|
|
218
191
|
float: left;
|
|
219
192
|
background: white;
|
|
220
193
|
opacity: 0;
|
|
221
|
-
-webkit-animation:
|
|
222
|
-
-moz-animation:
|
|
223
|
-
animation:
|
|
194
|
+
-webkit-animation: _loadingFade_5kzc8_1 1s infinite;
|
|
195
|
+
-moz-animation: _loadingFade_5kzc8_1 1s infinite;
|
|
196
|
+
animation: _loadingFade_5kzc8_1 1s infinite;
|
|
224
197
|
}
|
|
225
|
-
._dots-
|
|
198
|
+
._dots-loader_5kzc8_4._xl_5kzc8_16 {
|
|
226
199
|
width: 7px;
|
|
227
200
|
height: 7px;
|
|
228
201
|
margin: 0 2px;
|
|
229
202
|
border-radius: 1px;
|
|
230
203
|
}
|
|
231
|
-
._dots-
|
|
204
|
+
._dots-loader_5kzc8_4._l_5kzc8_22 {
|
|
232
205
|
width: 5px;
|
|
233
206
|
height: 5px;
|
|
234
207
|
margin: 0 2px;
|
|
235
208
|
border-radius: 1px;
|
|
236
209
|
}
|
|
237
|
-
._dots-
|
|
210
|
+
._dots-loader_5kzc8_4._m_5kzc8_28 {
|
|
238
211
|
width: 4px;
|
|
239
212
|
height: 4px;
|
|
240
213
|
margin: 0 2px;
|
|
241
214
|
border-radius: 1px;
|
|
242
215
|
}
|
|
243
|
-
._dots-
|
|
216
|
+
._dots-loader_5kzc8_4._s_5kzc8_34 {
|
|
244
217
|
width: 3px;
|
|
245
218
|
height: 3px;
|
|
246
219
|
margin: 0 2px;
|
|
247
220
|
border-radius: 1px;
|
|
248
221
|
}
|
|
249
|
-
._dots-
|
|
222
|
+
._dots-loader_5kzc8_4._xs_5kzc8_40 {
|
|
250
223
|
width: 2px;
|
|
251
224
|
height: 2px;
|
|
252
225
|
margin: 0 2px;
|
|
253
226
|
border-radius: 1px;
|
|
254
227
|
}
|
|
255
|
-
._dots-
|
|
228
|
+
._dots-loader_5kzc8_4._brand-label-primary_5kzc8_46 {
|
|
256
229
|
background: var(--brand-label-primary);
|
|
257
230
|
}
|
|
258
|
-
._dots-
|
|
231
|
+
._dots-loader_5kzc8_4._neutral-label-primary_5kzc8_49 {
|
|
259
232
|
background: var(--neutral-label-primary);
|
|
260
233
|
}
|
|
261
|
-
._dots-
|
|
234
|
+
._dots-loader_5kzc8_4._neutral-label-static-primary_5kzc8_52 {
|
|
262
235
|
background: var(--neutral-label-static-primary);
|
|
263
236
|
}
|
|
264
|
-
._dots-
|
|
237
|
+
._dots-loader_5kzc8_4._inverse-label-primary_5kzc8_55 {
|
|
265
238
|
background: var(--inverse-label-primary);
|
|
266
239
|
}
|
|
267
|
-
._dots-
|
|
240
|
+
._dots-loader_5kzc8_4._inverse-label-static-primary_5kzc8_58 {
|
|
268
241
|
background: var(--inverse-label-static-primary);
|
|
269
242
|
}
|
|
270
|
-
._dots-
|
|
243
|
+
._dots-loader_5kzc8_4._neutral-label-secondary_5kzc8_61 {
|
|
244
|
+
background: var(--neutral-label-secondary);
|
|
245
|
+
}
|
|
246
|
+
._dots-loader_5kzc8_4._inverse-label-secondary_5kzc8_64 {
|
|
247
|
+
background: var(--inverse-label-secondary);
|
|
248
|
+
}
|
|
249
|
+
._dots-loader_5kzc8_4:nth-child(1) {
|
|
271
250
|
-webkit-animation-delay: 0s;
|
|
272
251
|
-moz-animation-delay: 0s;
|
|
273
252
|
animation-delay: 0s;
|
|
274
253
|
}
|
|
275
|
-
._dots-
|
|
254
|
+
._dots-loader_5kzc8_4:nth-child(2) {
|
|
276
255
|
-webkit-animation-delay: 0.1s;
|
|
277
256
|
-moz-animation-delay: 0.1s;
|
|
278
257
|
animation-delay: 0.1s;
|
|
279
258
|
}
|
|
280
|
-
._dots-
|
|
259
|
+
._dots-loader_5kzc8_4:nth-child(3) {
|
|
281
260
|
-webkit-animation-delay: 0.2s;
|
|
282
261
|
-moz-animation-delay: 0.2s;
|
|
283
262
|
animation-delay: 0.2s;
|
|
284
263
|
}
|
|
285
|
-
._dots-
|
|
264
|
+
._dots-loader_5kzc8_4:nth-child(4) {
|
|
286
265
|
-webkit-animation-delay: 0.3s;
|
|
287
266
|
-moz-animation-delay: 0.3s;
|
|
288
267
|
animation-delay: 0.3s;
|
|
289
268
|
}
|
|
290
|
-
@-webkit-keyframes
|
|
269
|
+
@-webkit-keyframes _loadingFade_5kzc8_1 {
|
|
291
270
|
0% {
|
|
292
271
|
opacity: 0;
|
|
293
272
|
}
|
|
@@ -298,7 +277,7 @@
|
|
|
298
277
|
opacity: 0;
|
|
299
278
|
}
|
|
300
279
|
}
|
|
301
|
-
@-moz-keyframes
|
|
280
|
+
@-moz-keyframes _loadingFade_5kzc8_1 {
|
|
302
281
|
0% {
|
|
303
282
|
opacity: 0;
|
|
304
283
|
}
|
|
@@ -309,7 +288,7 @@
|
|
|
309
288
|
opacity: 0;
|
|
310
289
|
}
|
|
311
290
|
}
|
|
312
|
-
@keyframes
|
|
291
|
+
@keyframes _loadingFade_5kzc8_1 {
|
|
313
292
|
0% {
|
|
314
293
|
opacity: 0;
|
|
315
294
|
}
|
|
@@ -320,120 +299,150 @@
|
|
|
320
299
|
opacity: 0;
|
|
321
300
|
}
|
|
322
301
|
}
|
|
323
|
-
._spinner-
|
|
302
|
+
._spinner-loader_5kzc8_128 {
|
|
324
303
|
border-radius: 50%;
|
|
325
304
|
position: relative;
|
|
326
|
-
animation:
|
|
305
|
+
animation: _rotate_5kzc8_1 1s linear infinite;
|
|
327
306
|
}
|
|
328
|
-
._spinner-
|
|
307
|
+
._spinner-loader_5kzc8_128::before {
|
|
329
308
|
content: "";
|
|
330
309
|
box-sizing: border-box;
|
|
331
310
|
position: absolute;
|
|
332
311
|
inset: 0px;
|
|
333
312
|
border-radius: 50%;
|
|
334
|
-
animation:
|
|
313
|
+
animation: _prixClipFix_5kzc8_1 2s linear infinite;
|
|
335
314
|
}
|
|
336
|
-
._spinner-
|
|
315
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16 {
|
|
337
316
|
width: 32px;
|
|
338
317
|
height: 32px;
|
|
339
318
|
}
|
|
340
|
-
._spinner-
|
|
319
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._brand-label-primary_5kzc8_46::before {
|
|
341
320
|
border: 3px solid var(--brand-label-primary);
|
|
342
321
|
}
|
|
343
|
-
._spinner-
|
|
322
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-primary_5kzc8_49::before {
|
|
344
323
|
border: 3px solid var(--neutral-label-primary);
|
|
345
324
|
}
|
|
346
|
-
._spinner-
|
|
325
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-static-primary_5kzc8_52::before {
|
|
347
326
|
border: 3px solid var(--neutral-label-static-primary);
|
|
348
327
|
}
|
|
349
|
-
._spinner-
|
|
328
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-primary_5kzc8_55::before {
|
|
350
329
|
border: 3px solid var(--inverse-label-primary);
|
|
351
330
|
}
|
|
352
|
-
._spinner-
|
|
331
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-static-primary_5kzc8_58::before {
|
|
353
332
|
border: 3px solid var(--inverse-label-static-primary);
|
|
354
333
|
}
|
|
355
|
-
._spinner-
|
|
334
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._neutral-label-secondary_5kzc8_61::before {
|
|
335
|
+
border: 3px solid var(--neutral-label-secondary);
|
|
336
|
+
}
|
|
337
|
+
._spinner-loader_5kzc8_128._xl_5kzc8_16._inverse-label-secondary_5kzc8_64::before {
|
|
338
|
+
border: 3px solid var(--inverse-label-secondary);
|
|
339
|
+
}
|
|
340
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22 {
|
|
356
341
|
width: 24px;
|
|
357
342
|
height: 24px;
|
|
358
343
|
}
|
|
359
|
-
._spinner-
|
|
344
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._brand-label-primary_5kzc8_46::before {
|
|
360
345
|
border: 2.8px solid var(--brand-label-primary);
|
|
361
346
|
}
|
|
362
|
-
._spinner-
|
|
347
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-primary_5kzc8_49::before {
|
|
363
348
|
border: 2.8px solid var(--neutral-label-primary);
|
|
364
349
|
}
|
|
365
|
-
._spinner-
|
|
350
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-static-primary_5kzc8_52::before {
|
|
366
351
|
border: 2.8px solid var(--neutral-label-static-primary);
|
|
367
352
|
}
|
|
368
|
-
._spinner-
|
|
353
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-primary_5kzc8_55::before {
|
|
369
354
|
border: 2.8px solid var(--inverse-label-primary);
|
|
370
355
|
}
|
|
371
|
-
._spinner-
|
|
356
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-static-primary_5kzc8_58::before {
|
|
372
357
|
border: 2.8px solid var(--inverse-label-static-primary);
|
|
373
358
|
}
|
|
374
|
-
._spinner-
|
|
359
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._neutral-label-secondary_5kzc8_61::before {
|
|
360
|
+
border: 2.8px solid var(--neutral-label-secondary);
|
|
361
|
+
}
|
|
362
|
+
._spinner-loader_5kzc8_128._l_5kzc8_22._inverse-label-secondary_5kzc8_64::before {
|
|
363
|
+
border: 2.8px solid var(--inverse-label-secondary);
|
|
364
|
+
}
|
|
365
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28 {
|
|
375
366
|
width: 20px;
|
|
376
367
|
height: 20px;
|
|
377
368
|
}
|
|
378
|
-
._spinner-
|
|
369
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._brand-label-primary_5kzc8_46::before {
|
|
379
370
|
border: 2.6px solid var(--brand-label-primary);
|
|
380
371
|
}
|
|
381
|
-
._spinner-
|
|
372
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-primary_5kzc8_49::before {
|
|
382
373
|
border: 2.6px solid var(--neutral-label-primary);
|
|
383
374
|
}
|
|
384
|
-
._spinner-
|
|
375
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-static-primary_5kzc8_52::before {
|
|
385
376
|
border: 2.6px solid var(--neutral-label-static-primary);
|
|
386
377
|
}
|
|
387
|
-
._spinner-
|
|
378
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-primary_5kzc8_55::before {
|
|
388
379
|
border: 2.6px solid var(--inverse-label-primary);
|
|
389
380
|
}
|
|
390
|
-
._spinner-
|
|
381
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-static-primary_5kzc8_58::before {
|
|
391
382
|
border: 2.6px solid var(--inverse-label-static-primary);
|
|
392
383
|
}
|
|
393
|
-
._spinner-
|
|
384
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._neutral-label-secondary_5kzc8_61::before {
|
|
385
|
+
border: 2.6px solid var(--neutral-label-secondary);
|
|
386
|
+
}
|
|
387
|
+
._spinner-loader_5kzc8_128._m_5kzc8_28._inverse-label-secondary_5kzc8_64::before {
|
|
388
|
+
border: 2.6px solid var(--inverse-label-secondary);
|
|
389
|
+
}
|
|
390
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34 {
|
|
394
391
|
width: 18px;
|
|
395
392
|
height: 18px;
|
|
396
393
|
}
|
|
397
|
-
._spinner-
|
|
394
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._brand-label-primary_5kzc8_46::before {
|
|
398
395
|
border: 2.4px solid var(--brand-label-primary);
|
|
399
396
|
}
|
|
400
|
-
._spinner-
|
|
397
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-primary_5kzc8_49::before {
|
|
401
398
|
border: 2.4px solid var(--neutral-label-primary);
|
|
402
399
|
}
|
|
403
|
-
._spinner-
|
|
400
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-static-primary_5kzc8_52::before {
|
|
404
401
|
border: 2.4px solid var(--neutral-label-static-primary);
|
|
405
402
|
}
|
|
406
|
-
._spinner-
|
|
403
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-primary_5kzc8_55::before {
|
|
407
404
|
border: 2.4px solid var(--inverse-label-primary);
|
|
408
405
|
}
|
|
409
|
-
._spinner-
|
|
406
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-static-primary_5kzc8_58::before {
|
|
410
407
|
border: 2.4px solid var(--inverse-label-static-primary);
|
|
411
408
|
}
|
|
412
|
-
._spinner-
|
|
409
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._neutral-label-secondary_5kzc8_61::before {
|
|
410
|
+
border: 2.4px solid var(--neutral-label-secondary);
|
|
411
|
+
}
|
|
412
|
+
._spinner-loader_5kzc8_128._s_5kzc8_34._inverse-label-secondary_5kzc8_64::before {
|
|
413
|
+
border: 2.4px solid var(--inverse-label-secondary);
|
|
414
|
+
}
|
|
415
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40 {
|
|
413
416
|
width: 16px;
|
|
414
417
|
height: 16px;
|
|
415
418
|
}
|
|
416
|
-
._spinner-
|
|
419
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._brand-label-primary_5kzc8_46::before {
|
|
417
420
|
border: 2.2px solid var(--brand-label-primary);
|
|
418
421
|
}
|
|
419
|
-
._spinner-
|
|
422
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-primary_5kzc8_49::before {
|
|
420
423
|
border: 2.2px solid var(--neutral-label-primary);
|
|
421
424
|
}
|
|
422
|
-
._spinner-
|
|
425
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-static-primary_5kzc8_52::before {
|
|
423
426
|
border: 2.2px solid var(--neutral-label-static-primary);
|
|
424
427
|
}
|
|
425
|
-
._spinner-
|
|
428
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-primary_5kzc8_55::before {
|
|
426
429
|
border: 2.2px solid var(--inverse-label-primary);
|
|
427
430
|
}
|
|
428
|
-
._spinner-
|
|
431
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-static-primary_5kzc8_58::before {
|
|
429
432
|
border: 2.2px solid var(--inverse-label-static-primary);
|
|
430
433
|
}
|
|
431
|
-
|
|
434
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._neutral-label-secondary_5kzc8_61::before {
|
|
435
|
+
border: 2.2px solid var(--neutral-label-secondary);
|
|
436
|
+
}
|
|
437
|
+
._spinner-loader_5kzc8_128._xs_5kzc8_40._inverse-label-secondary_5kzc8_64::before {
|
|
438
|
+
border: 2.2px solid var(--inverse-label-secondary);
|
|
439
|
+
}
|
|
440
|
+
@keyframes _rotate_5kzc8_1 {
|
|
432
441
|
100% {
|
|
433
442
|
transform: rotate(360deg);
|
|
434
443
|
}
|
|
435
444
|
}
|
|
436
|
-
@keyframes
|
|
445
|
+
@keyframes _prixClipFix_5kzc8_1 {
|
|
437
446
|
0% {
|
|
438
447
|
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
|
|
439
448
|
}
|
package/lib/index.d.ts
CHANGED
|
@@ -530,7 +530,7 @@ interface TextButtonProps extends CommonButtonProps, VariantProps<typeof textBut
|
|
|
530
530
|
declare const TextButton: react.ForwardRefExoticComponent<TextButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
531
531
|
|
|
532
532
|
type LoadingSizeType = 'xl' | 'l' | 'm' | 's' | 'xs';
|
|
533
|
-
type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary';
|
|
533
|
+
type LoadingLevelType = 'brand-label-primary' | 'neutral-label-primary' | 'neutral-label-static-primary' | 'inverse-label-primary' | 'inverse-label-static-primary' | 'neutral-label-secondary' | 'inverse-label-secondary';
|
|
534
534
|
interface LoadingProps extends HTMLAttributes<HTMLSpanElement> {
|
|
535
535
|
size?: LoadingSizeType;
|
|
536
536
|
level?: LoadingLevelType;
|
package/lib/index.js
CHANGED
|
@@ -25,32 +25,32 @@ import {
|
|
|
25
25
|
|
|
26
26
|
// src/components/Button/style.module.scss
|
|
27
27
|
var style_module_default = {
|
|
28
|
-
"button": "
|
|
29
|
-
"loading-with-disabled": "_loading-with-
|
|
30
|
-
"default": "
|
|
31
|
-
"primary": "
|
|
32
|
-
"secondary": "
|
|
33
|
-
"tertiary": "
|
|
34
|
-
"quaternary": "
|
|
35
|
-
"quinary": "
|
|
36
|
-
"negative": "
|
|
37
|
-
"static": "
|
|
38
|
-
"inverse-static": "_inverse-
|
|
39
|
-
"ghost": "
|
|
40
|
-
"cta": "
|
|
41
|
-
"l": "
|
|
42
|
-
"m": "
|
|
43
|
-
"s": "
|
|
44
|
-
"align-center": "_align-
|
|
45
|
-
"align-space-between": "_align-space-
|
|
46
|
-
"content": "
|
|
47
|
-
"full": "
|
|
48
|
-
"fit-content": "_fit-
|
|
49
|
-
"children": "
|
|
50
|
-
"cta-children": "_cta-
|
|
51
|
-
"l-children": "_l-
|
|
52
|
-
"m-children": "_m-
|
|
53
|
-
"s-children": "_s-
|
|
28
|
+
"button": "_button_1rp2x_1",
|
|
29
|
+
"loading-with-disabled": "_loading-with-disabled_1rp2x_16",
|
|
30
|
+
"default": "_default_1rp2x_25",
|
|
31
|
+
"primary": "_primary_1rp2x_30",
|
|
32
|
+
"secondary": "_secondary_1rp2x_38",
|
|
33
|
+
"tertiary": "_tertiary_1rp2x_46",
|
|
34
|
+
"quaternary": "_quaternary_1rp2x_54",
|
|
35
|
+
"quinary": "_quinary_1rp2x_68",
|
|
36
|
+
"negative": "_negative_1rp2x_80",
|
|
37
|
+
"static": "_static_1rp2x_88",
|
|
38
|
+
"inverse-static": "_inverse-static_1rp2x_96",
|
|
39
|
+
"ghost": "_ghost_1rp2x_104",
|
|
40
|
+
"cta": "_cta_1rp2x_127",
|
|
41
|
+
"l": "_l_1rp2x_16",
|
|
42
|
+
"m": "_m_1rp2x_142",
|
|
43
|
+
"s": "_s_1rp2x_38",
|
|
44
|
+
"align-center": "_align-center_1rp2x_156",
|
|
45
|
+
"align-space-between": "_align-space-between_1rp2x_161",
|
|
46
|
+
"content": "_content_1rp2x_166",
|
|
47
|
+
"full": "_full_1rp2x_172",
|
|
48
|
+
"fit-content": "_fit-content_1rp2x_176",
|
|
49
|
+
"children": "_children_1rp2x_180",
|
|
50
|
+
"cta-children": "_cta-children_1rp2x_187",
|
|
51
|
+
"l-children": "_l-children_1rp2x_192",
|
|
52
|
+
"m-children": "_m-children_1rp2x_197",
|
|
53
|
+
"s-children": "_s-children_1rp2x_202"
|
|
54
54
|
};
|
|
55
55
|
|
|
56
56
|
// src/components/Button/index.tsx
|
|
@@ -59,22 +59,24 @@ import clsx from "clsx";
|
|
|
59
59
|
|
|
60
60
|
// src/components/Loading/style.module.scss
|
|
61
61
|
var style_module_default2 = {
|
|
62
|
-
"dots-loader-container": "_dots-loader-
|
|
63
|
-
"dots-loader": "_dots-
|
|
64
|
-
"loadingFade": "
|
|
65
|
-
"xl": "
|
|
66
|
-
"l": "
|
|
67
|
-
"m": "
|
|
68
|
-
"s": "
|
|
69
|
-
"xs": "
|
|
70
|
-
"brand-label-primary": "_brand-label-
|
|
71
|
-
"neutral-label-primary": "_neutral-label-
|
|
72
|
-
"neutral-label-static-primary": "_neutral-label-static-
|
|
73
|
-
"inverse-label-primary": "_inverse-label-
|
|
74
|
-
"inverse-label-static-primary": "_inverse-label-static-
|
|
75
|
-
"
|
|
76
|
-
"
|
|
77
|
-
"
|
|
62
|
+
"dots-loader-container": "_dots-loader-container_5kzc8_4",
|
|
63
|
+
"dots-loader": "_dots-loader_5kzc8_4",
|
|
64
|
+
"loadingFade": "_loadingFade_5kzc8_1",
|
|
65
|
+
"xl": "_xl_5kzc8_16",
|
|
66
|
+
"l": "_l_5kzc8_22",
|
|
67
|
+
"m": "_m_5kzc8_28",
|
|
68
|
+
"s": "_s_5kzc8_34",
|
|
69
|
+
"xs": "_xs_5kzc8_40",
|
|
70
|
+
"brand-label-primary": "_brand-label-primary_5kzc8_46",
|
|
71
|
+
"neutral-label-primary": "_neutral-label-primary_5kzc8_49",
|
|
72
|
+
"neutral-label-static-primary": "_neutral-label-static-primary_5kzc8_52",
|
|
73
|
+
"inverse-label-primary": "_inverse-label-primary_5kzc8_55",
|
|
74
|
+
"inverse-label-static-primary": "_inverse-label-static-primary_5kzc8_58",
|
|
75
|
+
"neutral-label-secondary": "_neutral-label-secondary_5kzc8_61",
|
|
76
|
+
"inverse-label-secondary": "_inverse-label-secondary_5kzc8_64",
|
|
77
|
+
"spinner-loader": "_spinner-loader_5kzc8_128",
|
|
78
|
+
"rotate": "_rotate_5kzc8_1",
|
|
79
|
+
"prixClipFix": "_prixClipFix_5kzc8_1"
|
|
78
80
|
};
|
|
79
81
|
|
|
80
82
|
// src/components/Loading/index.tsx
|
|
@@ -96,8 +98,10 @@ var dotsLoaderVariants = cva({
|
|
|
96
98
|
level: {
|
|
97
99
|
"brand-label-primary": style_module_default2["brand-label-primary"],
|
|
98
100
|
"neutral-label-primary": style_module_default2["neutral-label-primary"],
|
|
101
|
+
"neutral-label-secondary": style_module_default2["neutral-label-secondary"],
|
|
99
102
|
"neutral-label-static-primary": style_module_default2["neutral-label-static-primary"],
|
|
100
103
|
"inverse-label-primary": style_module_default2["inverse-label-primary"],
|
|
104
|
+
"inverse-label-secondary": style_module_default2["inverse-label-secondary"],
|
|
101
105
|
"inverse-label-static-primary": style_module_default2["inverse-label-static-primary"]
|
|
102
106
|
}
|
|
103
107
|
}
|
|
@@ -126,9 +130,11 @@ var spinnerLoaderVariants = cva({
|
|
|
126
130
|
level: {
|
|
127
131
|
"brand-label-primary": style_module_default2["brand-label-primary"],
|
|
128
132
|
"neutral-label-primary": style_module_default2["neutral-label-primary"],
|
|
133
|
+
"neutral-label-secondary": style_module_default2["neutral-label-secondary"],
|
|
129
134
|
"neutral-label-static-primary": style_module_default2["neutral-label-static-primary"],
|
|
130
135
|
"inverse-label-primary": style_module_default2["inverse-label-primary"],
|
|
131
|
-
"inverse-label-static-primary": style_module_default2["inverse-label-static-primary"]
|
|
136
|
+
"inverse-label-static-primary": style_module_default2["inverse-label-static-primary"],
|
|
137
|
+
"inverse-label-secondary": style_module_default2["inverse-label-secondary"]
|
|
132
138
|
}
|
|
133
139
|
}
|
|
134
140
|
});
|