@liner-fe/prism 2.1.8 → 2.1.10

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 CHANGED
@@ -1,5 +1,5 @@
1
1
  /* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
2
- ._button_13vhi_1 {
2
+ ._button_110sv_1 {
3
3
  position: relative;
4
4
  display: flex;
5
5
  align-items: center;
@@ -13,240 +13,177 @@
13
13
  overflow: hidden;
14
14
  cursor: pointer;
15
15
  }
16
- ._button_13vhi_1:disabled {
16
+ ._button_110sv_1:disabled {
17
17
  background: var(--neutral-fill-mid);
18
18
  color: var(--neutral-label-tertiary);
19
19
  cursor: not-allowed;
20
20
  }
21
- ._button_13vhi_1:disabled span svg path:not([fill=white]) {
22
- fill: var(--neutral-label-tertiary);
21
+ ._button_110sv_1:disabled span svg path:not([fill=white]) {
22
+ fill: var(--neutral-label-tertiary) !important;
23
23
  }
24
- ._button_13vhi_1:disabled span svg path[fill=white] {
25
- fill: var(--inverse-label-primary);
24
+ ._button_110sv_1:disabled span svg path[fill=white] {
25
+ fill: var(--inverse-label-primary) !important;
26
26
  }
27
- ._default_13vhi_27 {
27
+ ._default_110sv_27 {
28
28
  color: var(--inverse-label-primary);
29
29
  background: var(--lp-pri-achromatic-white);
30
30
  }
31
- ._default_13vhi_27 svg path {
31
+ ._default_110sv_27 svg path {
32
32
  fill: var(--inverse-label-primary);
33
33
  }
34
- ._text_13vhi_35 {
35
- background: none;
36
- color: var(--inverse-label-static-primary);
37
- }
38
- ._text_13vhi_35:not(:disabled):hover {
39
- text-decoration: underline;
40
- text-underline-offset: 0.2rem;
41
- }
42
- ._primary_13vhi_44 {
34
+ ._primary_110sv_35 {
43
35
  color: var(--inverse-label-static-primary);
44
36
  background: var(--brand-container-mid);
45
37
  }
46
- ._primary_13vhi_44:not(:disabled):hover {
38
+ ._primary_110sv_35:not(:disabled):hover {
47
39
  background: var(--brand-container-mid-hover);
48
40
  }
49
- ._primary_13vhi_44 span svg path:not([fill=white]) {
50
- fill: var(--inverse-label-static-primary);
51
- }
52
- ._primary_13vhi_44 span svg path[fill=white] {
53
- fill: var(--inverse-label-primary);
54
- }
55
- ._secondary_13vhi_58 {
41
+ ._secondary_110sv_43 {
56
42
  color: var(--inverse-label-primary);
57
43
  background: var(--inverse-container-high);
58
44
  }
59
- ._secondary_13vhi_58:not(:disabled):hover {
45
+ ._secondary_110sv_43:not(:disabled):hover {
60
46
  background: var(--inverse-container-high-hover);
61
47
  }
62
- ._secondary_13vhi_58 span svg path:not([fill=white]) {
63
- fill: var(--inverse-label-primary);
64
- }
65
- ._secondary_13vhi_58 span svg path[fill=white] {
66
- fill: var(--inverse-label-primary);
67
- }
68
- ._tertiary_13vhi_72 {
48
+ ._tertiary_110sv_51 {
69
49
  color: var(--neutral-label-primary);
70
50
  background: var(--neutral-fill-mid);
71
51
  }
72
- ._tertiary_13vhi_72:not(:disabled):hover {
52
+ ._tertiary_110sv_51:not(:disabled):hover {
73
53
  background: var(--neutral-fill-mid-hover);
74
54
  }
75
- ._tertiary_13vhi_72 span svg path:not([fill=white]) {
76
- fill: var(--neutral-label-primary);
77
- }
78
- ._tertiary_13vhi_72 span svg path[fill=white] {
79
- fill: var(--inverse-label-primary);
80
- }
81
- ._quaternary_13vhi_86 {
55
+ ._quaternary_110sv_59 {
82
56
  color: var(--neutral-label-primary);
83
57
  border: 1px solid var(--neutral-border-overlay-normal);
84
58
  background: var(--neutral-fill-lowest);
85
59
  }
86
- ._quaternary_13vhi_86:not(:disabled):hover {
60
+ ._quaternary_110sv_59:not(:disabled):hover {
87
61
  background: var(--neutral-fill-lowest-hover);
88
62
  }
89
- ._quaternary_13vhi_86 span svg path:not([fill=white]) {
90
- fill: var(--neutral-label-primary);
91
- }
92
- ._quaternary_13vhi_86 span svg path[fill=white] {
93
- fill: var(--inverse-label-primary);
94
- }
95
- ._quaternary_13vhi_86:disabled {
63
+ ._quaternary_110sv_59:disabled {
96
64
  background: var(--neutral-fill-lowest);
97
65
  color: var(--neutral-label-tertiary);
98
66
  opacity: 0.4;
99
67
  }
100
- ._quaternary_13vhi_86:disabled svg path {
101
- fill: var(--neutral-label-tertiary);
68
+ ._quaternary_110sv_59:disabled svg path {
69
+ fill: var(--neutral-label-tertiary) !important;
102
70
  }
103
- ._error_13vhi_109 {
71
+ ._negative_110sv_76 {
104
72
  color: var(--inverse-label-static-primary);
105
73
  background: var(--function-container-negative);
106
74
  }
107
- ._error_13vhi_109:not(:disabled):hover {
75
+ ._negative_110sv_76:not(:disabled):hover {
108
76
  background: var(--function-container-negative-hover);
109
77
  }
110
- ._error_13vhi_109 span svg path:not([fill=white]) {
111
- fill: var(--inverse-label-static-primary);
112
- }
113
- ._error_13vhi_109 span svg path[fill=white] {
114
- fill: var(--inverse-label-primary);
115
- }
116
- ._inverse_13vhi_123 {
78
+ ._static_110sv_84 {
117
79
  background: var(--neutral-container-static-lowest);
118
80
  color: var(--neutral-label-static-primary);
119
81
  }
120
- ._inverse_13vhi_123:not(:disabled):hover {
82
+ ._static_110sv_84:not(:disabled):hover {
121
83
  background: var(--neutral-container-static-lowest-hover);
122
84
  }
123
- ._inverse_13vhi_123 span svg path:not([fill=white]) {
124
- fill: var(--neutral-label-static-primary);
125
- }
126
- ._inverse_13vhi_123 span svg path[fill=white] {
127
- fill: var(--inverse-label-primary);
128
- }
129
- ._inverse_13vhi_123:disabled {
130
- background: var(--neutral-fill-mid);
131
- color: var(--neutral-label-tertiary);
132
- opacity: 0.4;
85
+ ._inverse-static_110sv_92 {
86
+ background: var(--inverse-container-static-high);
87
+ color: var(--inverse-label-static-primary);
133
88
  }
134
- ._inverse_13vhi_123:disabled svg path {
135
- fill: var(--neutral-label-tertiary);
89
+ ._inverse-static_110sv_92:not(:disabled):hover {
90
+ background: var(--inverse-container-static-high-hover);
136
91
  }
137
- ._ghost_13vhi_145._primary_13vhi_44 {
138
- background: var(--neutral-fill-lowest);
92
+ ._ghost_110sv_100._primary_110sv_35 {
93
+ background: var(--inverse-fill-lowest);
139
94
  color: var(--neutral-label-primary);
140
95
  }
141
- ._ghost_13vhi_145._primary_13vhi_44:not(:disabled):hover {
96
+ ._ghost_110sv_100._primary_110sv_35:not(:disabled):hover {
142
97
  background: var(--neutral-fill-lowest-hover);
143
98
  }
144
- ._ghost_13vhi_145._primary_13vhi_44 span svg path:not([fill=white]) {
145
- fill: var(--neutral-label-primary);
146
- }
147
- ._ghost_13vhi_145._primary_13vhi_44 span svg path[fill=white] {
148
- fill: var(--inverse-label-primary);
149
- }
150
- ._ghost_13vhi_145._primary_13vhi_44:disabled {
99
+ ._ghost_110sv_100._primary_110sv_35:disabled {
151
100
  background: var(--neutral-fill-lowest);
152
101
  color: var(--neutral-label-tertiary);
153
102
  }
154
- ._ghost_13vhi_145._primary_13vhi_44:disabled span svg path:not([fill=white]) {
103
+ ._ghost_110sv_100._primary_110sv_35:disabled span svg path:not([fill=white]) {
155
104
  fill: var(--neutral-label-tertiary);
156
105
  }
157
- ._ghost_13vhi_145._primary_13vhi_44:disabled span svg path[fill=white] {
106
+ ._ghost_110sv_100._primary_110sv_35:disabled span svg path[fill=white] {
158
107
  fill: var(--inverse-label-primary);
159
108
  }
160
- ._ghost_13vhi_145._secondary_13vhi_58 {
109
+ ._ghost_110sv_100._secondary_110sv_43 {
161
110
  background: var(--neutral-fill-lowest);
162
111
  color: var(--neutral-label-secondary);
163
112
  }
164
- ._ghost_13vhi_145._secondary_13vhi_58:not(:disabled):hover {
113
+ ._ghost_110sv_100._secondary_110sv_43:not(:disabled):hover {
165
114
  background: var(--neutral-fill-lowest-hover);
166
115
  }
167
- ._ghost_13vhi_145._secondary_13vhi_58 span svg path:not([fill=white]) {
168
- fill: var(--neutral-label-secondary);
169
- }
170
- ._ghost_13vhi_145._secondary_13vhi_58 span svg path[fill=white] {
171
- fill: var(--inverse-label-primary);
172
- }
173
- ._ghost_13vhi_145._secondary_13vhi_58:disabled {
116
+ ._ghost_110sv_100._secondary_110sv_43:disabled {
174
117
  background: var(--neutral-fill-lowest);
175
118
  color: var(--neutral-label-tertiary);
176
119
  }
177
- ._ghost_13vhi_145._secondary_13vhi_58:disabled span svg path:not([fill=white]) {
120
+ ._ghost_110sv_100._secondary_110sv_43:disabled span svg path:not([fill=white]) {
178
121
  fill: var(--neutral-label-tertiary);
179
122
  }
180
- ._ghost_13vhi_145._secondary_13vhi_58:disabled span svg path[fill=white] {
123
+ ._ghost_110sv_100._secondary_110sv_43:disabled span svg path[fill=white] {
181
124
  fill: var(--inverse-label-primary);
182
125
  }
183
- ._cta_13vhi_192 {
126
+ ._cta_110sv_135 {
184
127
  border-radius: var(--lp-sys-radius-m);
185
128
  width: fit-content;
186
129
  height: 52px;
187
130
  gap: 8px;
131
+ min-width: 52px;
188
132
  }
189
- ._l_13vhi_199 {
133
+ ._l_110sv_143 {
190
134
  border-radius: var(--lp-sys-radius-s);
191
135
  width: fit-content;
192
136
  height: 44px;
137
+ min-width: 44px;
193
138
  }
194
- ._m_13vhi_205 {
139
+ ._m_110sv_150 {
195
140
  border-radius: var(--lp-sys-radius-s);
196
141
  width: fit-content;
197
142
  height: 36px;
143
+ min-width: 36px;
198
144
  }
199
- ._s_13vhi_58 {
145
+ ._s_110sv_43 {
200
146
  border-radius: var(--lp-sys-radius-s);
201
147
  width: fit-content;
202
148
  height: 28px;
149
+ min-width: 28px;
203
150
  }
204
- ._align-center_13vhi_217 > span {
151
+ ._align-center_110sv_164 > span {
205
152
  width: 100%;
206
153
  justify-content: center;
207
154
  }
208
- ._align-space-between_13vhi_222 > span {
155
+ ._align-space-between_110sv_169 > span {
209
156
  width: 100%;
210
157
  justify-content: space-between;
211
158
  }
212
- ._neutral-primary_13vhi_227 {
213
- color: var(--neutral-label-secondary);
214
- opacity: 0.8;
215
- }
216
- ._inverse-primary_13vhi_232 {
217
- color: var(--inverse-label-primary);
218
- }
219
- ._inverse-static-primary_13vhi_236 {
220
- color: var(--inverse-label-static-primary);
221
- }
222
- ._content_13vhi_240 {
159
+ ._content_110sv_174 {
223
160
  line-height: 0;
224
161
  padding: 0px var(--lp-sys-padding-component-100);
225
162
  }
226
- ._full_13vhi_245 {
163
+ ._full_110sv_179 {
227
164
  width: 100%;
228
165
  }
229
- ._fit-content_13vhi_249 {
166
+ ._fit-content_110sv_183 {
230
167
  width: fit-content;
231
168
  }
232
- ._children_13vhi_253 {
169
+ ._children_110sv_187 {
233
170
  display: flex;
234
171
  align-items: center;
235
172
  justify-content: center;
236
173
  }
237
- ._cta-children_13vhi_259 {
174
+ ._cta-children_110sv_193 {
238
175
  padding: 0 var(--lp-sys-gap-positive-300);
239
176
  gap: var(--lp-sys-gap-positive-100);
240
177
  }
241
- ._l-children_13vhi_264 {
178
+ ._l-children_110sv_198 {
242
179
  padding: 0 var(--lp-sys-gap-positive-200);
243
180
  gap: var(--lp-sys-gap-positive-50);
244
181
  }
245
- ._m-children_13vhi_269 {
182
+ ._m-children_110sv_203 {
246
183
  padding: 0 var(--lp-sys-gap-positive-150);
247
184
  gap: var(--lp-sys-gap-positive-50);
248
185
  }
249
- ._s-children_13vhi_274 {
186
+ ._s-children_110sv_208 {
250
187
  padding: 0 var(--lp-sys-gap-positive-150);
251
188
  gap: var(--lp-sys-gap-positive-50);
252
189
  }
@@ -413,6 +350,114 @@
413
350
  fill: var(--accent-pink);
414
351
  }
415
352
 
353
+ /* esbuild-sass-plugin:css-chunk:src/components/_ButtonLoading/style.module.scss */
354
+ ._loading_16nlw_1 {
355
+ display: flex;
356
+ }
357
+ ._loading-dot_16nlw_5 {
358
+ float: left;
359
+ background: white;
360
+ opacity: 0;
361
+ -webkit-animation: _loadingFade_16nlw_1 1s infinite;
362
+ -moz-animation: _loadingFade_16nlw_1 1s infinite;
363
+ animation: _loadingFade_16nlw_1 1s infinite;
364
+ }
365
+ ._loading-dot_16nlw_5._m_16nlw_13 {
366
+ width: 4px;
367
+ height: 4px;
368
+ margin: 0 2px;
369
+ border-radius: 1px;
370
+ }
371
+ ._loading-dot_16nlw_5._s_16nlw_19 {
372
+ width: 3.3333333333px;
373
+ height: 3.3333333333px;
374
+ margin: 0 1.6666666667px;
375
+ border-radius: 0.8333333333px;
376
+ }
377
+ ._loading-dot_16nlw_5._xs_16nlw_25 {
378
+ width: 2.6666666667px;
379
+ height: 2.6666666667px;
380
+ margin: 0 1.3333333333px;
381
+ border-radius: 0.6666666667px;
382
+ }
383
+ ._loading-dot_16nlw_5._primary_16nlw_31 {
384
+ background: var(--inverse-label-static-primary);
385
+ }
386
+ ._loading-dot_16nlw_5._secondary_16nlw_34 {
387
+ background: var(--inverse-label-primary);
388
+ }
389
+ ._loading-dot_16nlw_5._tertiary_16nlw_37 {
390
+ background: var(--neutral-label-primary);
391
+ }
392
+ ._loading-dot_16nlw_5._quaternary_16nlw_40 {
393
+ background: var(--neutral-label-primary);
394
+ }
395
+ ._loading-dot_16nlw_5._negative_16nlw_43 {
396
+ background: var(--inverse-label-static-primary);
397
+ }
398
+ ._loading-dot_16nlw_5._static_16nlw_46 {
399
+ background: var(--neutral-label-static-primary);
400
+ }
401
+ ._loading-dot_16nlw_5._inverse_16nlw_49 {
402
+ background: var(--inverse-label-primary);
403
+ }
404
+ ._loading-dot_16nlw_5._inverse-static_16nlw_52 {
405
+ background: var(--inverse-label-static-primary);
406
+ }
407
+ ._loading-dot_16nlw_5:nth-child(1) {
408
+ -webkit-animation-delay: 0s;
409
+ -moz-animation-delay: 0s;
410
+ animation-delay: 0s;
411
+ }
412
+ ._loading-dot_16nlw_5:nth-child(2) {
413
+ -webkit-animation-delay: 0.1s;
414
+ -moz-animation-delay: 0.1s;
415
+ animation-delay: 0.1s;
416
+ }
417
+ ._loading-dot_16nlw_5:nth-child(3) {
418
+ -webkit-animation-delay: 0.2s;
419
+ -moz-animation-delay: 0.2s;
420
+ animation-delay: 0.2s;
421
+ }
422
+ ._loading-dot_16nlw_5:nth-child(4) {
423
+ -webkit-animation-delay: 0.3s;
424
+ -moz-animation-delay: 0.3s;
425
+ animation-delay: 0.3s;
426
+ }
427
+ @-webkit-keyframes _loadingFade_16nlw_1 {
428
+ 0% {
429
+ opacity: 0;
430
+ }
431
+ 50% {
432
+ opacity: 0.8;
433
+ }
434
+ 100% {
435
+ opacity: 0;
436
+ }
437
+ }
438
+ @-moz-keyframes _loadingFade_16nlw_1 {
439
+ 0% {
440
+ opacity: 0;
441
+ }
442
+ 50% {
443
+ opacity: 0.8;
444
+ }
445
+ 100% {
446
+ opacity: 0;
447
+ }
448
+ }
449
+ @keyframes _loadingFade_16nlw_1 {
450
+ 0% {
451
+ opacity: 0;
452
+ }
453
+ 50% {
454
+ opacity: 0.8;
455
+ }
456
+ 100% {
457
+ opacity: 0;
458
+ }
459
+ }
460
+
416
461
  /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
