@liner-fe/prism 2.3.0 → 2.3.1

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.
Files changed (6) hide show
  1. package/lib/index.css +127 -116
  2. package/lib/index.css.map +1 -1
  3. package/lib/index.d.ts +2 -2
  4. package/lib/index.js +45 -38
  5. package/lib/index.js.map +1 -1
  6. 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
- ._button_15azl_1 {
2
+ ._button_jvjxt_1 {
3
3
  position: relative;
4
4
  display: flex;
5
5
  align-items: center;
@@ -14,178 +14,189 @@
14
14
  overflow: hidden;
15
15
  cursor: pointer;
16
16
  }
17
- ._button_15azl_1:disabled {
17
+ ._button_jvjxt_1:disabled {
18
18
  background: var(--neutral-fill-mid);
19
19
  color: var(--neutral-label-tertiary);
20
20
  cursor: not-allowed;
21
21
  }
22
- ._button_15azl_1:disabled span svg path:not([fill=white]) {
22
+ ._button_jvjxt_1:disabled span svg path:not([fill=white]) {
23
23
  fill: var(--neutral-label-tertiary) !important;
24
24
  }
25
- ._button_15azl_1:disabled span svg path[fill=white] {
25
+ ._button_jvjxt_1:disabled span svg path[fill=white] {
26
26
  fill: var(--inverse-label-primary) !important;
27
27
  }
28
- ._default_15azl_28 {
28
+ ._default_jvjxt_28 {
29
29
  color: var(--inverse-label-primary);
30
30
  background: var(--lp-pri-achromatic-white);
31
31
  }
32
- ._default_15azl_28 svg path {
32
+ ._default_jvjxt_28 svg path {
33
33
  fill: var(--inverse-label-primary);
34
34
  }
35
- ._primary_15azl_36 {
35
+ ._primary_jvjxt_36 {
36
36
  color: var(--inverse-label-static-primary);
37
37
  background: var(--brand-container-mid);
38
38
  }
39
- ._primary_15azl_36:not(:disabled):hover {
39
+ ._primary_jvjxt_36:not(:disabled):hover {
40
40
  background: var(--brand-container-mid-hover);
41
41
  }
42
- ._secondary_15azl_44 {
43
- color: var(--inverse-label-primary);
44
- background: var(--inverse-container-high);
42
+ ._secondary_jvjxt_44 {
43
+ color: var(--inverse-label-static-primary);
44
+ background: var(--brand-container-mid);
45
45
  }
46
- ._secondary_15azl_44:not(:disabled):hover {
47
- background: var(--inverse-container-high-hover);
46
+ ._secondary_jvjxt_44:not(:disabled):hover {
47
+ background: var(--brand-container-mid-hover);
48
48
  }
49
- ._tertiary_15azl_52 {
49
+ ._tertiary_jvjxt_52 {
50
50
  color: var(--neutral-label-primary);
51
51
  background: var(--neutral-fill-mid);
52
52
  }
53
- ._tertiary_15azl_52:not(:disabled):hover {
53
+ ._tertiary_jvjxt_52:not(:disabled):hover {
54
54
  background: var(--neutral-fill-mid-hover);
55
55
  }
56
- ._quaternary_15azl_60 {
56
+ ._quaternary_jvjxt_60 {
57
57
  color: var(--neutral-label-primary);
58
58
  border: 1px solid var(--neutral-border-overlay-normal);
59
59
  background: var(--neutral-fill-lowest);
60
60
  }
61
- ._quaternary_15azl_60:not(:disabled):hover {
61
+ ._quaternary_jvjxt_60:not(:disabled):hover {
62
62
  background: var(--neutral-fill-lowest-hover);
63
63
  }
64
- ._quaternary_15azl_60:disabled {
64
+ ._quaternary_jvjxt_60:disabled {
65
65
  background: var(--neutral-fill-lowest);
66
66
  color: var(--neutral-label-tertiary);
67
67
  opacity: 0.4;
68
68
  }
69
- ._quaternary_15azl_60:disabled svg path {
69
+ ._quaternary_jvjxt_60:disabled svg path {
70
+ fill: var(--neutral-label-tertiary) !important;
71
+ }
72
+ ._quinary_jvjxt_77 {
73
+ color: var(--neutral-label-primary);
74
+ background: var(--neutral-container-lowest);
75
+ }
76
+ ._quinary_jvjxt_77:disabled {
77
+ background: var(--neutral-fill-mid);
78
+ color: var(--neutral-label-tertiary);
79
+ }
80
+ ._quinary_jvjxt_77:disabled svg path {
70
81
  fill: var(--neutral-label-tertiary) !important;
71
82
  }
72
- ._negative_15azl_77 {
83
+ ._negative_jvjxt_89 {
73
84
  color: var(--inverse-label-static-primary);
74
85
  background: var(--function-container-negative);
75
86
  }
76
- ._negative_15azl_77:not(:disabled):hover {
87
+ ._negative_jvjxt_89:not(:disabled):hover {
77
88
  background: var(--function-container-negative-hover);
78
89
  }
79
- ._static_15azl_85 {
90
+ ._static_jvjxt_97 {
80
91
  background: var(--neutral-container-static-lowest);
81
92
  color: var(--neutral-label-static-primary);
82
93
  }
83
- ._static_15azl_85:not(:disabled):hover {
94
+ ._static_jvjxt_97:not(:disabled):hover {
84
95
  background: var(--neutral-container-static-lowest-hover);
85
96
  }
86
- ._inverse-static_15azl_93 {
97
+ ._inverse-static_jvjxt_105 {
87
98
  background: var(--inverse-container-static-high);
88
99
  color: var(--inverse-label-static-primary);
89
100
  }
90
- ._inverse-static_15azl_93:not(:disabled):hover {
101
+ ._inverse-static_jvjxt_105:not(:disabled):hover {
91
102
  background: var(--inverse-container-static-high-hover);
92
103
  }
93
- ._ghost_15azl_101._primary_15azl_36 {
104
+ ._ghost_jvjxt_113._primary_jvjxt_36 {
94
105
  background: var(--inverse-fill-lowest);
95
106
  color: var(--neutral-label-primary);
96
107
  }
97
- ._ghost_15azl_101._primary_15azl_36:not(:disabled):hover {
108
+ ._ghost_jvjxt_113._primary_jvjxt_36:not(:disabled):hover {
98
109
  background: var(--neutral-fill-lowest-hover);
99
110
  }
100
- ._ghost_15azl_101._primary_15azl_36:disabled {
111
+ ._ghost_jvjxt_113._primary_jvjxt_36:disabled {
101
112
  background: var(--neutral-fill-lowest);
102
113
  color: var(--neutral-label-tertiary);
103
114
  }
104
- ._ghost_15azl_101._primary_15azl_36:disabled span svg path:not([fill=white]) {
115
+ ._ghost_jvjxt_113._primary_jvjxt_36:disabled span svg path:not([fill=white]) {
105
116
  fill: var(--neutral-label-tertiary);
106
117
  }
107
- ._ghost_15azl_101._primary_15azl_36:disabled span svg path[fill=white] {
118
+ ._ghost_jvjxt_113._primary_jvjxt_36:disabled span svg path[fill=white] {
108
119
  fill: var(--inverse-label-primary);
109
120
  }
110
- ._ghost_15azl_101._secondary_15azl_44 {
111
- background: var(--neutral-fill-lowest);
112
- color: var(--neutral-label-secondary);
121
+ ._ghost_jvjxt_113._secondary_jvjxt_44 {
122
+ background: var(--inverse-fill-lowest);
123
+ color: var(--neutral-label-primary);
113
124
  }
114
- ._ghost_15azl_101._secondary_15azl_44:not(:disabled):hover {
125
+ ._ghost_jvjxt_113._secondary_jvjxt_44:not(:disabled):hover {
115
126
  background: var(--neutral-fill-lowest-hover);
116
127
  }
117
- ._ghost_15azl_101._secondary_15azl_44:disabled {
128
+ ._ghost_jvjxt_113._secondary_jvjxt_44:disabled {
118
129
  background: var(--neutral-fill-lowest);
119
130
  color: var(--neutral-label-tertiary);
120
131
  }
121
- ._ghost_15azl_101._secondary_15azl_44:disabled span svg path:not([fill=white]) {
132
+ ._ghost_jvjxt_113._secondary_jvjxt_44:disabled span svg path:not([fill=white]) {
122
133
  fill: var(--neutral-label-tertiary);
123
134
  }
124
- ._ghost_15azl_101._secondary_15azl_44:disabled span svg path[fill=white] {
135
+ ._ghost_jvjxt_113._secondary_jvjxt_44:disabled span svg path[fill=white] {
125
136
  fill: var(--inverse-label-primary);
126
137
  }
127
- ._cta_15azl_136 {
138
+ ._cta_jvjxt_148 {
128
139
  border-radius: var(--lp-sys-radius-m);
129
140
  width: fit-content;
130
141
  height: 52px;
131
142
  gap: 8px;
132
143
  min-width: 52px;
133
144
  }
134
- ._l_15azl_144 {
145
+ ._l_jvjxt_156 {
135
146
  border-radius: var(--lp-sys-radius-s);
136
147
  width: fit-content;
137
148
  height: 44px;
138
149
  min-width: 44px;
139
150
  }
140
- ._m_15azl_151 {
151
+ ._m_jvjxt_163 {
141
152
  border-radius: var(--lp-sys-radius-s);
142
153
  width: fit-content;
143
154
  height: 36px;
144
155
  min-width: 36px;
145
156
  }
146
- ._s_15azl_44 {
157
+ ._s_jvjxt_44 {
147
158
  border-radius: var(--lp-sys-radius-s);
148
159
  width: fit-content;
149
160
  height: 28px;
150
161
  min-width: 28px;
151
162
  }
152
- ._align-center_15azl_165 > span {
163
+ ._align-center_jvjxt_177 > span {
153
164
  width: 100%;
154
165
  justify-content: center;
155
166
  }
156
- ._align-space-between_15azl_170 > span {
167
+ ._align-space-between_jvjxt_182 > span {
157
168
  width: 100%;
158
169
  justify-content: space-between;
159
170
  }
160
- ._content_15azl_175 {
171
+ ._content_jvjxt_187 {
161
172
  flex-shrink: 0;
162
173
  line-height: 0;
163
174
  padding: 0px var(--lp-sys-padding-component-100);
164
175
  }
165
- ._full_15azl_181 {
176
+ ._full_jvjxt_193 {
166
177
  width: 100%;
167
178
  }
168
- ._fit-content_15azl_185 {
179
+ ._fit-content_jvjxt_197 {
169
180
  width: fit-content;
170
181
  }
171
- ._children_15azl_189 {
182
+ ._children_jvjxt_201 {
172
183
  display: flex;
173
184
  align-items: center;
174
185
  justify-content: center;
175
186
  }
176
- ._cta-children_15azl_195 {
187
+ ._cta-children_jvjxt_207 {
177
188
  padding: 0 var(--lp-sys-gap-positive-300);
178
189
  gap: var(--lp-sys-gap-positive-100);
179
190
  }
180
- ._l-children_15azl_200 {
191
+ ._l-children_jvjxt_212 {
181
192
  padding: 0 var(--lp-sys-gap-positive-200);
182
193
  gap: var(--lp-sys-gap-positive-50);
183
194
  }
184
- ._m-children_15azl_205 {
195
+ ._m-children_jvjxt_217 {
185
196
  padding: 0 var(--lp-sys-gap-positive-150);
186
197
  gap: var(--lp-sys-gap-positive-50);
187
198
  }
188
- ._s-children_15azl_210 {
199
+ ._s-children_jvjxt_222 {
189
200
  padding: 0 var(--lp-sys-gap-positive-150);
190
201
  gap: var(--lp-sys-gap-positive-50);
191
202
  }
@@ -800,7 +811,7 @@
800
811
  }
801
812
 
802
813
  /* esbuild-sass-plugin:css-chunk:src/components/IconButton/style.module.scss */
803
- ._iconButton_6ezo4_1 {
814
+ ._iconButton_xpxx8_1 {
804
815
  display: flex;
805
816
  justify-content: center;
806
817
  align-items: center;
@@ -809,185 +820,185 @@
809
820
  border-radius: var(--lp-sys-radius-m);
810
821
  cursor: pointer;
811
822
  }
812
- ._iconButton_6ezo4_1:disabled {
823
+ ._iconButton_xpxx8_1:disabled {
813
824
  cursor: not-allowed;
814
825
  }
815
- ._primary_6ezo4_14 {
826
+ ._primary_xpxx8_14 {
816
827
  background: var(--brand-container-mid);
817
828
  }
818
- ._primary_6ezo4_14:not(:disabled):hover {
829
+ ._primary_xpxx8_14:not(:disabled):hover {
819
830
  background: var(--brand-container-mid-hover);
820
831
  }
821
- ._primary_6ezo4_14:disabled {
832
+ ._primary_xpxx8_14:disabled {
822
833
  background: var(--neutral-fill-mid);
823
834
  }
824
- ._primary_6ezo4_14:disabled svg path {
835
+ ._primary_xpxx8_14:disabled svg path {
825
836
  fill: var(--neutral-label-tertiary) !important;
826
837
  }
827
- ._secondary_6ezo4_27 {
828
- background: var(--inverse-container-high);
838
+ ._secondary_xpxx8_27 {
839
+ background: var(--brand-container-mid);
829
840
  }
830
- ._secondary_6ezo4_27:not(:disabled):hover {
831
- background: var(--inverse-container-high-hover);
841
+ ._secondary_xpxx8_27:not(:disabled):hover {
842
+ background: var(--brand-container-mid-hover);
832
843
  }
833
- ._secondary_6ezo4_27:disabled {
844
+ ._secondary_xpxx8_27:disabled {
834
845
  background: var(--neutral-fill-mid);
835
846
  }
836
- ._secondary_6ezo4_27:disabled svg path {
847
+ ._secondary_xpxx8_27:disabled svg path {
837
848
  fill: var(--neutral-label-tertiary) !important;
838
849
  }
839
- ._tertiary_6ezo4_40 {
850
+ ._tertiary_xpxx8_40 {
840
851
  background: var(--neutral-fill-mid);
841
852
  }
842
- ._tertiary_6ezo4_40:not(:disabled):hover {
853
+ ._tertiary_xpxx8_40:not(:disabled):hover {
843
854
  background: var(--neutral-fill-mid-hover);
844
855
  }
845
- ._tertiary_6ezo4_40:disabled {
856
+ ._tertiary_xpxx8_40:disabled {
846
857
  background: var(--neutral-fill-mid);
847
858
  }
848
- ._tertiary_6ezo4_40:disabled svg path {
859
+ ._tertiary_xpxx8_40:disabled svg path {
849
860
  fill: var(--neutral-label-tertiary) !important;
850
861
  }
851
- ._quaternary_6ezo4_53 {
862
+ ._quaternary_xpxx8_53 {
852
863
  background: var(--neutral-fill-lowest);
853
864
  border: 1px solid var(--neutral-border-overlay-normal);
854
865
  }
855
- ._quaternary_6ezo4_53:not(:disabled):hover {
866
+ ._quaternary_xpxx8_53:not(:disabled):hover {
856
867
  background: var(--neutral-fill-lowest-hover);
857
868
  }
858
- ._quaternary_6ezo4_53:disabled {
869
+ ._quaternary_xpxx8_53:disabled {
859
870
  background: var(--neutral-fill-mid);
860
871
  }
861
- ._quaternary_6ezo4_53:disabled svg path {
872
+ ._quaternary_xpxx8_53:disabled svg path {
862
873
  fill: var(--neutral-label-tertiary) !important;
863
874
  }
864
- ._negative_6ezo4_67 {
875
+ ._negative_xpxx8_67 {
865
876
  background: var(--function-container-negative);
866
877
  }
867
- ._negative_6ezo4_67:not(:disabled):hover {
878
+ ._negative_xpxx8_67:not(:disabled):hover {
868
879
  background: var(--function-container-negative-hover);
869
880
  }
870
- ._negative_6ezo4_67:disabled {
881
+ ._negative_xpxx8_67:disabled {
871
882
  background: var(--neutral-fill-mid);
872
883
  }
873
- ._negative_6ezo4_67:disabled svg path {
884
+ ._negative_xpxx8_67:disabled svg path {
874
885
  fill: var(--neutral-label-tertiary) !important;
875
886
  }
876
- ._static_6ezo4_80 {
887
+ ._static_xpxx8_80 {
877
888
  background: var(--neutral-container-static-lowest);
878
889
  }
879
- ._static_6ezo4_80:not(:disabled):hover {
890
+ ._static_xpxx8_80:not(:disabled):hover {
880
891
  background: var(--neutral-container-static-lowest-hover);
881
892
  }
882
- ._static_6ezo4_80:disabled {
893
+ ._static_xpxx8_80:disabled {
883
894
  background: var(--neutral-fill-mid);
884
895
  }
885
- ._static_6ezo4_80:disabled svg path {
896
+ ._static_xpxx8_80:disabled svg path {
886
897
  fill: var(--neutral-label-tertiary) !important;
887
898
  }
888
- ._inverse_6ezo4_93 {
889
- background: var(--inverse-container-high);
899
+ ._inverse_xpxx8_93 {
900
+ background: var(--brand-container-mid);
890
901
  }
891
- ._inverse_6ezo4_93:not(:disabled):hover {
892
- background: var(--inverse-container-high-hover);
902
+ ._inverse_xpxx8_93:not(:disabled):hover {
903
+ background: var(--brand-container-mid-hover);
893
904
  }
894
- ._inverse_6ezo4_93:disabled {
905
+ ._inverse_xpxx8_93:disabled {
895
906
  background: var(--neutral-fill-mid);
896
907
  }
897
- ._inverse_6ezo4_93:disabled svg path {
908
+ ._inverse_xpxx8_93:disabled svg path {
898
909
  fill: var(--neutral-label-tertiary) !important;
899
910
  }
900
- ._inverse-static_6ezo4_106 {
911
+ ._inverse-static_xpxx8_106 {
901
912
  background: var(--inverse-container-static-high);
902
913
  }
903
- ._inverse-static_6ezo4_106:not(:disabled):hover {
914
+ ._inverse-static_xpxx8_106:not(:disabled):hover {
904
915
  background: var(--inverse-container-static-high-hover);
905
916
  }
906
- ._inverse-static_6ezo4_106:disabled {
917
+ ._inverse-static_xpxx8_106:disabled {
907
918
  background: var(--neutral-fill-mid);
908
919
  }
909
- ._inverse-static_6ezo4_106:disabled svg path {
920
+ ._inverse-static_xpxx8_106:disabled svg path {
910
921
  fill: var(--neutral-label-tertiary) !important;
911
922
  }
912
- ._ghost_6ezo4_119._primary_6ezo4_14 {
923
+ ._ghost_xpxx8_119._primary_xpxx8_14 {
913
924
  background: none;
914
925
  }
915
- ._ghost_6ezo4_119._primary_6ezo4_14:not(:disabled):hover {
926
+ ._ghost_xpxx8_119._primary_xpxx8_14:not(:disabled):hover {
916
927
  background: var(--neutral-fill-lowest-hover);
917
928
  }
918
- ._ghost_6ezo4_119._primary_6ezo4_14:disabled svg path {
929
+ ._ghost_xpxx8_119._primary_xpxx8_14:disabled svg path {
919
930
  fill: var(--neutral-label-quaternary) !important;
920
931
  }
921
- ._ghost_6ezo4_119._secondary_6ezo4_27 {
932
+ ._ghost_xpxx8_119._secondary_xpxx8_27 {
922
933
  background: none;
923
934
  }
924
- ._ghost_6ezo4_119._secondary_6ezo4_27:not(:disabled):hover {
935
+ ._ghost_xpxx8_119._secondary_xpxx8_27:not(:disabled):hover {
925
936
  background: var(--neutral-fill-lowest-hover);
926
937
  }
927
- ._ghost_6ezo4_119._secondary_6ezo4_27:disabled svg path {
938
+ ._ghost_xpxx8_119._secondary_xpxx8_27:disabled svg path {
928
939
  fill: var(--neutral-label-quaternary) !important;
929
940
  }
930
- ._ghost_6ezo4_119._tertiary_6ezo4_40 {
941
+ ._ghost_xpxx8_119._tertiary_xpxx8_40 {
931
942
  background: none;
932
943
  }
933
- ._ghost_6ezo4_119._tertiary_6ezo4_40:not(:disabled):hover {
944
+ ._ghost_xpxx8_119._tertiary_xpxx8_40:not(:disabled):hover {
934
945
  background: var(--neutral-fill-lowest-hover);
935
946
  }
936
- ._ghost_6ezo4_119._tertiary_6ezo4_40:disabled svg path {
947
+ ._ghost_xpxx8_119._tertiary_xpxx8_40:disabled svg path {
937
948
  fill: var(--neutral-label-quaternary) !important;
938
949
  }
939
- ._ghost_6ezo4_119._negative_6ezo4_67 {
950
+ ._ghost_xpxx8_119._negative_xpxx8_67 {
940
951
  background: none;
941
952
  }
942
- ._ghost_6ezo4_119._negative_6ezo4_67:not(:disabled):hover {
953
+ ._ghost_xpxx8_119._negative_xpxx8_67:not(:disabled):hover {
943
954
  background: var(--neutral-fill-lowest-hover);
944
955
  }
945
- ._ghost_6ezo4_119._negative_6ezo4_67:disabled svg path {
956
+ ._ghost_xpxx8_119._negative_xpxx8_67:disabled svg path {
946
957
  fill: var(--neutral-label-quaternary) !important;
947
958
  }
948
- ._ghost_6ezo4_119._static_6ezo4_80 {
959
+ ._ghost_xpxx8_119._static_xpxx8_80 {
949
960
  background: none;
950
961
  }
951
- ._ghost_6ezo4_119._static_6ezo4_80:not(:disabled):hover {
962
+ ._ghost_xpxx8_119._static_xpxx8_80:not(:disabled):hover {
952
963
  background: var(--neutral-fill-lowest-hover);
953
964
  }
954
- ._ghost_6ezo4_119._static_6ezo4_80:disabled svg path {
965
+ ._ghost_xpxx8_119._static_xpxx8_80:disabled svg path {
955
966
  fill: var(--neutral-label-quaternary) !important;
956
967
  }
957
- ._ghost_6ezo4_119._inverse_6ezo4_93 {
968
+ ._ghost_xpxx8_119._inverse_xpxx8_93 {
958
969
  background: none;
959
970
  }
960
- ._ghost_6ezo4_119._inverse_6ezo4_93:not(:disabled):hover {
961
- background: var(--inverse-container-lowest-hover);
971
+ ._ghost_xpxx8_119._inverse_xpxx8_93:not(:disabled):hover {
972
+ background: var(--neutral-fill-lowest-hover);
962
973
  }
963
- ._ghost_6ezo4_119._inverse_6ezo4_93:disabled svg path {
964
- fill: var(--inverse-label-tertiary) !important;
974
+ ._ghost_xpxx8_119._inverse_xpxx8_93:disabled svg path {
975
+ fill: var(--neutral-label-quaternary) !important;
965
976
  }
966
- ._ghost_6ezo4_119._inverse-static_6ezo4_106 {
977
+ ._ghost_xpxx8_119._inverse-static_xpxx8_106 {
967
978
  background: none;
968
979
  }
969
- ._ghost_6ezo4_119._inverse-static_6ezo4_106:not(:disabled):hover {
980
+ ._ghost_xpxx8_119._inverse-static_xpxx8_106:not(:disabled):hover {
970
981
  background: var(--inverse-container-lowest-hover);
971
982
  }
972
- ._ghost_6ezo4_119._inverse-static_6ezo4_106:disabled svg path {
983
+ ._ghost_xpxx8_119._inverse-static_xpxx8_106:disabled svg path {
973
984
  fill: var(--inverse-label-tertiary) !important;
974
985
  }
975
- ._l_6ezo4_183 {
986
+ ._l_xpxx8_183 {
976
987
  width: 44px;
977
988
  height: 44px;
978
989
  border-radius: var(--lp-sys-radius-m);
979
990
  }
980
- ._m_6ezo4_189 {
991
+ ._m_xpxx8_189 {
981
992
  width: 36px;
982
993
  height: 36px;
983
994
  border-radius: var(--lp-sys-radius-m);
984
995
  }
985
- ._s_6ezo4_27 {
996
+ ._s_xpxx8_27 {
986
997
  width: 28px;
987
998
  height: 28px;
988
999
  border-radius: var(--lp-sys-radius-m);
989
1000
  }
990
- ._xs_6ezo4_201 {
1001
+ ._xs_xpxx8_201 {
991
1002
  width: 24px;
992
1003
  height: 24px;
993
1004
  border-radius: var(--lp-sys-radius-s);