@liner-fe/prism 2.5.9 → 2.5.13
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 +267 -267
- package/lib/index.css.map +1 -1
- package/lib/index.d.ts +5 -6
- package/lib/index.js +93 -93
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* esbuild-sass-plugin:css-chunk:src/components/Button/style.module.scss */
|
|
2
|
-
.
|
|
2
|
+
._button_yei7f_1 {
|
|
3
3
|
position: relative;
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
@@ -14,189 +14,189 @@
|
|
|
14
14
|
overflow: hidden;
|
|
15
15
|
cursor: pointer;
|
|
16
16
|
}
|
|
17
|
-
.
|
|
18
|
-
background: var(--neutral-fill-mid);
|
|
17
|
+
._button_yei7f_1:disabled {
|
|
18
|
+
background: var(--neutral-fill-overlay-mid);
|
|
19
19
|
color: var(--neutral-label-tertiary);
|
|
20
20
|
cursor: not-allowed;
|
|
21
21
|
}
|
|
22
|
-
.
|
|
22
|
+
._button_yei7f_1:disabled span svg path:not([fill=white]) {
|
|
23
23
|
fill: var(--neutral-label-tertiary) !important;
|
|
24
24
|
}
|
|
25
|
-
.
|
|
25
|
+
._button_yei7f_1:disabled span svg path[fill=white] {
|
|
26
26
|
fill: var(--inverse-label-primary) !important;
|
|
27
27
|
}
|
|
28
|
-
.
|
|
28
|
+
._default_yei7f_28 {
|
|
29
29
|
color: var(--inverse-label-primary);
|
|
30
30
|
background: var(--lp-pri-achromatic-white);
|
|
31
31
|
}
|
|
32
|
-
.
|
|
32
|
+
._default_yei7f_28 svg path {
|
|
33
33
|
fill: var(--inverse-label-primary);
|
|
34
34
|
}
|
|
35
|
-
.
|
|
35
|
+
._primary_yei7f_36 {
|
|
36
36
|
color: var(--inverse-label-static-primary);
|
|
37
37
|
background: var(--brand-container-mid);
|
|
38
38
|
}
|
|
39
|
-
.
|
|
39
|
+
._primary_yei7f_36:not(:disabled):hover {
|
|
40
40
|
background: var(--brand-container-mid-hover);
|
|
41
41
|
}
|
|
42
|
-
.
|
|
42
|
+
._secondary_yei7f_44 {
|
|
43
43
|
color: var(--inverse-label-static-primary);
|
|
44
44
|
background: var(--brand-container-mid);
|
|
45
45
|
}
|
|
46
|
-
.
|
|
46
|
+
._secondary_yei7f_44:not(:disabled):hover {
|
|
47
47
|
background: var(--brand-container-mid-hover);
|
|
48
48
|
}
|
|
49
|
-
.
|
|
49
|
+
._tertiary_yei7f_52 {
|
|
50
50
|
color: var(--neutral-label-primary);
|
|
51
|
-
background: var(--neutral-fill-mid);
|
|
51
|
+
background: var(--neutral-fill-overlay-mid);
|
|
52
52
|
}
|
|
53
|
-
.
|
|
54
|
-
background: var(--neutral-fill-mid-hover);
|
|
53
|
+
._tertiary_yei7f_52:not(:disabled):hover {
|
|
54
|
+
background: var(--neutral-fill-overlay-mid-hover);
|
|
55
55
|
}
|
|
56
|
-
.
|
|
56
|
+
._quaternary_yei7f_60 {
|
|
57
57
|
color: var(--neutral-label-primary);
|
|
58
58
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
59
|
-
background: var(--neutral-fill-lowest);
|
|
59
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
60
60
|
}
|
|
61
|
-
.
|
|
62
|
-
background: var(--neutral-fill-lowest-hover);
|
|
61
|
+
._quaternary_yei7f_60:not(:disabled):hover {
|
|
62
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
63
63
|
}
|
|
64
|
-
.
|
|
65
|
-
background: var(--neutral-fill-lowest);
|
|
64
|
+
._quaternary_yei7f_60:disabled {
|
|
65
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
66
66
|
color: var(--neutral-label-tertiary);
|
|
67
67
|
opacity: 0.4;
|
|
68
68
|
}
|
|
69
|
-
.
|
|
69
|
+
._quaternary_yei7f_60:disabled svg path {
|
|
70
70
|
fill: var(--neutral-label-tertiary) !important;
|
|
71
71
|
}
|
|
72
|
-
.
|
|
72
|
+
._quinary_yei7f_77 {
|
|
73
73
|
color: var(--neutral-label-primary);
|
|
74
74
|
background: var(--neutral-container-lowest);
|
|
75
75
|
}
|
|
76
|
-
.
|
|
77
|
-
background: var(--neutral-fill-mid);
|
|
76
|
+
._quinary_yei7f_77:disabled {
|
|
77
|
+
background: var(--neutral-fill-overlay-mid);
|
|
78
78
|
color: var(--neutral-label-tertiary);
|
|
79
79
|
}
|
|
80
|
-
.
|
|
80
|
+
._quinary_yei7f_77:disabled svg path {
|
|
81
81
|
fill: var(--neutral-label-tertiary) !important;
|
|
82
82
|
}
|
|
83
|
-
.
|
|
83
|
+
._negative_yei7f_89 {
|
|
84
84
|
color: var(--inverse-label-static-primary);
|
|
85
|
-
background: var(--function-
|
|
85
|
+
background: var(--function-fill-negative-mid);
|
|
86
86
|
}
|
|
87
|
-
.
|
|
88
|
-
background: var(--function-
|
|
87
|
+
._negative_yei7f_89:not(:disabled):hover {
|
|
88
|
+
background: var(--function-fill-negative-mid-hover);
|
|
89
89
|
}
|
|
90
|
-
.
|
|
90
|
+
._static_yei7f_97 {
|
|
91
91
|
background: var(--neutral-container-static-lowest);
|
|
92
92
|
color: var(--neutral-label-static-primary);
|
|
93
93
|
}
|
|
94
|
-
.
|
|
94
|
+
._static_yei7f_97:not(:disabled):hover {
|
|
95
95
|
background: var(--neutral-container-static-lowest-hover);
|
|
96
96
|
}
|
|
97
|
-
._inverse-
|
|
97
|
+
._inverse-static_yei7f_105 {
|
|
98
98
|
background: var(--inverse-container-static-high);
|
|
99
99
|
color: var(--inverse-label-static-primary);
|
|
100
100
|
}
|
|
101
|
-
._inverse-
|
|
101
|
+
._inverse-static_yei7f_105:not(:disabled):hover {
|
|
102
102
|
background: var(--inverse-container-static-high-hover);
|
|
103
103
|
}
|
|
104
|
-
.
|
|
104
|
+
._ghost_yei7f_113._primary_yei7f_36 {
|
|
105
105
|
background: var(--inverse-fill-lowest);
|
|
106
106
|
color: var(--neutral-label-primary);
|
|
107
107
|
}
|
|
108
|
-
.
|
|
109
|
-
background: var(--neutral-fill-lowest-hover);
|
|
108
|
+
._ghost_yei7f_113._primary_yei7f_36:not(:disabled):hover {
|
|
109
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
110
110
|
}
|
|
111
|
-
.
|
|
112
|
-
background: var(--neutral-fill-lowest);
|
|
111
|
+
._ghost_yei7f_113._primary_yei7f_36:disabled {
|
|
112
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
113
113
|
color: var(--neutral-label-tertiary);
|
|
114
114
|
}
|
|
115
|
-
.
|
|
115
|
+
._ghost_yei7f_113._primary_yei7f_36:disabled span svg path:not([fill=white]) {
|
|
116
116
|
fill: var(--neutral-label-tertiary);
|
|
117
117
|
}
|
|
118
|
-
.
|
|
118
|
+
._ghost_yei7f_113._primary_yei7f_36:disabled span svg path[fill=white] {
|
|
119
119
|
fill: var(--inverse-label-primary);
|
|
120
120
|
}
|
|
121
|
-
.
|
|
121
|
+
._ghost_yei7f_113._secondary_yei7f_44 {
|
|
122
122
|
background: var(--inverse-fill-lowest);
|
|
123
123
|
color: var(--neutral-label-primary);
|
|
124
124
|
}
|
|
125
|
-
.
|
|
126
|
-
background: var(--neutral-fill-lowest-hover);
|
|
125
|
+
._ghost_yei7f_113._secondary_yei7f_44:not(:disabled):hover {
|
|
126
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
127
127
|
}
|
|
128
|
-
.
|
|
129
|
-
background: var(--neutral-fill-lowest);
|
|
128
|
+
._ghost_yei7f_113._secondary_yei7f_44:disabled {
|
|
129
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
130
130
|
color: var(--neutral-label-tertiary);
|
|
131
131
|
}
|
|
132
|
-
.
|
|
132
|
+
._ghost_yei7f_113._secondary_yei7f_44:disabled span svg path:not([fill=white]) {
|
|
133
133
|
fill: var(--neutral-label-tertiary);
|
|
134
134
|
}
|
|
135
|
-
.
|
|
135
|
+
._ghost_yei7f_113._secondary_yei7f_44:disabled span svg path[fill=white] {
|
|
136
136
|
fill: var(--inverse-label-primary);
|
|
137
137
|
}
|
|
138
|
-
.
|
|
138
|
+
._cta_yei7f_148 {
|
|
139
139
|
border-radius: var(--lp-sys-radius-m);
|
|
140
140
|
width: fit-content;
|
|
141
141
|
height: 52px;
|
|
142
142
|
gap: 8px;
|
|
143
143
|
min-width: 52px;
|
|
144
144
|
}
|
|
145
|
-
.
|
|
145
|
+
._l_yei7f_156 {
|
|
146
146
|
border-radius: var(--lp-sys-radius-s);
|
|
147
147
|
width: fit-content;
|
|
148
148
|
height: 44px;
|
|
149
149
|
min-width: 44px;
|
|
150
150
|
}
|
|
151
|
-
.
|
|
151
|
+
._m_yei7f_163 {
|
|
152
152
|
border-radius: var(--lp-sys-radius-s);
|
|
153
153
|
width: fit-content;
|
|
154
154
|
height: 36px;
|
|
155
155
|
min-width: 36px;
|
|
156
156
|
}
|
|
157
|
-
.
|
|
157
|
+
._s_yei7f_44 {
|
|
158
158
|
border-radius: var(--lp-sys-radius-s);
|
|
159
159
|
width: fit-content;
|
|
160
160
|
height: 28px;
|
|
161
161
|
min-width: 28px;
|
|
162
162
|
}
|
|
163
|
-
._align-
|
|
163
|
+
._align-center_yei7f_177 > span {
|
|
164
164
|
width: 100%;
|
|
165
165
|
justify-content: center;
|
|
166
166
|
}
|
|
167
|
-
._align-space-
|
|
167
|
+
._align-space-between_yei7f_182 > span {
|
|
168
168
|
width: 100%;
|
|
169
169
|
justify-content: space-between;
|
|
170
170
|
}
|
|
171
|
-
.
|
|
171
|
+
._content_yei7f_187 {
|
|
172
172
|
flex-shrink: 0;
|
|
173
173
|
line-height: 0;
|
|
174
174
|
padding: 0px var(--lp-sys-padding-component-100);
|
|
175
175
|
}
|
|
176
|
-
.
|
|
176
|
+
._full_yei7f_193 {
|
|
177
177
|
width: 100%;
|
|
178
178
|
}
|
|
179
|
-
._fit-
|
|
179
|
+
._fit-content_yei7f_197 {
|
|
180
180
|
width: fit-content;
|
|
181
181
|
}
|
|
182
|
-
.
|
|
182
|
+
._children_yei7f_201 {
|
|
183
183
|
display: flex;
|
|
184
184
|
align-items: center;
|
|
185
185
|
justify-content: center;
|
|
186
186
|
}
|
|
187
|
-
._cta-
|
|
187
|
+
._cta-children_yei7f_207 {
|
|
188
188
|
padding: 0 var(--lp-sys-gap-positive-300);
|
|
189
189
|
gap: var(--lp-sys-gap-positive-100);
|
|
190
190
|
}
|
|
191
|
-
._l-
|
|
191
|
+
._l-children_yei7f_212 {
|
|
192
192
|
padding: 0 var(--lp-sys-gap-positive-200);
|
|
193
193
|
gap: var(--lp-sys-gap-positive-50);
|
|
194
194
|
}
|
|
195
|
-
._m-
|
|
195
|
+
._m-children_yei7f_217 {
|
|
196
196
|
padding: 0 var(--lp-sys-gap-positive-150);
|
|
197
197
|
gap: var(--lp-sys-gap-positive-50);
|
|
198
198
|
}
|
|
199
|
-
._s-
|
|
199
|
+
._s-children_yei7f_222 {
|
|
200
200
|
padding: 0 var(--lp-sys-gap-positive-150);
|
|
201
201
|
gap: var(--lp-sys-gap-positive-50);
|
|
202
202
|
}
|
|
@@ -725,7 +725,7 @@
|
|
|
725
725
|
}
|
|
726
726
|
|
|
727
727
|
/* esbuild-sass-plugin:css-chunk:src/components/TextButton/style.module.scss */
|
|
728
|
-
.
|
|
728
|
+
._button_1bjoa_1 {
|
|
729
729
|
position: relative;
|
|
730
730
|
display: flex;
|
|
731
731
|
align-items: center;
|
|
@@ -739,58 +739,58 @@
|
|
|
739
739
|
overflow: hidden;
|
|
740
740
|
cursor: pointer;
|
|
741
741
|
}
|
|
742
|
-
.
|
|
743
|
-
background: var(--neutral-fill-mid);
|
|
742
|
+
._button_1bjoa_1:disabled {
|
|
743
|
+
background: var(--neutral-fill-overlay-mid);
|
|
744
744
|
color: var(--neutral-label-tertiary);
|
|
745
745
|
cursor: not-allowed;
|
|
746
746
|
}
|
|
747
|
-
.
|
|
747
|
+
._button_1bjoa_1:disabled span svg path:not([fill=white]) {
|
|
748
748
|
fill: var(--neutral-label-tertiary) !important;
|
|
749
749
|
}
|
|
750
|
-
.
|
|
750
|
+
._button_1bjoa_1:disabled span svg path[fill=white] {
|
|
751
751
|
fill: var(--inverse-label-primary) !important;
|
|
752
752
|
}
|
|
753
|
-
.
|
|
753
|
+
._text_1bjoa_27 {
|
|
754
754
|
background: none;
|
|
755
755
|
}
|
|
756
|
-
.
|
|
756
|
+
._text_1bjoa_27:hover {
|
|
757
757
|
background: none !important;
|
|
758
758
|
opacity: 0.64;
|
|
759
759
|
}
|
|
760
|
-
.
|
|
760
|
+
._text_1bjoa_27._size-m_1bjoa_34 {
|
|
761
761
|
font-size: var(--lp-pri-font-size-14) !important;
|
|
762
762
|
}
|
|
763
|
-
.
|
|
763
|
+
._text_1bjoa_27._size-s_1bjoa_37 {
|
|
764
764
|
font-size: var(--lp-pri-font-size-13) !important;
|
|
765
765
|
}
|
|
766
|
-
.
|
|
766
|
+
._text_1bjoa_27._primary_1bjoa_40 {
|
|
767
767
|
background: none;
|
|
768
768
|
color: var(--brand-label-primary);
|
|
769
769
|
}
|
|
770
|
-
.
|
|
770
|
+
._text_1bjoa_27._secondary_1bjoa_44 {
|
|
771
771
|
background: none;
|
|
772
772
|
color: var(--neutral-label-primary);
|
|
773
773
|
}
|
|
774
|
-
.
|
|
774
|
+
._text_1bjoa_27._tertiary_1bjoa_48 {
|
|
775
775
|
background: none;
|
|
776
776
|
color: var(--neutral-label-secondary);
|
|
777
777
|
}
|
|
778
|
-
.
|
|
778
|
+
._text_1bjoa_27._inverse_1bjoa_52 {
|
|
779
779
|
background: none;
|
|
780
780
|
color: var(--inverse-label-primary);
|
|
781
781
|
}
|
|
782
|
-
.
|
|
782
|
+
._text_1bjoa_27._inverse-static_1bjoa_56 {
|
|
783
783
|
background: none;
|
|
784
784
|
color: var(--inverse-label-static-primary);
|
|
785
785
|
}
|
|
786
|
-
.
|
|
786
|
+
._thick_1bjoa_61 {
|
|
787
787
|
font-weight: var(--lp-pri-font-weight-700) !important;
|
|
788
788
|
}
|
|
789
|
-
.
|
|
789
|
+
._underline_1bjoa_65 {
|
|
790
790
|
text-decoration: underline;
|
|
791
791
|
text-underline-offset: 0.2rem;
|
|
792
792
|
}
|
|
793
|
-
._text-
|
|
793
|
+
._text-children_1bjoa_70 {
|
|
794
794
|
display: flex;
|
|
795
795
|
align-items: center;
|
|
796
796
|
justify-content: center;
|
|
@@ -811,7 +811,7 @@
|
|
|
811
811
|
}
|
|
812
812
|
|
|
813
813
|
/* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
|
|
814
|
-
.
|
|
814
|
+
._iconButton_87p7r_1 {
|
|
815
815
|
display: flex;
|
|
816
816
|
justify-content: center;
|
|
817
817
|
align-items: center;
|
|
@@ -820,198 +820,198 @@
|
|
|
820
820
|
border-radius: var(--lp-sys-radius-m);
|
|
821
821
|
cursor: pointer;
|
|
822
822
|
}
|
|
823
|
-
.
|
|
823
|
+
._iconButton_87p7r_1:disabled {
|
|
824
824
|
cursor: not-allowed;
|
|
825
825
|
}
|
|
826
|
-
.
|
|
826
|
+
._primary_87p7r_14 {
|
|
827
827
|
background: var(--brand-container-mid);
|
|
828
828
|
}
|
|
829
|
-
.
|
|
829
|
+
._primary_87p7r_14:not(:disabled):hover {
|
|
830
830
|
background: var(--brand-container-mid-hover);
|
|
831
831
|
}
|
|
832
|
-
.
|
|
833
|
-
background: var(--neutral-fill-mid);
|
|
832
|
+
._primary_87p7r_14:disabled {
|
|
833
|
+
background: var(--neutral-fill-overlay-mid);
|
|
834
834
|
}
|
|
835
|
-
.
|
|
835
|
+
._primary_87p7r_14:disabled svg path {
|
|
836
836
|
fill: var(--neutral-label-tertiary) !important;
|
|
837
837
|
}
|
|
838
|
-
.
|
|
838
|
+
._secondary_87p7r_27 {
|
|
839
839
|
background: var(--brand-container-mid);
|
|
840
840
|
}
|
|
841
|
-
.
|
|
841
|
+
._secondary_87p7r_27:not(:disabled):hover {
|
|
842
842
|
background: var(--brand-container-mid-hover);
|
|
843
843
|
}
|
|
844
|
-
.
|
|
845
|
-
background: var(--neutral-fill-mid);
|
|
844
|
+
._secondary_87p7r_27:disabled {
|
|
845
|
+
background: var(--neutral-fill-overlay-mid);
|
|
846
846
|
}
|
|
847
|
-
.
|
|
847
|
+
._secondary_87p7r_27:disabled svg path {
|
|
848
848
|
fill: var(--neutral-label-tertiary) !important;
|
|
849
849
|
}
|
|
850
|
-
.
|
|
851
|
-
background: var(--neutral-fill-mid);
|
|
850
|
+
._tertiary_87p7r_40 {
|
|
851
|
+
background: var(--neutral-fill-overlay-mid);
|
|
852
852
|
}
|
|
853
|
-
.
|
|
854
|
-
background: var(--neutral-fill-mid-hover);
|
|
853
|
+
._tertiary_87p7r_40:not(:disabled):hover {
|
|
854
|
+
background: var(--neutral-fill-overlay-mid-hover);
|
|
855
855
|
}
|
|
856
|
-
.
|
|
857
|
-
background: var(--neutral-fill-mid);
|
|
856
|
+
._tertiary_87p7r_40:disabled {
|
|
857
|
+
background: var(--neutral-fill-overlay-mid);
|
|
858
858
|
}
|
|
859
|
-
.
|
|
859
|
+
._tertiary_87p7r_40:disabled svg path {
|
|
860
860
|
fill: var(--neutral-label-tertiary) !important;
|
|
861
861
|
}
|
|
862
|
-
.
|
|
863
|
-
background: var(--neutral-fill-lowest);
|
|
862
|
+
._quaternary_87p7r_53 {
|
|
863
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
864
864
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
865
865
|
}
|
|
866
|
-
.
|
|
867
|
-
background: var(--neutral-fill-lowest-hover);
|
|
866
|
+
._quaternary_87p7r_53:not(:disabled):hover {
|
|
867
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
868
868
|
}
|
|
869
|
-
.
|
|
870
|
-
background: var(--neutral-fill-mid);
|
|
869
|
+
._quaternary_87p7r_53:disabled {
|
|
870
|
+
background: var(--neutral-fill-overlay-mid);
|
|
871
871
|
}
|
|
872
|
-
.
|
|
872
|
+
._quaternary_87p7r_53:disabled svg path {
|
|
873
873
|
fill: var(--neutral-label-tertiary) !important;
|
|
874
874
|
}
|
|
875
|
-
.
|
|
876
|
-
background: var(--function-
|
|
875
|
+
._negative_87p7r_67 {
|
|
876
|
+
background: var(--function-fill-negative-mid);
|
|
877
877
|
}
|
|
878
|
-
.
|
|
879
|
-
background: var(--function-
|
|
878
|
+
._negative_87p7r_67:not(:disabled):hover {
|
|
879
|
+
background: var(--function-fill-negative-mid-hover);
|
|
880
880
|
}
|
|
881
|
-
.
|
|
882
|
-
background: var(--neutral-fill-mid);
|
|
881
|
+
._negative_87p7r_67:disabled {
|
|
882
|
+
background: var(--neutral-fill-overlay-mid);
|
|
883
883
|
}
|
|
884
|
-
.
|
|
884
|
+
._negative_87p7r_67:disabled svg path {
|
|
885
885
|
fill: var(--neutral-label-tertiary) !important;
|
|
886
886
|
}
|
|
887
|
-
.
|
|
887
|
+
._static_87p7r_80 {
|
|
888
888
|
background: var(--neutral-container-static-lowest);
|
|
889
889
|
}
|
|
890
|
-
.
|
|
890
|
+
._static_87p7r_80:not(:disabled):hover {
|
|
891
891
|
background: var(--neutral-container-static-lowest-hover);
|
|
892
892
|
}
|
|
893
|
-
.
|
|
894
|
-
background: var(--neutral-fill-mid);
|
|
893
|
+
._static_87p7r_80:disabled {
|
|
894
|
+
background: var(--neutral-fill-overlay-mid);
|
|
895
895
|
}
|
|
896
|
-
.
|
|
896
|
+
._static_87p7r_80:disabled svg path {
|
|
897
897
|
fill: var(--neutral-label-tertiary) !important;
|
|
898
898
|
}
|
|
899
|
-
.
|
|
899
|
+
._inverse_87p7r_93 {
|
|
900
900
|
background: var(--brand-container-mid);
|
|
901
901
|
}
|
|
902
|
-
.
|
|
902
|
+
._inverse_87p7r_93:not(:disabled):hover {
|
|
903
903
|
background: var(--brand-container-mid-hover);
|
|
904
904
|
}
|
|
905
|
-
.
|
|
906
|
-
background: var(--neutral-fill-mid);
|
|
905
|
+
._inverse_87p7r_93:disabled {
|
|
906
|
+
background: var(--neutral-fill-overlay-mid);
|
|
907
907
|
}
|
|
908
|
-
.
|
|
908
|
+
._inverse_87p7r_93:disabled svg path {
|
|
909
909
|
fill: var(--neutral-label-tertiary) !important;
|
|
910
910
|
}
|
|
911
|
-
._inverse-
|
|
911
|
+
._inverse-static_87p7r_106 {
|
|
912
912
|
background: var(--inverse-container-static-high);
|
|
913
913
|
}
|
|
914
|
-
._inverse-
|
|
914
|
+
._inverse-static_87p7r_106:not(:disabled):hover {
|
|
915
915
|
background: var(--inverse-container-static-high-hover);
|
|
916
916
|
}
|
|
917
|
-
._inverse-
|
|
918
|
-
background: var(--neutral-fill-mid);
|
|
917
|
+
._inverse-static_87p7r_106:disabled {
|
|
918
|
+
background: var(--neutral-fill-overlay-mid);
|
|
919
919
|
}
|
|
920
|
-
._inverse-
|
|
920
|
+
._inverse-static_87p7r_106:disabled svg path {
|
|
921
921
|
fill: var(--neutral-label-tertiary) !important;
|
|
922
922
|
}
|
|
923
|
-
.
|
|
923
|
+
._ghost_87p7r_119._primary_87p7r_14 {
|
|
924
924
|
background: none;
|
|
925
925
|
}
|
|
926
|
-
.
|
|
927
|
-
background: var(--neutral-fill-lowest-hover);
|
|
926
|
+
._ghost_87p7r_119._primary_87p7r_14:not(:disabled):hover {
|
|
927
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
928
928
|
}
|
|
929
|
-
.
|
|
929
|
+
._ghost_87p7r_119._primary_87p7r_14:disabled svg path {
|
|
930
930
|
fill: var(--neutral-label-quaternary) !important;
|
|
931
931
|
}
|
|
932
|
-
.
|
|
932
|
+
._ghost_87p7r_119._secondary_87p7r_27 {
|
|
933
933
|
background: none;
|
|
934
934
|
}
|
|
935
|
-
.
|
|
936
|
-
background: var(--neutral-fill-lowest-hover);
|
|
935
|
+
._ghost_87p7r_119._secondary_87p7r_27:not(:disabled):hover {
|
|
936
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
937
937
|
}
|
|
938
|
-
.
|
|
938
|
+
._ghost_87p7r_119._secondary_87p7r_27:disabled svg path {
|
|
939
939
|
fill: var(--neutral-label-quaternary) !important;
|
|
940
940
|
}
|
|
941
|
-
.
|
|
941
|
+
._ghost_87p7r_119._tertiary_87p7r_40 {
|
|
942
942
|
background: none;
|
|
943
943
|
}
|
|
944
|
-
.
|
|
945
|
-
background: var(--neutral-fill-lowest-hover);
|
|
944
|
+
._ghost_87p7r_119._tertiary_87p7r_40:not(:disabled):hover {
|
|
945
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
946
946
|
}
|
|
947
|
-
.
|
|
947
|
+
._ghost_87p7r_119._tertiary_87p7r_40:disabled svg path {
|
|
948
948
|
fill: var(--neutral-label-quaternary) !important;
|
|
949
949
|
}
|
|
950
|
-
.
|
|
950
|
+
._ghost_87p7r_119._negative_87p7r_67 {
|
|
951
951
|
background: none;
|
|
952
952
|
}
|
|
953
|
-
.
|
|
954
|
-
background: var(--neutral-fill-lowest-hover);
|
|
953
|
+
._ghost_87p7r_119._negative_87p7r_67:not(:disabled):hover {
|
|
954
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
955
955
|
}
|
|
956
|
-
.
|
|
956
|
+
._ghost_87p7r_119._negative_87p7r_67:disabled svg path {
|
|
957
957
|
fill: var(--neutral-label-quaternary) !important;
|
|
958
958
|
}
|
|
959
|
-
.
|
|
959
|
+
._ghost_87p7r_119._static_87p7r_80 {
|
|
960
960
|
background: none;
|
|
961
961
|
}
|
|
962
|
-
.
|
|
963
|
-
background: var(--neutral-fill-lowest-hover);
|
|
962
|
+
._ghost_87p7r_119._static_87p7r_80:not(:disabled):hover {
|
|
963
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
964
964
|
}
|
|
965
|
-
.
|
|
965
|
+
._ghost_87p7r_119._static_87p7r_80:disabled svg path {
|
|
966
966
|
fill: var(--neutral-label-quaternary) !important;
|
|
967
967
|
}
|
|
968
|
-
.
|
|
968
|
+
._ghost_87p7r_119._inverse_87p7r_93 {
|
|
969
969
|
background: none;
|
|
970
970
|
}
|
|
971
|
-
.
|
|
972
|
-
background: var(--neutral-fill-lowest-hover);
|
|
971
|
+
._ghost_87p7r_119._inverse_87p7r_93:not(:disabled):hover {
|
|
972
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
973
973
|
}
|
|
974
|
-
.
|
|
974
|
+
._ghost_87p7r_119._inverse_87p7r_93:disabled svg path {
|
|
975
975
|
fill: var(--neutral-label-quaternary) !important;
|
|
976
976
|
}
|
|
977
|
-
.
|
|
977
|
+
._ghost_87p7r_119._inverse-static_87p7r_106 {
|
|
978
978
|
background: none;
|
|
979
979
|
}
|
|
980
|
-
.
|
|
980
|
+
._ghost_87p7r_119._inverse-static_87p7r_106:not(:disabled):hover {
|
|
981
981
|
background: var(--inverse-container-lowest-hover);
|
|
982
982
|
}
|
|
983
|
-
.
|
|
983
|
+
._ghost_87p7r_119._inverse-static_87p7r_106:disabled svg path {
|
|
984
984
|
fill: var(--inverse-label-tertiary) !important;
|
|
985
985
|
}
|
|
986
|
-
.
|
|
986
|
+
._l_87p7r_183 {
|
|
987
987
|
width: 44px;
|
|
988
988
|
height: 44px;
|
|
989
989
|
border-radius: var(--lp-sys-radius-m);
|
|
990
990
|
}
|
|
991
|
-
.
|
|
991
|
+
._m_87p7r_189 {
|
|
992
992
|
width: 36px;
|
|
993
993
|
height: 36px;
|
|
994
994
|
border-radius: var(--lp-sys-radius-m);
|
|
995
995
|
}
|
|
996
|
-
.
|
|
996
|
+
._s_87p7r_27 {
|
|
997
997
|
width: 28px;
|
|
998
998
|
height: 28px;
|
|
999
999
|
border-radius: var(--lp-sys-radius-m);
|
|
1000
1000
|
}
|
|
1001
|
-
.
|
|
1001
|
+
._xs_87p7r_201 {
|
|
1002
1002
|
width: 24px;
|
|
1003
1003
|
height: 24px;
|
|
1004
1004
|
border-radius: var(--lp-sys-radius-s);
|
|
1005
1005
|
}
|
|
1006
|
-
.
|
|
1006
|
+
._xs_87p7r_201._ghost_87p7r_119:not(:disabled):hover {
|
|
1007
1007
|
background: inherit !important;
|
|
1008
1008
|
}
|
|
1009
|
-
.
|
|
1009
|
+
._xs_87p7r_201._ghost_87p7r_119:not(:disabled):hover * > path {
|
|
1010
1010
|
opacity: 0.64 !important;
|
|
1011
1011
|
}
|
|
1012
1012
|
|
|
1013
1013
|
/* esbuild-sass-plugin:css-chunk:src/components/CheckBox/style.module.scss */
|
|
1014
|
-
.
|
|
1014
|
+
._checkbox_1jkec_1 {
|
|
1015
1015
|
display: flex;
|
|
1016
1016
|
width: var(--lp-sys-icon-size-xs);
|
|
1017
1017
|
height: var(--lp-sys-icon-size-xs);
|
|
@@ -1025,45 +1025,45 @@
|
|
|
1025
1025
|
border: 1px solid var(--neutral-border-overlay-strong);
|
|
1026
1026
|
cursor: pointer;
|
|
1027
1027
|
}
|
|
1028
|
-
.
|
|
1029
|
-
background: var(--neutral-fill-lowest-hover);
|
|
1028
|
+
._checkbox_1jkec_1:hover:not(:disabled) {
|
|
1029
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1030
1030
|
}
|
|
1031
|
-
.
|
|
1031
|
+
._checkbox_1jkec_1:disabled {
|
|
1032
1032
|
background: var(--neutral-container-highest);
|
|
1033
1033
|
cursor: not-allowed;
|
|
1034
1034
|
border: 1px solid var(--neutral-border-overlay-strong);
|
|
1035
1035
|
}
|
|
1036
|
-
.
|
|
1036
|
+
._checkbox_1jkec_1:disabled > span {
|
|
1037
1037
|
background: none;
|
|
1038
1038
|
}
|
|
1039
|
-
.
|
|
1039
|
+
._checkbox_1jkec_1:disabled > span > svg > path {
|
|
1040
1040
|
fill: var(--neutral-label-tertiary);
|
|
1041
1041
|
}
|
|
1042
|
-
.
|
|
1042
|
+
._checkbox_1jkec_1[aria-checked=true]:not(:disabled) {
|
|
1043
1043
|
border: none;
|
|
1044
1044
|
}
|
|
1045
|
-
.
|
|
1045
|
+
._checkbox_1jkec_1[aria-checked=true]:hover:not(:disabled) > span {
|
|
1046
1046
|
background: var(--inverse-container-static-high-hover);
|
|
1047
1047
|
}
|
|
1048
|
-
.
|
|
1048
|
+
._checkbox_1jkec_1 [aria-checked=true]:disabled > span {
|
|
1049
1049
|
background: none;
|
|
1050
1050
|
}
|
|
1051
|
-
._checkbox-
|
|
1051
|
+
._checkbox-indicator_1jkec_39 {
|
|
1052
1052
|
display: flex;
|
|
1053
1053
|
align-items: center;
|
|
1054
1054
|
justify-content: center;
|
|
1055
1055
|
border-radius: var(--lp-sys-radius-xs);
|
|
1056
1056
|
background: var(--inverse-container-static-high);
|
|
1057
1057
|
}
|
|
1058
|
-
._label-
|
|
1058
|
+
._label-wrapper_1jkec_47 {
|
|
1059
1059
|
display: flex;
|
|
1060
1060
|
flex-direction: column;
|
|
1061
1061
|
gap: var(--lp-sys-gap-positive-200);
|
|
1062
1062
|
}
|
|
1063
|
-
.
|
|
1063
|
+
._description_1jkec_53 {
|
|
1064
1064
|
color: var(--neutral-label-secondary);
|
|
1065
1065
|
}
|
|
1066
|
-
.
|
|
1066
|
+
._description_1jkec_53:has([disabled]) {
|
|
1067
1067
|
color: var(--neutral-label-tertiary);
|
|
1068
1068
|
}
|
|
1069
1069
|
|
|
@@ -1162,67 +1162,67 @@
|
|
|
1162
1162
|
}
|
|
1163
1163
|
|
|
1164
1164
|
/* esbuild-sass-plugin:css-chunk:src/components/Radio/style.module.scss */
|
|
1165
|
-
._radio-
|
|
1165
|
+
._radio-item_7qkje_1 {
|
|
1166
1166
|
display: flex;
|
|
1167
1167
|
align-items: center;
|
|
1168
1168
|
justify-content: center;
|
|
1169
1169
|
flex-shrink: 0;
|
|
1170
1170
|
width: var(--lp-sys-icon-size-xs);
|
|
1171
1171
|
height: var(--lp-sys-icon-size-xs);
|
|
1172
|
-
background: var(--neutral-fill-lowest);
|
|
1172
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
1173
1173
|
border-radius: 100px;
|
|
1174
1174
|
border: 1px solid var(--neutral-label-primary);
|
|
1175
1175
|
transform: translateY(15%);
|
|
1176
1176
|
cursor: pointer;
|
|
1177
1177
|
}
|
|
1178
|
-
._radio-
|
|
1179
|
-
background: var(--neutral-fill-lowest-hover);
|
|
1178
|
+
._radio-item_7qkje_1:hover {
|
|
1179
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1180
1180
|
border: 1px solid var(--neutral-label-secondary);
|
|
1181
1181
|
}
|
|
1182
|
-
._radio-
|
|
1182
|
+
._radio-item_7qkje_1:disabled {
|
|
1183
1183
|
background: var(--neutral-container-mid);
|
|
1184
1184
|
border: 1px solid var(--neutral-label-quaternary);
|
|
1185
1185
|
cursor: not-allowed;
|
|
1186
1186
|
}
|
|
1187
|
-
._radio-
|
|
1187
|
+
._radio-item_7qkje_1[data-state=checked] {
|
|
1188
1188
|
border: 1px solid var(--neutral-label-primary);
|
|
1189
1189
|
}
|
|
1190
|
-
._radio-
|
|
1190
|
+
._radio-item_7qkje_1[data-state=checked] circle {
|
|
1191
1191
|
fill: var(--neutral-label-primary);
|
|
1192
1192
|
}
|
|
1193
|
-
._radio-
|
|
1193
|
+
._radio-item_7qkje_1[data-state=checked]:hover:not(:disabled) {
|
|
1194
1194
|
background: none;
|
|
1195
1195
|
border: 1px solid var(--neutral-label-secondary);
|
|
1196
1196
|
}
|
|
1197
|
-
._radio-
|
|
1197
|
+
._radio-item_7qkje_1[data-state=checked]:hover:not(:disabled) circle {
|
|
1198
1198
|
fill: var(--neutral-label-secondary);
|
|
1199
1199
|
}
|
|
1200
|
-
._radio-
|
|
1201
|
-
background: var(--neutral-fill-mid);
|
|
1200
|
+
._radio-item_7qkje_1[data-state=checked]:disabled {
|
|
1201
|
+
background: var(--neutral-fill-overlay-mid);
|
|
1202
1202
|
border: 1px solid var(--neutral-label-quaternary);
|
|
1203
1203
|
}
|
|
1204
|
-
._radio-
|
|
1204
|
+
._radio-item_7qkje_1[data-state=checked]:disabled circle {
|
|
1205
1205
|
fill: var(--neutral-label-quaternary);
|
|
1206
1206
|
}
|
|
1207
|
-
.
|
|
1207
|
+
._indicator_7qkje_44 {
|
|
1208
1208
|
display: flex;
|
|
1209
1209
|
align-items: center;
|
|
1210
1210
|
justify-content: center;
|
|
1211
1211
|
}
|
|
1212
|
-
._label-
|
|
1212
|
+
._label-wrapper_7qkje_50 {
|
|
1213
1213
|
display: flex;
|
|
1214
1214
|
flex-direction: column;
|
|
1215
1215
|
gap: var(--lp-sys-gap-positive-200);
|
|
1216
1216
|
cursor: pointer;
|
|
1217
1217
|
}
|
|
1218
|
-
._label-
|
|
1218
|
+
._label-wrapper_7qkje_50:has(button[disabled]) {
|
|
1219
1219
|
cursor: not-allowed;
|
|
1220
1220
|
}
|
|
1221
|
-
.
|
|
1221
|
+
._description_7qkje_60 {
|
|
1222
1222
|
color: var(--neutral-label-secondary);
|
|
1223
1223
|
cursor: pointer;
|
|
1224
1224
|
}
|
|
1225
|
-
.
|
|
1225
|
+
._description_7qkje_60:has([disabled]) {
|
|
1226
1226
|
color: var(--neutral-label-tertiary);
|
|
1227
1227
|
cursor: not-allowed;
|
|
1228
1228
|
}
|
|
@@ -1378,40 +1378,40 @@
|
|
|
1378
1378
|
}
|
|
1379
1379
|
|
|
1380
1380
|
/* esbuild-sass-plugin:css-chunk:src/components/Slider/style.module.scss */
|
|
1381
|
-
.
|
|
1381
|
+
._label_xxodx_1 {
|
|
1382
1382
|
color: var(--neutral-label-secondary);
|
|
1383
1383
|
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1384
1384
|
}
|
|
1385
|
-
.
|
|
1385
|
+
._optionText_xxodx_6 {
|
|
1386
1386
|
color: var(--neutral-label-primary);
|
|
1387
1387
|
}
|
|
1388
|
-
._slider-
|
|
1388
|
+
._slider-wrapper_xxodx_10 {
|
|
1389
1389
|
display: flex;
|
|
1390
1390
|
align-items: center;
|
|
1391
1391
|
gap: var(--lp-sys-gap-positive-400);
|
|
1392
1392
|
padding: var(--lp-sys-padding-component-200) 0px;
|
|
1393
1393
|
}
|
|
1394
|
-
._slider-
|
|
1394
|
+
._slider-wrapper_xxodx_10:has([data-disabled]) {
|
|
1395
1395
|
pointer-events: none;
|
|
1396
1396
|
}
|
|
1397
|
-
._slider-
|
|
1397
|
+
._slider-wrapper_xxodx_10:has([data-disabled]) > ._slider-option-wrapper_xxodx_19 > * {
|
|
1398
1398
|
color: var(--neutral-label-tertiary);
|
|
1399
1399
|
}
|
|
1400
|
-
._slider-
|
|
1400
|
+
._slider-wrapper_xxodx_10:has([data-disabled]) > ._slider-option-wrapper_xxodx_19 > * > * {
|
|
1401
1401
|
fill: var(--neutral-label-tertiary);
|
|
1402
1402
|
}
|
|
1403
|
-
._slider-
|
|
1403
|
+
._slider-wrapper_xxodx_10:has([data-disabled]) ._slider-thumb_xxodx_25 {
|
|
1404
1404
|
border: 2px solid var(--neutral-border-overlay-normal);
|
|
1405
1405
|
}
|
|
1406
|
-
._slider-
|
|
1407
|
-
background-color: var(--neutral-fill-high);
|
|
1406
|
+
._slider-wrapper_xxodx_10:has([data-disabled]) ._slider-step_xxodx_28 {
|
|
1407
|
+
background-color: var(--neutral-fill-overlay-high);
|
|
1408
1408
|
}
|
|
1409
|
-
._slider-option-
|
|
1409
|
+
._slider-option-wrapper_xxodx_19 {
|
|
1410
1410
|
display: flex;
|
|
1411
1411
|
align-items: flex-start;
|
|
1412
1412
|
gap: var(--lp-sys-gap-positive-100);
|
|
1413
1413
|
}
|
|
1414
|
-
._slider-
|
|
1414
|
+
._slider-root_xxodx_38 {
|
|
1415
1415
|
position: relative;
|
|
1416
1416
|
display: flex;
|
|
1417
1417
|
align-items: center;
|
|
@@ -1420,7 +1420,7 @@
|
|
|
1420
1420
|
width: 100%;
|
|
1421
1421
|
height: 20px;
|
|
1422
1422
|
}
|
|
1423
|
-
._slider-
|
|
1423
|
+
._slider-track_xxodx_48 {
|
|
1424
1424
|
display: flex;
|
|
1425
1425
|
align-items: center;
|
|
1426
1426
|
justify-content: space-between;
|
|
@@ -1432,13 +1432,13 @@
|
|
|
1432
1432
|
height: 8px;
|
|
1433
1433
|
z-index: 0;
|
|
1434
1434
|
}
|
|
1435
|
-
._slider-
|
|
1435
|
+
._slider-range_xxodx_61 {
|
|
1436
1436
|
position: absolute;
|
|
1437
1437
|
background-color: none;
|
|
1438
1438
|
border-radius: 9999px;
|
|
1439
1439
|
height: 100%;
|
|
1440
1440
|
}
|
|
1441
|
-
._slider-
|
|
1441
|
+
._slider-thumb_xxodx_25 {
|
|
1442
1442
|
box-sizing: border-box;
|
|
1443
1443
|
position: relative;
|
|
1444
1444
|
display: block;
|
|
@@ -1448,14 +1448,14 @@
|
|
|
1448
1448
|
border: 2px solid var(--brand-border-opaque-normal);
|
|
1449
1449
|
border-radius: 20px;
|
|
1450
1450
|
}
|
|
1451
|
-
._slider-
|
|
1452
|
-
background-color: var(--function-
|
|
1451
|
+
._slider-thumb_xxodx_25:hover {
|
|
1452
|
+
background-color: var(--function-fill-selection);
|
|
1453
1453
|
}
|
|
1454
|
-
._slider-
|
|
1454
|
+
._slider-thumb_xxodx_25:focus {
|
|
1455
1455
|
outline: none;
|
|
1456
1456
|
border: 2px solid var(--brand-border-opaque-normal);
|
|
1457
1457
|
}
|
|
1458
|
-
._slider-
|
|
1458
|
+
._slider-step_xxodx_28 {
|
|
1459
1459
|
width: var(--lp-pri-size-4);
|
|
1460
1460
|
height: var(--lp-pri-size-4);
|
|
1461
1461
|
border-radius: 9999px;
|
|
@@ -1464,7 +1464,7 @@
|
|
|
1464
1464
|
}
|
|
1465
1465
|
|
|
1466
1466
|
/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
|
|
1467
|
-
@-webkit-keyframes _slide-
|
|
1467
|
+
@-webkit-keyframes _slide-up_eapxp_1 {
|
|
1468
1468
|
0% {
|
|
1469
1469
|
transform: translateY(3%);
|
|
1470
1470
|
opacity: 0;
|
|
@@ -1474,7 +1474,7 @@
|
|
|
1474
1474
|
opacity: 1;
|
|
1475
1475
|
}
|
|
1476
1476
|
}
|
|
1477
|
-
@keyframes _slide-
|
|
1477
|
+
@keyframes _slide-up_eapxp_1 {
|
|
1478
1478
|
0% {
|
|
1479
1479
|
transform: translateY(3%);
|
|
1480
1480
|
opacity: 0;
|
|
@@ -1484,7 +1484,7 @@
|
|
|
1484
1484
|
opacity: 1;
|
|
1485
1485
|
}
|
|
1486
1486
|
}
|
|
1487
|
-
@-webkit-keyframes _slide-
|
|
1487
|
+
@-webkit-keyframes _slide-down_eapxp_1 {
|
|
1488
1488
|
0% {
|
|
1489
1489
|
transform: translateY(0);
|
|
1490
1490
|
opacity: 1;
|
|
@@ -1494,7 +1494,7 @@
|
|
|
1494
1494
|
opacity: 0;
|
|
1495
1495
|
}
|
|
1496
1496
|
}
|
|
1497
|
-
@keyframes _slide-
|
|
1497
|
+
@keyframes _slide-down_eapxp_1 {
|
|
1498
1498
|
0% {
|
|
1499
1499
|
transform: translateY(0);
|
|
1500
1500
|
opacity: 1;
|
|
@@ -1504,7 +1504,7 @@
|
|
|
1504
1504
|
opacity: 0;
|
|
1505
1505
|
}
|
|
1506
1506
|
}
|
|
1507
|
-
@-webkit-keyframes _slide-in-
|
|
1507
|
+
@-webkit-keyframes _slide-in-right_eapxp_1 {
|
|
1508
1508
|
0% {
|
|
1509
1509
|
opacity: 0;
|
|
1510
1510
|
-webkit-transform: translateX(1000px);
|
|
@@ -1516,7 +1516,7 @@
|
|
|
1516
1516
|
transform: translateX(0);
|
|
1517
1517
|
}
|
|
1518
1518
|
}
|
|
1519
|
-
@keyframes _slide-in-
|
|
1519
|
+
@keyframes _slide-in-right_eapxp_1 {
|
|
1520
1520
|
0% {
|
|
1521
1521
|
opacity: 0;
|
|
1522
1522
|
-webkit-transform: translateX(1000px);
|
|
@@ -1528,7 +1528,7 @@
|
|
|
1528
1528
|
transform: translateX(0);
|
|
1529
1529
|
}
|
|
1530
1530
|
}
|
|
1531
|
-
@-webkit-keyframes _slide-out-
|
|
1531
|
+
@-webkit-keyframes _slide-out-right_eapxp_1 {
|
|
1532
1532
|
0% {
|
|
1533
1533
|
opacity: 1;
|
|
1534
1534
|
-webkit-transform: translateX(0);
|
|
@@ -1540,7 +1540,7 @@
|
|
|
1540
1540
|
transform: translateX(1000px);
|
|
1541
1541
|
}
|
|
1542
1542
|
}
|
|
1543
|
-
@keyframes _slide-out-
|
|
1543
|
+
@keyframes _slide-out-right_eapxp_1 {
|
|
1544
1544
|
0% {
|
|
1545
1545
|
opacity: 1;
|
|
1546
1546
|
-webkit-transform: translateX(0);
|
|
@@ -1552,16 +1552,16 @@
|
|
|
1552
1552
|
transform: translateX(1000px);
|
|
1553
1553
|
}
|
|
1554
1554
|
}
|
|
1555
|
-
._label-
|
|
1555
|
+
._label-container_eapxp_101 {
|
|
1556
1556
|
display: flex;
|
|
1557
1557
|
align-items: center;
|
|
1558
1558
|
gap: var(--lp-sys-gap-positive-150);
|
|
1559
1559
|
}
|
|
1560
|
-
._select-
|
|
1560
|
+
._select-label_eapxp_107 {
|
|
1561
1561
|
white-space: nowrap;
|
|
1562
1562
|
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1563
1563
|
}
|
|
1564
|
-
.
|
|
1564
|
+
._trigger_eapxp_112 {
|
|
1565
1565
|
display: flex;
|
|
1566
1566
|
align-items: center;
|
|
1567
1567
|
gap: var(--lp-sys-gap-positive-200);
|
|
@@ -1569,50 +1569,50 @@
|
|
|
1569
1569
|
height: 52px;
|
|
1570
1570
|
border-radius: var(--lp-sys-radius-s);
|
|
1571
1571
|
border: 1px solid var(--neutral-border-overlay-normal);
|
|
1572
|
-
background: var(--neutral-fill-lowest);
|
|
1572
|
+
background: var(--neutral-fill-overlay-lowest);
|
|
1573
1573
|
outline: none;
|
|
1574
1574
|
width: 100%;
|
|
1575
1575
|
min-width: 0;
|
|
1576
1576
|
}
|
|
1577
|
-
.
|
|
1577
|
+
._trigger_eapxp_112 > span:not([aria-hidden]) {
|
|
1578
1578
|
text-align: left;
|
|
1579
1579
|
width: 100%;
|
|
1580
1580
|
overflow: hidden;
|
|
1581
1581
|
white-space: nowrap;
|
|
1582
1582
|
text-overflow: ellipsis;
|
|
1583
1583
|
}
|
|
1584
|
-
.
|
|
1584
|
+
._trigger_eapxp_112 > span[aria-hidden] {
|
|
1585
1585
|
flex: 0 1 0;
|
|
1586
1586
|
}
|
|
1587
|
-
.
|
|
1587
|
+
._trigger_eapxp_112 > span > svg {
|
|
1588
1588
|
transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
1589
1589
|
}
|
|
1590
|
-
.
|
|
1590
|
+
._trigger_eapxp_112[data-state=open] {
|
|
1591
1591
|
border-color: var(--neutral-border-opaque-strong);
|
|
1592
1592
|
}
|
|
1593
|
-
.
|
|
1593
|
+
._trigger_eapxp_112[data-state=open] > span > svg {
|
|
1594
1594
|
transform: rotate(180deg);
|
|
1595
1595
|
}
|
|
1596
|
-
.
|
|
1596
|
+
._trigger_eapxp_112[data-disabled] {
|
|
1597
1597
|
pointer-events: none;
|
|
1598
1598
|
background: var(--neutral-container-low);
|
|
1599
1599
|
border-color: var(--neutral-border-overlay-normal);
|
|
1600
1600
|
}
|
|
1601
|
-
.
|
|
1601
|
+
._trigger_eapxp_112[data-disabled] > span > p {
|
|
1602
1602
|
color: var(--neutral-label-tertiary);
|
|
1603
1603
|
}
|
|
1604
|
-
.
|
|
1604
|
+
._trigger_eapxp_112[data-disabled] > span > svg > * {
|
|
1605
1605
|
fill: var(--neutral-label-tertiary);
|
|
1606
1606
|
}
|
|
1607
|
-
.
|
|
1607
|
+
._placeholder_eapxp_156 {
|
|
1608
1608
|
width: 100%;
|
|
1609
1609
|
}
|
|
1610
|
-
.
|
|
1610
|
+
._openIcon_eapxp_160 {
|
|
1611
1611
|
display: flex;
|
|
1612
1612
|
align-items: center;
|
|
1613
1613
|
justify-content: center;
|
|
1614
1614
|
}
|
|
1615
|
-
@keyframes _slide-
|
|
1615
|
+
@keyframes _slide-up_eapxp_1 {
|
|
1616
1616
|
0% {
|
|
1617
1617
|
transform: translateY(3%);
|
|
1618
1618
|
opacity: 0;
|
|
@@ -1622,7 +1622,7 @@
|
|
|
1622
1622
|
opacity: 1;
|
|
1623
1623
|
}
|
|
1624
1624
|
}
|
|
1625
|
-
._desktop-
|
|
1625
|
+
._desktop-content_eapxp_176 {
|
|
1626
1626
|
box-sizing: border-box;
|
|
1627
1627
|
transform: translateX(-0.5%);
|
|
1628
1628
|
padding: var(--lp-sys-padding-component-200);
|
|
@@ -1634,45 +1634,45 @@
|
|
|
1634
1634
|
z-index: 10;
|
|
1635
1635
|
box-shadow: var(--lp-sys-shadow-normal);
|
|
1636
1636
|
}
|
|
1637
|
-
._desktop-
|
|
1638
|
-
-webkit-animation: _slide-
|
|
1639
|
-
animation: _slide-
|
|
1637
|
+
._desktop-content_eapxp_176[data-state=open] {
|
|
1638
|
+
-webkit-animation: _slide-up_eapxp_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1639
|
+
animation: _slide-up_eapxp_1 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1640
1640
|
}
|
|
1641
1641
|
@media screen and (max-width: 600px) {
|
|
1642
|
-
._desktop-
|
|
1642
|
+
._desktop-content_eapxp_176._responsive_eapxp_193 {
|
|
1643
1643
|
display: none !important;
|
|
1644
1644
|
}
|
|
1645
1645
|
}
|
|
1646
|
-
.
|
|
1646
|
+
._header_eapxp_198 {
|
|
1647
1647
|
display: flex;
|
|
1648
1648
|
align-items: center;
|
|
1649
1649
|
justify-content: space-between;
|
|
1650
1650
|
gap: var(--lp-sys-gap-positive-200);
|
|
1651
1651
|
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1652
1652
|
}
|
|
1653
|
-
.
|
|
1653
|
+
._scrollAreaRoot_eapxp_206 {
|
|
1654
1654
|
width: 100%;
|
|
1655
1655
|
height: 100%;
|
|
1656
1656
|
}
|
|
1657
|
-
.
|
|
1657
|
+
._scrollAreaViewport_eapxp_211 {
|
|
1658
1658
|
width: 100%;
|
|
1659
1659
|
height: 100%;
|
|
1660
1660
|
max-height: 268px;
|
|
1661
1661
|
padding-bottom: var(--lp-sys-padding-component-150);
|
|
1662
1662
|
}
|
|
1663
|
-
.
|
|
1663
|
+
._scrollAreaScrollbar_eapxp_218 {
|
|
1664
1664
|
width: var(--lp-pri-size-4);
|
|
1665
1665
|
padding: 5px 2px;
|
|
1666
1666
|
}
|
|
1667
|
-
.
|
|
1668
|
-
background: var(--neutral-fill-high);
|
|
1667
|
+
._scrollAreaThumb_eapxp_223 {
|
|
1668
|
+
background: var(--neutral-fill-overlay-high);
|
|
1669
1669
|
border-radius: var(--radius-xxl);
|
|
1670
1670
|
}
|
|
1671
|
-
._desktop-
|
|
1671
|
+
._desktop-label_eapxp_228 {
|
|
1672
1672
|
padding: var(--lp-sys-padding-component-200);
|
|
1673
1673
|
padding-bottom: var(--lp-sys-padding-component-150);
|
|
1674
1674
|
}
|
|
1675
|
-
.
|
|
1675
|
+
._item_eapxp_233 {
|
|
1676
1676
|
display: flex;
|
|
1677
1677
|
align-items: center;
|
|
1678
1678
|
overflow: hidden;
|
|
@@ -1683,48 +1683,48 @@
|
|
|
1683
1683
|
padding: var(--lp-sys-padding-component-200);
|
|
1684
1684
|
cursor: pointer;
|
|
1685
1685
|
}
|
|
1686
|
-
.
|
|
1686
|
+
._item_eapxp_233 > span {
|
|
1687
1687
|
cursor: pointer;
|
|
1688
1688
|
user-select: none;
|
|
1689
1689
|
}
|
|
1690
|
-
.
|
|
1691
|
-
background: var(--neutral-fill-lowest-hover);
|
|
1690
|
+
._item_eapxp_233:focus {
|
|
1691
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1692
1692
|
outline: none;
|
|
1693
1693
|
}
|
|
1694
|
-
.
|
|
1694
|
+
._item_eapxp_233[data-state=checked] > span > p {
|
|
1695
1695
|
color: var(--brand-label-primary);
|
|
1696
1696
|
font-weight: var(--lp-pri-font-weight-700);
|
|
1697
1697
|
}
|
|
1698
|
-
.
|
|
1698
|
+
._item_eapxp_233[data-disabled] {
|
|
1699
1699
|
pointer-events: none !important;
|
|
1700
1700
|
}
|
|
1701
|
-
.
|
|
1701
|
+
._item_eapxp_233 > span:nth-child(1) {
|
|
1702
1702
|
overflow: hidden;
|
|
1703
1703
|
white-space: nowrap;
|
|
1704
1704
|
text-overflow: ellipsis;
|
|
1705
1705
|
width: 100%;
|
|
1706
1706
|
}
|
|
1707
|
-
.
|
|
1707
|
+
._icon_eapxp_266 {
|
|
1708
1708
|
display: flex;
|
|
1709
1709
|
align-items: center;
|
|
1710
1710
|
justify-content: center;
|
|
1711
1711
|
}
|
|
1712
|
-
.
|
|
1712
|
+
._itemIndicator_eapxp_272 {
|
|
1713
1713
|
display: flex;
|
|
1714
1714
|
align-items: center;
|
|
1715
1715
|
justify-content: center;
|
|
1716
1716
|
}
|
|
1717
|
-
.
|
|
1717
|
+
._badgeContainer_eapxp_278 {
|
|
1718
1718
|
display: flex;
|
|
1719
1719
|
align-items: center;
|
|
1720
1720
|
justify-content: center;
|
|
1721
|
-
background: var(--neutral-fill-mid);
|
|
1721
|
+
background: var(--neutral-fill-overlay-mid);
|
|
1722
1722
|
width: 31px;
|
|
1723
1723
|
height: 18px;
|
|
1724
1724
|
border-radius: var(--lp-sys-radius-xs);
|
|
1725
1725
|
margin-bottom: 12px;
|
|
1726
1726
|
}
|
|
1727
|
-
.
|
|
1727
|
+
._badge_eapxp_278 {
|
|
1728
1728
|
top: 0;
|
|
1729
1729
|
width: fit-content;
|
|
1730
1730
|
height: fit-content;
|
|
@@ -1740,7 +1740,7 @@
|
|
|
1740
1740
|
padding: 1px var(--lp-sys-padding-component-150);
|
|
1741
1741
|
border-radius: var(--lp-sys-radius-xs);
|
|
1742
1742
|
}
|
|
1743
|
-
.
|
|
1743
|
+
._badge_eapxp_278 > p {
|
|
1744
1744
|
color:
|
|
1745
1745
|
linear-gradient(
|
|
1746
1746
|
114deg,
|
|
@@ -1750,13 +1750,13 @@
|
|
|
1750
1750
|
}
|
|
1751
1751
|
|
|
1752
1752
|
/* esbuild-sass-plugin:css-chunk:src/components/List/style.module.scss */
|
|
1753
|
-
.
|
|
1753
|
+
._list_1wgbh_1 {
|
|
1754
1754
|
overflow: auto;
|
|
1755
1755
|
}
|
|
1756
|
-
.
|
|
1756
|
+
._list_1wgbh_1::-webkit-scrollbar {
|
|
1757
1757
|
display: none;
|
|
1758
1758
|
}
|
|
1759
|
-
.
|
|
1759
|
+
._item_1wgbh_8 {
|
|
1760
1760
|
display: flex;
|
|
1761
1761
|
align-items: center;
|
|
1762
1762
|
justify-content: space-between;
|
|
@@ -1769,27 +1769,27 @@
|
|
|
1769
1769
|
width: 100%;
|
|
1770
1770
|
background: var(--neutral-container-lowest);
|
|
1771
1771
|
}
|
|
1772
|
-
.
|
|
1773
|
-
background: var(--neutral-fill-lowest-hover);
|
|
1772
|
+
._item_1wgbh_8:hover {
|
|
1773
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1774
1774
|
}
|
|
1775
|
-
.
|
|
1776
|
-
background: var(--neutral-fill-lowest-hover);
|
|
1775
|
+
._item_1wgbh_8[data-highlighted] {
|
|
1776
|
+
background: var(--neutral-fill-overlay-lowest-hover);
|
|
1777
1777
|
outline: none;
|
|
1778
1778
|
}
|
|
1779
|
-
.
|
|
1779
|
+
._item_1wgbh_8[data-state=checked] > p {
|
|
1780
1780
|
color: var(--brand-label-primary);
|
|
1781
1781
|
font-weight: var(--lp-pri-font-weight-700);
|
|
1782
1782
|
}
|
|
1783
|
-
.
|
|
1783
|
+
._item_1wgbh_8[data-disabled] {
|
|
1784
1784
|
pointer-events: none;
|
|
1785
1785
|
}
|
|
1786
|
-
.
|
|
1786
|
+
._item_1wgbh_8 > p {
|
|
1787
1787
|
overflow: hidden;
|
|
1788
1788
|
white-space: nowrap;
|
|
1789
1789
|
text-overflow: ellipsis;
|
|
1790
1790
|
width: 100%;
|
|
1791
1791
|
}
|
|
1792
|
-
.
|
|
1792
|
+
._icon_1wgbh_42 {
|
|
1793
1793
|
margin-left: var(--lp-sys-padding-component-150);
|
|
1794
1794
|
}
|
|
1795
1795
|
|