417
462
  @keyframes _hide_192n7_1 {
418
463
  from {
@@ -675,6 +720,79 @@
675
720
  z-index: 9;
676
721
  }
677
722
 
723
+ /* esbuild-sass-plugin:css-chunk:src/components/TextButton/style.module.scss */
724
+ ._button_geax8_1 {
725
+ position: relative;
726
+ display: flex;
727
+ align-items: center;
728
+ justify-content: center;
729
+ padding: 0;
730
+ gap: 6px;
731
+ border: none;
732
+ text-decoration: none;
733
+ min-width: fit-content;
734
+ line-height: var(--lp-pri-font-lineheight-130);
735
+ overflow: hidden;
736
+ cursor: pointer;
737
+ }
738
+ ._button_geax8_1:disabled {
739
+ background: var(--neutral-fill-mid);
740
+ color: var(--neutral-label-tertiary);
741
+ cursor: not-allowed;
742
+ }
743
+ ._button_geax8_1:disabled span svg path:not([fill=white]) {
744
+ fill: var(--neutral-label-tertiary) !important;
745
+ }
746
+ ._button_geax8_1:disabled span svg path[fill=white] {
747
+ fill: var(--inverse-label-primary) !important;
748
+ }
749
+ ._text_geax8_27 {
750
+ background: none;
751
+ }
752
+ ._text_geax8_27:hover {
753
+ background: none !important;
754
+ opacity: 0.64;
755
+ }
756
+ ._text_geax8_27._size-m_geax8_34 {
757
+ font-size: var(--lp-pri-font-size-14) !important;
758
+ }
759
+ ._text_geax8_27._size-s_geax8_37 {
760
+ font-size: var(--lp-pri-font-size-13) !important;
761
+ }
762
+ ._text_geax8_27._primary_geax8_40 {
763
+ background: none;
764
+ color: var(--brand-label-primary);
765
+ }
766
+ ._text_geax8_27._secondary_geax8_44 {
767
+ background: none;
768
+ color: var(--neutral-label-primary);
769
+ }
770
+ ._text_geax8_27._tertiary_geax8_48 {
771
+ background: none;
772
+ color: var(--neutral-label-secondary);
773
+ }
774
+ ._text_geax8_27._inverse_geax8_52 {
775
+ background: none;
776
+ color: var(--inverse-label-primary);
777
+ }
778
+ ._text_geax8_27._inverse-static_geax8_56 {
779
+ background: none;
780
+ color: var(--inverse-label-static-primary);
781
+ }
782
+ ._thick_geax8_61 {
783
+ font-weight: var(--lp-pri-font-weight-700) !important;
784
+ }
785
+ ._underline_geax8_65 {
786
+ text-decoration: underline;
787
+ text-underline-offset: 0.2rem;
788
+ }
789
+ ._text-children_geax8_70 {
790
+ display: flex;
791
+ align-items: center;
792
+ justify-content: center;
793
+ gap: var(--lp-sys-gap-positive-150);
794
+ }
795
+
678
796
  /* esbuild-sass-plugin:css-chunk:src/components/Tooltip/style.module.scss */
679
797
  ._tooltip_1v61q_1 {
680
798
  padding: 1px 1px;
@@ -689,7 +807,7 @@
689
807
  }
690
808
 
691
809
  /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
692
- ._iconButton_1e3ip_1 {
810
+ ._iconButton_qo1a8_1 {
693
811
  display: flex;
694
812
  justify-content: center;
695
813
  align-items: center;
@@ -698,69 +816,186 @@
698
816
  border-radius: var(--lp-sys-radius-m);
699
817
  cursor: pointer;
700
818
  }
701
- ._iconButton_1e3ip_1:disabled {
702
- pointer-events: none;
819
+ ._primary_qo1a8_11 {
820
+ background: var(--brand-container-mid);
821
+ }
822
+ ._primary_qo1a8_11:not(:disabled):hover {
823
+ background: var(--brand-container-mid-hover);
824
+ }
825
+ ._primary_qo1a8_11:disabled {
826
+ background: var(--neutral-fill-mid);
827
+ }
828
+ ._primary_qo1a8_11:disabled svg path {
829
+ fill: var(--neutral-label-tertiary) !important;
830
+ }
831
+ ._secondary_qo1a8_24 {
832
+ background: var(--inverse-container-high);
833
+ }
834
+ ._secondary_qo1a8_24:not(:disabled):hover {
835
+ background: var(--inverse-container-high-hover);
836
+ }
837
+ ._secondary_qo1a8_24:disabled {
838
+ background: var(--neutral-fill-mid);
839
+ }
840
+ ._secondary_qo1a8_24:disabled svg path {
841
+ fill: var(--neutral-label-tertiary) !important;
842
+ }
843
+ ._tertiary_qo1a8_37 {
844
+ background: var(--neutral-fill-mid);
703
845
  }
704
- ._primary_1e3ip_14 {
846
+ ._tertiary_qo1a8_37:not(:disabled):hover {
847
+ background: var(--neutral-fill-mid-hover);
848
+ }
849
+ ._tertiary_qo1a8_37:disabled {
850
+ background: var(--neutral-fill-mid);
851
+ }
852
+ ._tertiary_qo1a8_37:disabled svg path {
853
+ fill: var(--neutral-label-tertiary) !important;
854
+ }
855
+ ._quaternary_qo1a8_50 {
705
856
  background: var(--neutral-fill-lowest);
706
857
  border: 1px solid var(--neutral-border-overlay-normal);
707
858
  }
708
- ._primary_1e3ip_14:not(:disabled):hover {
859
+ ._quaternary_qo1a8_50:not(:disabled):hover {
709
860
  background: var(--neutral-fill-lowest-hover);
710
861
  }
711
- ._secondary_1e3ip_22 {
712
- background: var(--neutral-fill-lowest);
862
+ ._quaternary_qo1a8_50:disabled {
863
+ background: var(--neutral-fill-mid);
864
+ }
865
+ ._quaternary_qo1a8_50:disabled svg path {
866
+ fill: var(--neutral-label-tertiary) !important;
867
+ }
868
+ ._negative_qo1a8_64 {
869
+ background: var(--function-container-negative);
870
+ }
871
+ ._negative_qo1a8_64:not(:disabled):hover {
872
+ background: var(--function-container-negative-hover);
873
+ }
874
+ ._negative_qo1a8_64:disabled {
875
+ background: var(--neutral-fill-mid);
876
+ }
877
+ ._negative_qo1a8_64:disabled svg path {
878
+ fill: var(--neutral-label-tertiary) !important;
879
+ }
880
+ ._static_qo1a8_77 {
881
+ background: var(--neutral-container-static-lowest);
882
+ }
883
+ ._static_qo1a8_77:not(:disabled):hover {
884
+ background: var(--neutral-container-static-lowest-hover);
885
+ }
886
+ ._static_qo1a8_77:disabled {
887
+ background: var(--neutral-fill-mid);
888
+ }
889
+ ._static_qo1a8_77:disabled svg path {
890
+ fill: var(--neutral-label-tertiary) !important;
891
+ }
892
+ ._inverse_qo1a8_90 {
893
+ background: var(--inverse-container-high);
894
+ }
895
+ ._inverse_qo1a8_90:not(:disabled):hover {
896
+ background: var(--inverse-container-high-hover);
897
+ }
898
+ ._inverse_qo1a8_90:disabled {
899
+ background: var(--neutral-fill-mid);
900
+ }
901
+ ._inverse_qo1a8_90:disabled svg path {
902
+ fill: var(--neutral-label-tertiary) !important;
903
+ }
904
+ ._inverse-static_qo1a8_103 {
905
+ background: var(--inverse-container-static-high);
906
+ }
907
+ ._inverse-static_qo1a8_103:not(:disabled):hover {
908
+ background: var(--inverse-container-static-high-hover);
909
+ }
910
+ ._inverse-static_qo1a8_103:disabled {
911
+ background: var(--neutral-fill-mid);
713
912
  }
714
- ._secondary_1e3ip_22:not(:disabled):hover {
913
+ ._inverse-static_qo1a8_103:disabled svg path {
914
+ fill: var(--neutral-label-tertiary) !important;
915
+ }
916
+ ._ghost_qo1a8_116._primary_qo1a8_11 {
917
+ background: none;
918
+ }
919
+ ._ghost_qo1a8_116._primary_qo1a8_11:not(:disabled):hover {
715
920
  background: var(--neutral-fill-lowest-hover);
716
921
  }
717
- ._tertiary_1e3ip_29 {
718
- background: var(--neutral-fill-lowest);
922
+ ._ghost_qo1a8_116._primary_qo1a8_11:disabled svg path {
923
+ fill: var(--neutral-label-quaternary) !important;
719
924
  }
720
- ._tertiary_1e3ip_29:not(:disabled):hover {
925
+ ._ghost_qo1a8_116._secondary_qo1a8_24 {
926
+ background: none;
927
+ }
928
+ ._ghost_qo1a8_116._secondary_qo1a8_24:not(:disabled):hover {
721
929
  background: var(--neutral-fill-lowest-hover);
722
930
  }
723
- ._quaternary_1e3ip_36 {
724
- background: var(--neutral-fill-lowest);
931
+ ._ghost_qo1a8_116._secondary_qo1a8_24:disabled svg path {
932
+ fill: var(--neutral-label-quaternary) !important;
725
933
  }
726
- ._quaternary_1e3ip_36:not(:disabled):hover {
934
+ ._ghost_qo1a8_116._tertiary_qo1a8_37 {
935
+ background: none;
936
+ }
937
+ ._ghost_qo1a8_116._tertiary_qo1a8_37:not(:disabled):hover {
727
938
  background: var(--neutral-fill-lowest-hover);
728
939
  }
729
- ._negative_1e3ip_43 {
730
- background: var(--neutral-fill-lowest);
940
+ ._ghost_qo1a8_116._tertiary_qo1a8_37:disabled svg path {
941
+ fill: var(--neutral-label-quaternary) !important;
731
942
  }
732
- ._negative_1e3ip_43:not(:disabled):hover {
943
+ ._ghost_qo1a8_116._negative_qo1a8_64 {
944
+ background: none;
945
+ }
946
+ ._ghost_qo1a8_116._negative_qo1a8_64:not(:disabled):hover {
733
947
  background: var(--neutral-fill-lowest-hover);
734
948
  }
735
- ._static_1e3ip_50 {
736
- background: var(--neutral-fill-lowest);
949
+ ._ghost_qo1a8_116._negative_qo1a8_64:disabled svg path {
950
+ fill: var(--neutral-label-quaternary) !important;
737
951
  }
738
- ._static_1e3ip_50:not(:disabled):hover {
952
+ ._ghost_qo1a8_116._static_qo1a8_77 {
953
+ background: none;
954
+ }
955
+ ._ghost_qo1a8_116._static_qo1a8_77:not(:disabled):hover {
739
956
  background: var(--neutral-fill-lowest-hover);
740
957
  }
741
- ._l_1e3ip_57 {
958
+ ._ghost_qo1a8_116._static_qo1a8_77:disabled svg path {
959
+ fill: var(--neutral-label-quaternary) !important;
960
+ }
961
+ ._ghost_qo1a8_116._inverse_qo1a8_90 {
962
+ background: none;
963
+ }
964
+ ._ghost_qo1a8_116._inverse_qo1a8_90:not(:disabled):hover {
965
+ background: var(--inverse-container-lowest-hover);
966
+ }
967
+ ._ghost_qo1a8_116._inverse_qo1a8_90:disabled svg path {
968
+ fill: var(--inverse-label-tertiary) !important;
969
+ }
970
+ ._ghost_qo1a8_116._inverse-static_qo1a8_103 {
971
+ background: none;
972
+ }
973
+ ._ghost_qo1a8_116._inverse-static_qo1a8_103:not(:disabled):hover {
974
+ background: var(--inverse-container-lowest-hover);
975
+ }
976
+ ._ghost_qo1a8_116._inverse-static_qo1a8_103:disabled svg path {
977
+ fill: var(--inverse-label-tertiary) !important;
978
+ }
979
+ ._l_qo1a8_180 {
742
980
  width: 44px;
743
981
  height: 44px;
744
982
  border-radius: var(--lp-sys-radius-m);
745
983
  }
746
- ._m_1e3ip_63 {
984
+ ._m_qo1a8_186 {
747
985
  width: 36px;
748
986
  height: 36px;
749
987
  border-radius: var(--lp-sys-radius-m);
750
988
  }
751
- ._s_1e3ip_22 {
989
+ ._s_qo1a8_24 {
752
990
  width: 28px;
753
991
  height: 28px;
754
992
  border-radius: var(--lp-sys-radius-m);
755
993
  }
756
- ._xs_1e3ip_75 {
994
+ ._xs_qo1a8_198 {
757
995
  width: 24px;
758
996
  height: 24px;
759
997
  border-radius: var(--lp-sys-radius-s);
760
998
  }
761
- ._xs_1e3ip_75:not(:disabled):hover {
762
- background: var(--neutral-fill-lowest);
763
- }
764
999
 
765
1000
  /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
766
1001
  ._checkbox_24vda_1 {