@liner-fe/prism 2.1.7 → 2.1.9

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,90 @@
413
350
  fill: var(--accent-pink);
414
351
  }
415
352
 
353
+ /* esbuild-sass-plugin:css-chunk:src/components/_ButtonLoading/style.module.scss */
354
+ ._loading_1hr5f_1 {
355
+ display: flex;
356
+ }
357
+ ._loading-dot_1hr5f_5 {
358
+ float: left;
359
+ background: white;
360
+ opacity: 0;
361
+ -webkit-animation: _loadingFade_1hr5f_1 1s infinite;
362
+ -moz-animation: _loadingFade_1hr5f_1 1s infinite;
363
+ animation: _loadingFade_1hr5f_1 1s infinite;
364
+ }
365
+ ._loading-dot_1hr5f_5._m_1hr5f_13 {
366
+ width: 4px;
367
+ height: 4px;
368
+ margin: 0 2px;
369
+ border-radius: 1px;
370
+ }
371
+ ._loading-dot_1hr5f_5._s_1hr5f_19 {
372
+ width: 3.3333333333px;
373
+ height: 3.3333333333px;
374
+ margin: 0 1.6666666667px;
375
+ border-radius: 0.8333333333px;
376
+ }
377
+ ._loading-dot_1hr5f_5._xs_1hr5f_25 {
378
+ width: 2.6666666667px;
379
+ height: 2.6666666667px;
380
+ margin: 0 1.3333333333px;
381
+ border-radius: 0.6666666667px;
382
+ }
383
+ ._loading-dot_1hr5f_5:nth-child(1) {
384
+ -webkit-animation-delay: 0s;
385
+ -moz-animation-delay: 0s;
386
+ animation-delay: 0s;
387
+ }
388
+ ._loading-dot_1hr5f_5:nth-child(2) {
389
+ -webkit-animation-delay: 0.1s;
390
+ -moz-animation-delay: 0.1s;
391
+ animation-delay: 0.1s;
392
+ }
393
+ ._loading-dot_1hr5f_5:nth-child(3) {
394
+ -webkit-animation-delay: 0.2s;
395
+ -moz-animation-delay: 0.2s;
396
+ animation-delay: 0.2s;
397
+ }
398
+ ._loading-dot_1hr5f_5:nth-child(4) {
399
+ -webkit-animation-delay: 0.3s;
400
+ -moz-animation-delay: 0.3s;
401
+ animation-delay: 0.3s;
402
+ }
403
+ @-webkit-keyframes _loadingFade_1hr5f_1 {
404
+ 0% {
405
+ opacity: 0;
406
+ }
407
+ 50% {
408
+ opacity: 0.8;
409
+ }
410
+ 100% {
411
+ opacity: 0;
412
+ }
413
+ }
414
+ @-moz-keyframes _loadingFade_1hr5f_1 {
415
+ 0% {
416
+ opacity: 0;
417
+ }
418
+ 50% {
419
+ opacity: 0.8;
420
+ }
421
+ 100% {
422
+ opacity: 0;
423
+ }
424
+ }
425
+ @keyframes _loadingFade_1hr5f_1 {
426
+ 0% {
427
+ opacity: 0;
428
+ }
429
+ 50% {
430
+ opacity: 0.8;
431
+ }
432
+ 100% {
433
+ opacity: 0;
434
+ }
435
+ }
436
+
416
437
  /* esbuild-sass-plugin:css-chunk:src/components/Toast/style.module.scss */
417
438
  @keyframes _hide_192n7_1 {
418
439
  from {
@@ -675,6 +696,79 @@
675
696
  z-index: 9;
676
697
  }
677
698
 
699
+ /* esbuild-sass-plugin:css-chunk:src/components/TextButton/style.module.scss */
700
+ ._button_geax8_1 {
701
+ position: relative;
702
+ display: flex;
703
+ align-items: center;
704
+ justify-content: center;
705
+ padding: 0;
706
+ gap: 6px;
707
+ border: none;
708
+ text-decoration: none;
709
+ min-width: fit-content;
710
+ line-height: var(--lp-pri-font-lineheight-130);
711
+ overflow: hidden;
712
+ cursor: pointer;
713
+ }
714
+ ._button_geax8_1:disabled {
715
+ background: var(--neutral-fill-mid);
716
+ color: var(--neutral-label-tertiary);
717
+ cursor: not-allowed;
718
+ }
719
+ ._button_geax8_1:disabled span svg path:not([fill=white]) {
720
+ fill: var(--neutral-label-tertiary) !important;
721
+ }
722
+ ._button_geax8_1:disabled span svg path[fill=white] {
723
+ fill: var(--inverse-label-primary) !important;
724
+ }
725
+ ._text_geax8_27 {
726
+ background: none;
727
+ }
728
+ ._text_geax8_27:hover {
729
+ background: none !important;
730
+ opacity: 0.64;
731
+ }
732
+ ._text_geax8_27._size-m_geax8_34 {
733
+ font-size: var(--lp-pri-font-size-14) !important;
734
+ }
735
+ ._text_geax8_27._size-s_geax8_37 {
736
+ font-size: var(--lp-pri-font-size-13) !important;
737
+ }
738
+ ._text_geax8_27._primary_geax8_40 {
739
+ background: none;
740
+ color: var(--brand-label-primary);
741
+ }
742
+ ._text_geax8_27._secondary_geax8_44 {
743
+ background: none;
744
+ color: var(--neutral-label-primary);
745
+ }
746
+ ._text_geax8_27._tertiary_geax8_48 {
747
+ background: none;
748
+ color: var(--neutral-label-secondary);
749
+ }
750
+ ._text_geax8_27._inverse_geax8_52 {
751
+ background: none;
752
+ color: var(--inverse-label-primary);
753
+ }
754
+ ._text_geax8_27._inverse-static_geax8_56 {
755
+ background: none;
756
+ color: var(--inverse-label-static-primary);
757
+ }
758
+ ._thick_geax8_61 {
759
+ font-weight: var(--lp-pri-font-weight-700) !important;
760
+ }
761
+ ._underline_geax8_65 {
762
+ text-decoration: underline;
763
+ text-underline-offset: 0.2rem;
764
+ }
765
+ ._text-children_geax8_70 {
766
+ display: flex;
767
+ align-items: center;
768
+ justify-content: center;
769
+ gap: var(--lp-sys-gap-positive-150);
770
+ }
771
+
678
772
  /* esbuild-sass-plugin:css-chunk:src/components/Tooltip/style.module.scss */
679
773
  ._tooltip_1v61q_1 {
680
774
  padding: 1px 1px;
@@ -689,7 +783,7 @@
689
783
  }
690
784
 
691
785
  /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
692
- ._iconButton_1e3ip_1 {
786
+ ._iconButton_qo1a8_1 {
693
787
  display: flex;
694
788
  justify-content: center;
695
789
  align-items: center;
@@ -698,69 +792,186 @@
698
792
  border-radius: var(--lp-sys-radius-m);
699
793
  cursor: pointer;
700
794
  }
701
- ._iconButton_1e3ip_1:disabled {
702
- pointer-events: none;
795
+ ._primary_qo1a8_11 {
796
+ background: var(--brand-container-mid);
797
+ }
798
+ ._primary_qo1a8_11:not(:disabled):hover {
799
+ background: var(--brand-container-mid-hover);
800
+ }
801
+ ._primary_qo1a8_11:disabled {
802
+ background: var(--neutral-fill-mid);
803
+ }
804
+ ._primary_qo1a8_11:disabled svg path {
805
+ fill: var(--neutral-label-tertiary) !important;
806
+ }
807
+ ._secondary_qo1a8_24 {
808
+ background: var(--inverse-container-high);
809
+ }
810
+ ._secondary_qo1a8_24:not(:disabled):hover {
811
+ background: var(--inverse-container-high-hover);
812
+ }
813
+ ._secondary_qo1a8_24:disabled {
814
+ background: var(--neutral-fill-mid);
815
+ }
816
+ ._secondary_qo1a8_24:disabled svg path {
817
+ fill: var(--neutral-label-tertiary) !important;
818
+ }
819
+ ._tertiary_qo1a8_37 {
820
+ background: var(--neutral-fill-mid);
703
821
  }
704
- ._primary_1e3ip_14 {
822
+ ._tertiary_qo1a8_37:not(:disabled):hover {
823
+ background: var(--neutral-fill-mid-hover);
824
+ }
825
+ ._tertiary_qo1a8_37:disabled {
826
+ background: var(--neutral-fill-mid);
827
+ }
828
+ ._tertiary_qo1a8_37:disabled svg path {
829
+ fill: var(--neutral-label-tertiary) !important;
830
+ }
831
+ ._quaternary_qo1a8_50 {
705
832
  background: var(--neutral-fill-lowest);
706
833
  border: 1px solid var(--neutral-border-overlay-normal);
707
834
  }
708
- ._primary_1e3ip_14:not(:disabled):hover {
835
+ ._quaternary_qo1a8_50:not(:disabled):hover {
709
836
  background: var(--neutral-fill-lowest-hover);
710
837
  }
711
- ._secondary_1e3ip_22 {
712
- background: var(--neutral-fill-lowest);
838
+ ._quaternary_qo1a8_50:disabled {
839
+ background: var(--neutral-fill-mid);
840
+ }
841
+ ._quaternary_qo1a8_50:disabled svg path {
842
+ fill: var(--neutral-label-tertiary) !important;
843
+ }
844
+ ._negative_qo1a8_64 {
845
+ background: var(--function-container-negative);
846
+ }
847
+ ._negative_qo1a8_64:not(:disabled):hover {
848
+ background: var(--function-container-negative-hover);
849
+ }
850
+ ._negative_qo1a8_64:disabled {
851
+ background: var(--neutral-fill-mid);
852
+ }
853
+ ._negative_qo1a8_64:disabled svg path {
854
+ fill: var(--neutral-label-tertiary) !important;
855
+ }
856
+ ._static_qo1a8_77 {
857
+ background: var(--neutral-container-static-lowest);
858
+ }
859
+ ._static_qo1a8_77:not(:disabled):hover {
860
+ background: var(--neutral-container-static-lowest-hover);
861
+ }
862
+ ._static_qo1a8_77:disabled {
863
+ background: var(--neutral-fill-mid);
864
+ }
865
+ ._static_qo1a8_77:disabled svg path {
866
+ fill: var(--neutral-label-tertiary) !important;
867
+ }
868
+ ._inverse_qo1a8_90 {
869
+ background: var(--inverse-container-high);
870
+ }
871
+ ._inverse_qo1a8_90:not(:disabled):hover {
872
+ background: var(--inverse-container-high-hover);
873
+ }
874
+ ._inverse_qo1a8_90:disabled {
875
+ background: var(--neutral-fill-mid);
876
+ }
877
+ ._inverse_qo1a8_90:disabled svg path {
878
+ fill: var(--neutral-label-tertiary) !important;
879
+ }
880
+ ._inverse-static_qo1a8_103 {
881
+ background: var(--inverse-container-static-high);
882
+ }
883
+ ._inverse-static_qo1a8_103:not(:disabled):hover {
884
+ background: var(--inverse-container-static-high-hover);
885
+ }
886
+ ._inverse-static_qo1a8_103:disabled {
887
+ background: var(--neutral-fill-mid);
713
888
  }
714
- ._secondary_1e3ip_22:not(:disabled):hover {
889
+ ._inverse-static_qo1a8_103:disabled svg path {
890
+ fill: var(--neutral-label-tertiary) !important;
891
+ }
892
+ ._ghost_qo1a8_116._primary_qo1a8_11 {
893
+ background: none;
894
+ }
895
+ ._ghost_qo1a8_116._primary_qo1a8_11:not(:disabled):hover {
715
896
  background: var(--neutral-fill-lowest-hover);
716
897
  }
717
- ._tertiary_1e3ip_29 {
718
- background: var(--neutral-fill-lowest);
898
+ ._ghost_qo1a8_116._primary_qo1a8_11:disabled svg path {
899
+ fill: var(--neutral-label-quaternary) !important;
719
900
  }
720
- ._tertiary_1e3ip_29:not(:disabled):hover {
901
+ ._ghost_qo1a8_116._secondary_qo1a8_24 {
902
+ background: none;
903
+ }
904
+ ._ghost_qo1a8_116._secondary_qo1a8_24:not(:disabled):hover {
721
905
  background: var(--neutral-fill-lowest-hover);
722
906
  }
723
- ._quaternary_1e3ip_36 {
724
- background: var(--neutral-fill-lowest);
907
+ ._ghost_qo1a8_116._secondary_qo1a8_24:disabled svg path {
908
+ fill: var(--neutral-label-quaternary) !important;
725
909
  }
726
- ._quaternary_1e3ip_36:not(:disabled):hover {
910
+ ._ghost_qo1a8_116._tertiary_qo1a8_37 {
911
+ background: none;
912
+ }
913
+ ._ghost_qo1a8_116._tertiary_qo1a8_37:not(:disabled):hover {
727
914
  background: var(--neutral-fill-lowest-hover);
728
915
  }
729
- ._negative_1e3ip_43 {
730
- background: var(--neutral-fill-lowest);
916
+ ._ghost_qo1a8_116._tertiary_qo1a8_37:disabled svg path {
917
+ fill: var(--neutral-label-quaternary) !important;
731
918
  }
732
- ._negative_1e3ip_43:not(:disabled):hover {
919
+ ._ghost_qo1a8_116._negative_qo1a8_64 {
920
+ background: none;
921
+ }
922
+ ._ghost_qo1a8_116._negative_qo1a8_64:not(:disabled):hover {
733
923
  background: var(--neutral-fill-lowest-hover);
734
924
  }
735
- ._static_1e3ip_50 {
736
- background: var(--neutral-fill-lowest);
925
+ ._ghost_qo1a8_116._negative_qo1a8_64:disabled svg path {
926
+ fill: var(--neutral-label-quaternary) !important;
737
927
  }
738
- ._static_1e3ip_50:not(:disabled):hover {
928
+ ._ghost_qo1a8_116._static_qo1a8_77 {
929
+ background: none;
930
+ }
931
+ ._ghost_qo1a8_116._static_qo1a8_77:not(:disabled):hover {
739
932
  background: var(--neutral-fill-lowest-hover);
740
933
  }
741
- ._l_1e3ip_57 {
934
+ ._ghost_qo1a8_116._static_qo1a8_77:disabled svg path {
935
+ fill: var(--neutral-label-quaternary) !important;
936
+ }
937
+ ._ghost_qo1a8_116._inverse_qo1a8_90 {
938
+ background: none;
939
+ }
940
+ ._ghost_qo1a8_116._inverse_qo1a8_90:not(:disabled):hover {
941
+ background: var(--inverse-container-lowest-hover);
942
+ }
943
+ ._ghost_qo1a8_116._inverse_qo1a8_90:disabled svg path {
944
+ fill: var(--inverse-label-tertiary) !important;
945
+ }
946
+ ._ghost_qo1a8_116._inverse-static_qo1a8_103 {
947
+ background: none;
948
+ }
949
+ ._ghost_qo1a8_116._inverse-static_qo1a8_103:not(:disabled):hover {
950
+ background: var(--inverse-container-lowest-hover);
951
+ }
952
+ ._ghost_qo1a8_116._inverse-static_qo1a8_103:disabled svg path {
953
+ fill: var(--inverse-label-tertiary) !important;
954
+ }
955
+ ._l_qo1a8_180 {
742
956
  width: 44px;
743
957
  height: 44px;
744
958
  border-radius: var(--lp-sys-radius-m);
745
959
  }
746
- ._m_1e3ip_63 {
960
+ ._m_qo1a8_186 {
747
961
  width: 36px;
748
962
  height: 36px;
749
963
  border-radius: var(--lp-sys-radius-m);
750
964
  }
751
- ._s_1e3ip_22 {
965
+ ._s_qo1a8_24 {
752
966
  width: 28px;
753
967
  height: 28px;
754
968
  border-radius: var(--lp-sys-radius-m);
755
969
  }
756
- ._xs_1e3ip_75 {
970
+ ._xs_qo1a8_198 {
757
971
  width: 24px;
758
972
  height: 24px;
759
973
  border-radius: var(--lp-sys-radius-s);
760
974
  }
761
- ._xs_1e3ip_75:not(:disabled):hover {
762
- background: var(--neutral-fill-lowest);
763
- }
764
975
 
765
976
  /* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
766
977
  ._checkbox_24vda_1 {