@preply/ds-web-lib 2.0.0 → 2.0.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 (108) hide show
  1. package/dist/assets/AlertDialog.css +17 -17
  2. package/dist/assets/Avatar.css +79 -79
  3. package/dist/assets/AvatarWithStatus.css +12 -12
  4. package/dist/assets/Badge.css +24 -24
  5. package/dist/assets/Box.css +171 -171
  6. package/dist/assets/Button.css +7 -7
  7. package/dist/assets/ButtonBase.css +245 -245
  8. package/dist/assets/Chips.css +16 -16
  9. package/dist/assets/Dialog.css +91 -91
  10. package/dist/assets/FieldAdditionalText.css +6 -6
  11. package/dist/assets/FieldButton.css +8 -8
  12. package/dist/assets/FieldLabel.css +8 -8
  13. package/dist/assets/FieldLayout.css +29 -29
  14. package/dist/assets/FieldLayoutBase.css +4 -4
  15. package/dist/assets/Heading.css +100 -100
  16. package/dist/assets/Icon.css +14 -14
  17. package/dist/assets/LayoutFlex.css +1 -1
  18. package/dist/assets/LayoutFlexItem.css +14 -14
  19. package/dist/assets/Link.css +32 -32
  20. package/dist/assets/Loader.css +4 -4
  21. package/dist/assets/OnboardingTooltip.css +17 -17
  22. package/dist/assets/OnboardingTour.css +2 -2
  23. package/dist/assets/PreplyLogo.css +9 -9
  24. package/dist/assets/ProgressBar.css +3 -3
  25. package/dist/assets/ProgressSteps.css +7 -7
  26. package/dist/assets/SelectFieldLayout.css +18 -18
  27. package/dist/assets/Spinner.css +26 -26
  28. package/dist/assets/Steps.css +5 -5
  29. package/dist/assets/Text.css +227 -227
  30. package/dist/assets/TextHighlighted.css +14 -14
  31. package/dist/assets/TextInline.css +5 -5
  32. package/dist/assets/Toast.css +12 -12
  33. package/dist/assets/Tooltip.css +14 -14
  34. package/dist/assets/align-self.css +25 -25
  35. package/dist/assets/color.css +39 -39
  36. package/dist/assets/exp-color.css +58 -58
  37. package/dist/assets/index.css +16 -16
  38. package/dist/assets/layout-gap.css +135 -135
  39. package/dist/assets/layout-grid.css +100 -100
  40. package/dist/assets/layout-hide.css +49 -49
  41. package/dist/assets/layout-padding.css +531 -531
  42. package/dist/assets/layout-relative.css +2 -2
  43. package/dist/assets/text-accent.css +18 -18
  44. package/dist/assets/text-centered.css +13 -13
  45. package/dist/assets/text-weight.css +8 -8
  46. package/dist/components/AlertDialog/AlertDialog.js +4 -4
  47. package/dist/components/Avatar/Avatar.js +74 -74
  48. package/dist/components/AvatarWithStatus/AvatarWithStatus.js +10 -10
  49. package/dist/components/Badge/Badge.js +1 -1
  50. package/dist/components/Box/Box.js +150 -150
  51. package/dist/components/Button/Button.js +1 -1
  52. package/dist/components/Chips/Chips.js +4 -4
  53. package/dist/components/Dialog/Dialog.js +35 -35
  54. package/dist/components/FieldAdditionalText/FieldAdditionalText.js +3 -3
  55. package/dist/components/FieldButton/FieldButton.js +1 -1
  56. package/dist/components/FieldLayout/FieldLayout.js +7 -7
  57. package/dist/components/Heading/Heading.js +97 -97
  58. package/dist/components/Icon/Icon.js +10 -10
  59. package/dist/components/LayoutFlex/LayoutFlex.js +3 -3
  60. package/dist/components/LayoutFlexItem/LayoutFlexItem.js +13 -13
  61. package/dist/components/Link/Link.js +18 -18
  62. package/dist/components/Loader/Loader.js +3 -3
  63. package/dist/components/OnboardingTooltip/OnboardingTooltip.js +5 -5
  64. package/dist/components/OnboardingTour/OnboardingTour.js +1 -1
  65. package/dist/components/PreplyLogo/PreplyLogo.js +2 -2
  66. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  67. package/dist/components/ProgressSteps/ProgressSteps.js +2 -2
  68. package/dist/components/Steps/Steps.js +4 -4
  69. package/dist/components/Text/Text.js +224 -224
  70. package/dist/components/TextHighlighted/TextHighlighted.js +11 -11
  71. package/dist/components/TextInline/TextInline.js +2 -2
  72. package/dist/components/Toast/Toast.js +5 -5
  73. package/dist/components/Tooltip/Tooltip.js +2 -2
  74. package/dist/components/private/ButtonBase/ButtonBase.js +173 -173
  75. package/dist/components/private/FieldLabel/FieldLabel.js +5 -5
  76. package/dist/components/private/FieldLayoutBase/FieldLayoutBase.js +1 -1
  77. package/dist/components/private/Input/Checkbox.js +1 -1
  78. package/dist/components/private/Input/InputDate.js +1 -1
  79. package/dist/components/private/Input/InputNumber.js +1 -1
  80. package/dist/components/private/Input/InputPassword.js +1 -1
  81. package/dist/components/private/Input/InputText.js +1 -1
  82. package/dist/components/private/Input/InputTime.js +1 -1
  83. package/dist/components/private/Input/Radio.js +1 -1
  84. package/dist/components/private/Input/Select.js +1 -1
  85. package/dist/components/private/Input/Textarea.js +1 -1
  86. package/dist/components/private/SelectFieldLayout/SelectFieldLayout.js +8 -8
  87. package/dist/components/private/Spinner/Spinner.js +16 -16
  88. package/dist/index.module-DUJul0uw.js +27 -0
  89. package/dist/layout-gap.module-BdXCPCGM.js +139 -0
  90. package/dist/{layout-grid.module-CKp47Yfz.js → layout-grid.module-BIHGcx1g.js} +97 -97
  91. package/dist/layout-hide.module-CKIK6Snf.js +55 -0
  92. package/dist/{layout-relative.module-DIaUqnvq.js → layout-relative.module-BhIMNlTS.js} +2 -2
  93. package/dist/shared-styles/align-self/align-self.js +25 -25
  94. package/dist/shared-styles/color/color.js +38 -38
  95. package/dist/shared-styles/exp-color/exp-color.js +57 -57
  96. package/dist/shared-styles/layout-gap/layout-gap.js +1 -1
  97. package/dist/shared-styles/layout-grid/layout-grid.js +1 -1
  98. package/dist/shared-styles/layout-grid-responsive-columns/layout-grid-responsive-columns.js +1 -1
  99. package/dist/shared-styles/layout-hide/layout-hide.js +1 -1
  100. package/dist/shared-styles/layout-padding/layout-padding.js +529 -529
  101. package/dist/shared-styles/layout-relative/layout-relative.js +1 -1
  102. package/dist/shared-styles/text-accent/text-accent.js +17 -17
  103. package/dist/shared-styles/text-centered/text-centered.js +13 -13
  104. package/dist/shared-styles/text-weight/text-weight.js +7 -7
  105. package/package.json +13 -13
  106. package/dist/index.module-v4nAc-_q.js +0 -27
  107. package/dist/layout-gap.module-BRl-r4iq.js +0 -139
  108. package/dist/layout-hide.module-CxXbAgTg.js +0 -55
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
4
- @-webkit-keyframes _overlayShow_1f6r0_1 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
4
+ @-webkit-keyframes _overlayShow_agxzy_1 {
5
5
  from {
6
6
  opacity: 0;
7
7
  }
@@ -9,7 +9,7 @@
9
9
  opacity: 1;
10
10
  }
11
11
  }
12
- @keyframes _overlayShow_1f6r0_1 {
12
+ @keyframes _overlayShow_agxzy_1 {
13
13
  from {
14
14
  opacity: 0;
15
15
  }
@@ -17,7 +17,7 @@
17
17
  opacity: 1;
18
18
  }
19
19
  }
20
- @-webkit-keyframes _overlayHide_1f6r0_1 {
20
+ @-webkit-keyframes _overlayHide_agxzy_1 {
21
21
  from {
22
22
  opacity: 1;
23
23
  }
@@ -25,7 +25,7 @@
25
25
  opacity: 0;
26
26
  }
27
27
  }
28
- @keyframes _overlayHide_1f6r0_1 {
28
+ @keyframes _overlayHide_agxzy_1 {
29
29
  from {
30
30
  opacity: 1;
31
31
  }
@@ -33,7 +33,7 @@
33
33
  opacity: 0;
34
34
  }
35
35
  }
36
- @-webkit-keyframes _contentShow_1f6r0_1 {
36
+ @-webkit-keyframes _contentShow_agxzy_1 {
37
37
  from {
38
38
  opacity: 0;
39
39
  -webkit-transform: translateY(var(--b53873));
@@ -45,7 +45,7 @@
45
45
  transform: translateY(0);
46
46
  }
47
47
  }
48
- @keyframes _contentShow_1f6r0_1 {
48
+ @keyframes _contentShow_agxzy_1 {
49
49
  from {
50
50
  opacity: 0;
51
51
  -webkit-transform: translateY(var(--b53873));
@@ -57,7 +57,7 @@
57
57
  transform: translateY(0);
58
58
  }
59
59
  }
60
- @-webkit-keyframes _contentHide_1f6r0_1 {
60
+ @-webkit-keyframes _contentHide_agxzy_1 {
61
61
  from {
62
62
  opacity: 1;
63
63
  -webkit-transform: translateY(0);
@@ -69,7 +69,7 @@
69
69
  transform: translateY(var(--b53873));
70
70
  }
71
71
  }
72
- @keyframes _contentHide_1f6r0_1 {
72
+ @keyframes _contentHide_agxzy_1 {
73
73
  from {
74
74
  opacity: 1;
75
75
  -webkit-transform: translateY(0);
@@ -81,7 +81,7 @@
81
81
  transform: translateY(var(--b53873));
82
82
  }
83
83
  }
84
- @-webkit-keyframes _mobileContentShow_1f6r0_1 {
84
+ @-webkit-keyframes _mobileContentShow_agxzy_1 {
85
85
  from {
86
86
  -webkit-transform: translateY(100%);
87
87
  transform: translateY(100%);
@@ -91,7 +91,7 @@
91
91
  transform: translateY(0);
92
92
  }
93
93
  }
94
- @keyframes _mobileContentShow_1f6r0_1 {
94
+ @keyframes _mobileContentShow_agxzy_1 {
95
95
  from {
96
96
  -webkit-transform: translateY(100%);
97
97
  transform: translateY(100%);
@@ -101,7 +101,7 @@
101
101
  transform: translateY(0);
102
102
  }
103
103
  }
104
- @-webkit-keyframes _mobileContentHide_1f6r0_1 {
104
+ @-webkit-keyframes _mobileContentHide_agxzy_1 {
105
105
  from {
106
106
  -webkit-transform: translateY(0);
107
107
  transform: translateY(0);
@@ -111,7 +111,7 @@
111
111
  transform: translateY(100%);
112
112
  }
113
113
  }
114
- @keyframes _mobileContentHide_1f6r0_1 {
114
+ @keyframes _mobileContentHide_agxzy_1 {
115
115
  from {
116
116
  -webkit-transform: translateY(0);
117
117
  transform: translateY(0);
@@ -121,7 +121,7 @@
121
121
  transform: translateY(100%);
122
122
  }
123
123
  }
124
- ._overlay_1f6r0_56 {
124
+ ._overlay_agxzy_56 {
125
125
  background-color: var(--02a0d5);
126
126
  position: fixed;
127
127
  top: 0;
@@ -132,16 +132,16 @@
132
132
  z-index: var(--ds-dialog-overlay-z-index-override, auto);
133
133
  }
134
134
  @media (prefers-reduced-motion: no-preference) {
135
- ._overlay_1f6r0_56[data-state='open'] {
136
- -webkit-animation: _overlayShow_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
137
- animation: _overlayShow_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
135
+ ._overlay_agxzy_56[data-state='open'] {
136
+ -webkit-animation: _overlayShow_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
137
+ animation: _overlayShow_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
138
138
  }
139
- ._overlay_1f6r0_56[data-state='closed'] {
140
- -webkit-animation: _overlayHide_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
141
- animation: _overlayHide_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
139
+ ._overlay_agxzy_56[data-state='closed'] {
140
+ -webkit-animation: _overlayHide_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
141
+ animation: _overlayHide_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
142
142
  }
143
143
  }
144
- ._Dialog_1f6r0_70 {
144
+ ._Dialog_agxzy_70 {
145
145
  -webkit-box-sizing: border-box;
146
146
  box-sizing: border-box;
147
147
  background-color: var(--3546c3);
@@ -160,177 +160,177 @@
160
160
  z-index: var(--ds-dialog-content-z-index-override, auto);
161
161
  }
162
162
  @media (prefers-reduced-motion: no-preference) {
163
- ._Dialog_1f6r0_70[data-state='open'] {
164
- -webkit-animation: _mobileContentShow_1f6r0_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
165
- animation: _mobileContentShow_1f6r0_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
163
+ ._Dialog_agxzy_70[data-state='open'] {
164
+ -webkit-animation: _mobileContentShow_agxzy_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
165
+ animation: _mobileContentShow_agxzy_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
166
166
  }
167
- ._Dialog_1f6r0_70[data-state='closed'] {
168
- -webkit-animation: _mobileContentHide_1f6r0_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
169
- animation: _mobileContentHide_1f6r0_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
167
+ ._Dialog_agxzy_70[data-state='closed'] {
168
+ -webkit-animation: _mobileContentHide_agxzy_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
169
+ animation: _mobileContentHide_agxzy_1 250ms cubic-bezier(0.4, 0, 0.2, 1);
170
170
  }
171
171
  }
172
- ._Dialog--size-xs_1f6r0_90 {
172
+ ._Dialog--size-xs_agxzy_90 {
173
173
  height: 30%;
174
174
  border-top-left-radius: var(--fa4b1a);
175
175
  border-top-right-radius: var(--fa4b1a);
176
176
  }
177
177
  @media (min-width: 400px) {
178
- ._Dialog--narrow-l--size-xs_1f6r0_96 {
178
+ ._Dialog--narrow-l--size-xs_agxzy_96 {
179
179
  height: 30%;
180
180
  border-top-left-radius: var(--fa4b1a);
181
181
  border-top-right-radius: var(--fa4b1a);
182
182
  }
183
183
  }
184
184
  @media (min-width: 700px) {
185
- ._Dialog--medium-s--size-xs_1f6r0_103 {
185
+ ._Dialog--medium-s--size-xs_agxzy_103 {
186
186
  height: 30%;
187
187
  border-top-left-radius: var(--fa4b1a);
188
188
  border-top-right-radius: var(--fa4b1a);
189
189
  }
190
190
  }
191
191
  @media (min-width: 880px) {
192
- ._Dialog--medium-l--size-xs_1f6r0_110 {
192
+ ._Dialog--medium-l--size-xs_agxzy_110 {
193
193
  height: 30%;
194
194
  border-top-left-radius: var(--fa4b1a);
195
195
  border-top-right-radius: var(--fa4b1a);
196
196
  }
197
197
  }
198
198
  @media (min-width: 1200px) {
199
- ._Dialog--wide-s--size-xs_1f6r0_117 {
199
+ ._Dialog--wide-s--size-xs_agxzy_117 {
200
200
  height: 30%;
201
201
  border-top-left-radius: var(--fa4b1a);
202
202
  border-top-right-radius: var(--fa4b1a);
203
203
  }
204
204
  }
205
205
  @media (min-width: 1900px) {
206
- ._Dialog--wide-l--size-xs_1f6r0_124 {
206
+ ._Dialog--wide-l--size-xs_agxzy_124 {
207
207
  height: 30%;
208
208
  border-top-left-radius: var(--fa4b1a);
209
209
  border-top-right-radius: var(--fa4b1a);
210
210
  }
211
211
  }
212
- ._Dialog--size-sm_1f6r0_130 {
212
+ ._Dialog--size-sm_agxzy_130 {
213
213
  height: 60%;
214
214
  border-top-left-radius: var(--fa4b1a);
215
215
  border-top-right-radius: var(--fa4b1a);
216
216
  }
217
217
  @media (min-width: 400px) {
218
- ._Dialog--narrow-l--size-sm_1f6r0_136 {
218
+ ._Dialog--narrow-l--size-sm_agxzy_136 {
219
219
  height: 60%;
220
220
  border-top-left-radius: var(--fa4b1a);
221
221
  border-top-right-radius: var(--fa4b1a);
222
222
  }
223
223
  }
224
224
  @media (min-width: 700px) {
225
- ._Dialog--medium-s--size-sm_1f6r0_143 {
225
+ ._Dialog--medium-s--size-sm_agxzy_143 {
226
226
  height: 60%;
227
227
  border-top-left-radius: var(--fa4b1a);
228
228
  border-top-right-radius: var(--fa4b1a);
229
229
  }
230
230
  }
231
231
  @media (min-width: 880px) {
232
- ._Dialog--medium-l--size-sm_1f6r0_150 {
232
+ ._Dialog--medium-l--size-sm_agxzy_150 {
233
233
  height: 60%;
234
234
  border-top-left-radius: var(--fa4b1a);
235
235
  border-top-right-radius: var(--fa4b1a);
236
236
  }
237
237
  }
238
238
  @media (min-width: 1200px) {
239
- ._Dialog--wide-s--size-sm_1f6r0_157 {
239
+ ._Dialog--wide-s--size-sm_agxzy_157 {
240
240
  height: 60%;
241
241
  border-top-left-radius: var(--fa4b1a);
242
242
  border-top-right-radius: var(--fa4b1a);
243
243
  }
244
244
  }
245
245
  @media (min-width: 1900px) {
246
- ._Dialog--wide-l--size-sm_1f6r0_164 {
246
+ ._Dialog--wide-l--size-sm_agxzy_164 {
247
247
  height: 60%;
248
248
  border-top-left-radius: var(--fa4b1a);
249
249
  border-top-right-radius: var(--fa4b1a);
250
250
  }
251
251
  }
252
- ._Dialog--size-md_1f6r0_170 {
252
+ ._Dialog--size-md_agxzy_170 {
253
253
  height: 90%;
254
254
  border-top-left-radius: var(--fa4b1a);
255
255
  border-top-right-radius: var(--fa4b1a);
256
256
  }
257
257
  @media (min-width: 400px) {
258
- ._Dialog--narrow-l--size-md_1f6r0_176 {
258
+ ._Dialog--narrow-l--size-md_agxzy_176 {
259
259
  height: 90%;
260
260
  border-top-left-radius: var(--fa4b1a);
261
261
  border-top-right-radius: var(--fa4b1a);
262
262
  }
263
263
  }
264
264
  @media (min-width: 700px) {
265
- ._Dialog--medium-s--size-md_1f6r0_183 {
265
+ ._Dialog--medium-s--size-md_agxzy_183 {
266
266
  height: 90%;
267
267
  border-top-left-radius: var(--fa4b1a);
268
268
  border-top-right-radius: var(--fa4b1a);
269
269
  }
270
270
  }
271
271
  @media (min-width: 880px) {
272
- ._Dialog--medium-l--size-md_1f6r0_190 {
272
+ ._Dialog--medium-l--size-md_agxzy_190 {
273
273
  height: 90%;
274
274
  border-top-left-radius: var(--fa4b1a);
275
275
  border-top-right-radius: var(--fa4b1a);
276
276
  }
277
277
  }
278
278
  @media (min-width: 1200px) {
279
- ._Dialog--wide-s--size-md_1f6r0_197 {
279
+ ._Dialog--wide-s--size-md_agxzy_197 {
280
280
  height: 90%;
281
281
  border-top-left-radius: var(--fa4b1a);
282
282
  border-top-right-radius: var(--fa4b1a);
283
283
  }
284
284
  }
285
285
  @media (min-width: 1900px) {
286
- ._Dialog--wide-l--size-md_1f6r0_204 {
286
+ ._Dialog--wide-l--size-md_agxzy_204 {
287
287
  height: 90%;
288
288
  border-top-left-radius: var(--fa4b1a);
289
289
  border-top-right-radius: var(--fa4b1a);
290
290
  }
291
291
  }
292
- ._Dialog--size-lg_1f6r0_210 {
292
+ ._Dialog--size-lg_agxzy_210 {
293
293
  height: 100%;
294
294
  border-top-left-radius: 0;
295
295
  border-top-right-radius: 0;
296
296
  }
297
297
  @media (min-width: 400px) {
298
- ._Dialog--narrow-l--size-lg_1f6r0_216 {
298
+ ._Dialog--narrow-l--size-lg_agxzy_216 {
299
299
  height: 100%;
300
300
  border-top-left-radius: 0;
301
301
  border-top-right-radius: 0;
302
302
  }
303
303
  }
304
304
  @media (min-width: 700px) {
305
- ._Dialog--medium-s--size-lg_1f6r0_223 {
305
+ ._Dialog--medium-s--size-lg_agxzy_223 {
306
306
  height: 100%;
307
307
  border-top-left-radius: 0;
308
308
  border-top-right-radius: 0;
309
309
  }
310
310
  }
311
311
  @media (min-width: 880px) {
312
- ._Dialog--medium-l--size-lg_1f6r0_230 {
312
+ ._Dialog--medium-l--size-lg_agxzy_230 {
313
313
  height: 100%;
314
314
  border-top-left-radius: 0;
315
315
  border-top-right-radius: 0;
316
316
  }
317
317
  }
318
318
  @media (min-width: 1200px) {
319
- ._Dialog--wide-s--size-lg_1f6r0_237 {
319
+ ._Dialog--wide-s--size-lg_agxzy_237 {
320
320
  height: 100%;
321
321
  border-top-left-radius: 0;
322
322
  border-top-right-radius: 0;
323
323
  }
324
324
  }
325
325
  @media (min-width: 1900px) {
326
- ._Dialog--wide-l--size-lg_1f6r0_244 {
326
+ ._Dialog--wide-l--size-lg_agxzy_244 {
327
327
  height: 100%;
328
328
  border-top-left-radius: 0;
329
329
  border-top-right-radius: 0;
330
330
  }
331
331
  }
332
332
  @media (min-width: 880px) {
333
- ._Dialog_1f6r0_70 {
333
+ ._Dialog_agxzy_70 {
334
334
  top: 0;
335
335
  height: -webkit-fit-content;
336
336
  height: -moz-fit-content;
@@ -338,25 +338,25 @@
338
338
  border-radius: var(--fa4b1a);
339
339
  padding: var(--f1b498);
340
340
  }
341
- ._Dialog--size-xs_1f6r0_90 {
341
+ ._Dialog--size-xs_agxzy_90 {
342
342
  width: 440px;
343
343
  height: -webkit-fit-content;
344
344
  height: -moz-fit-content;
345
345
  height: fit-content;
346
346
  }
347
- ._Dialog--size-sm_1f6r0_130 {
347
+ ._Dialog--size-sm_agxzy_130 {
348
348
  width: 520px;
349
349
  height: -webkit-fit-content;
350
350
  height: -moz-fit-content;
351
351
  height: fit-content;
352
352
  }
353
- ._Dialog--size-md_1f6r0_170 {
353
+ ._Dialog--size-md_agxzy_170 {
354
354
  width: 640px;
355
355
  height: -webkit-fit-content;
356
356
  height: -moz-fit-content;
357
357
  height: fit-content;
358
358
  }
359
- ._Dialog--size-lg_1f6r0_210 {
359
+ ._Dialog--size-lg_agxzy_210 {
360
360
  width: 840px;
361
361
  height: -webkit-fit-content;
362
362
  height: -moz-fit-content;
@@ -364,17 +364,17 @@
364
364
  }
365
365
  }
366
366
  @media (min-width: 880px) and (prefers-reduced-motion: no-preference) {
367
- ._Dialog_1f6r0_70[data-state='open'] {
368
- -webkit-animation: _contentShow_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
369
- animation: _contentShow_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
367
+ ._Dialog_agxzy_70[data-state='open'] {
368
+ -webkit-animation: _contentShow_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
369
+ animation: _contentShow_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
370
370
  }
371
- ._Dialog_1f6r0_70[data-state='closed'] {
372
- -webkit-animation: _contentHide_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
373
- animation: _contentHide_1f6r0_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
371
+ ._Dialog_agxzy_70[data-state='closed'] {
372
+ -webkit-animation: _contentHide_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
373
+ animation: _contentHide_agxzy_1 150ms cubic-bezier(0.4, 0, 0.2, 1);
374
374
  }
375
375
  }
376
376
  @media (min-width: 880px) and (min-width: 400px) {
377
- ._Dialog--narrow-l--size-xs_1f6r0_96 {
377
+ ._Dialog--narrow-l--size-xs_agxzy_96 {
378
378
  width: 440px;
379
379
  height: -webkit-fit-content;
380
380
  height: -moz-fit-content;
@@ -382,7 +382,7 @@
382
382
  }
383
383
  }
384
384
  @media (min-width: 880px) and (min-width: 700px) {
385
- ._Dialog--medium-s--size-xs_1f6r0_103 {
385
+ ._Dialog--medium-s--size-xs_agxzy_103 {
386
386
  width: 440px;
387
387
  height: -webkit-fit-content;
388
388
  height: -moz-fit-content;
@@ -390,7 +390,7 @@
390
390
  }
391
391
  }
392
392
  @media (min-width: 880px) and (min-width: 880px) {
393
- ._Dialog--medium-l--size-xs_1f6r0_110 {
393
+ ._Dialog--medium-l--size-xs_agxzy_110 {
394
394
  width: 440px;
395
395
  height: -webkit-fit-content;
396
396
  height: -moz-fit-content;
@@ -398,7 +398,7 @@
398
398
  }
399
399
  }
400
400
  @media (min-width: 880px) and (min-width: 1200px) {
401
- ._Dialog--wide-s--size-xs_1f6r0_117 {
401
+ ._Dialog--wide-s--size-xs_agxzy_117 {
402
402
  width: 440px;
403
403
  height: -webkit-fit-content;
404
404
  height: -moz-fit-content;
@@ -406,7 +406,7 @@
406
406
  }
407
407
  }
408
408
  @media (min-width: 880px) and (min-width: 1900px) {
409
- ._Dialog--wide-l--size-xs_1f6r0_124 {
409
+ ._Dialog--wide-l--size-xs_agxzy_124 {
410
410
  width: 440px;
411
411
  height: -webkit-fit-content;
412
412
  height: -moz-fit-content;
@@ -414,7 +414,7 @@
414
414
  }
415
415
  }
416
416
  @media (min-width: 880px) and (min-width: 400px) {
417
- ._Dialog--narrow-l--size-sm_1f6r0_136 {
417
+ ._Dialog--narrow-l--size-sm_agxzy_136 {
418
418
  width: 520px;
419
419
  height: -webkit-fit-content;
420
420
  height: -moz-fit-content;
@@ -422,7 +422,7 @@
422
422
  }
423
423
  }
424
424
  @media (min-width: 880px) and (min-width: 700px) {
425
- ._Dialog--medium-s--size-sm_1f6r0_143 {
425
+ ._Dialog--medium-s--size-sm_agxzy_143 {
426
426
  width: 520px;
427
427
  height: -webkit-fit-content;
428
428
  height: -moz-fit-content;
@@ -430,7 +430,7 @@
430
430
  }
431
431
  }
432
432
  @media (min-width: 880px) and (min-width: 880px) {
433
- ._Dialog--medium-l--size-sm_1f6r0_150 {
433
+ ._Dialog--medium-l--size-sm_agxzy_150 {
434
434
  width: 520px;
435
435
  height: -webkit-fit-content;
436
436
  height: -moz-fit-content;
@@ -438,7 +438,7 @@
438
438
  }
439
439
  }
440
440
  @media (min-width: 880px) and (min-width: 1200px) {
441
- ._Dialog--wide-s--size-sm_1f6r0_157 {
441
+ ._Dialog--wide-s--size-sm_agxzy_157 {
442
442
  width: 520px;
443
443
  height: -webkit-fit-content;
444
444
  height: -moz-fit-content;
@@ -446,7 +446,7 @@
446
446
  }
447
447
  }
448
448
  @media (min-width: 880px) and (min-width: 1900px) {
449
- ._Dialog--wide-l--size-sm_1f6r0_164 {
449
+ ._Dialog--wide-l--size-sm_agxzy_164 {
450
450
  width: 520px;
451
451
  height: -webkit-fit-content;
452
452
  height: -moz-fit-content;
@@ -454,7 +454,7 @@
454
454
  }
455
455
  }
456
456
  @media (min-width: 880px) and (min-width: 400px) {
457
- ._Dialog--narrow-l--size-md_1f6r0_176 {
457
+ ._Dialog--narrow-l--size-md_agxzy_176 {
458
458
  width: 640px;
459
459
  height: -webkit-fit-content;
460
460
  height: -moz-fit-content;
@@ -462,7 +462,7 @@
462
462
  }
463
463
  }
464
464
  @media (min-width: 880px) and (min-width: 700px) {
465
- ._Dialog--medium-s--size-md_1f6r0_183 {
465
+ ._Dialog--medium-s--size-md_agxzy_183 {
466
466
  width: 640px;
467
467
  height: -webkit-fit-content;
468
468
  height: -moz-fit-content;
@@ -470,7 +470,7 @@
470
470
  }
471
471
  }
472
472
  @media (min-width: 880px) and (min-width: 880px) {
473
- ._Dialog--medium-l--size-md_1f6r0_190 {
473
+ ._Dialog--medium-l--size-md_agxzy_190 {
474
474
  width: 640px;
475
475
  height: -webkit-fit-content;
476
476
  height: -moz-fit-content;
@@ -478,7 +478,7 @@
478
478
  }
479
479
  }
480
480
  @media (min-width: 880px) and (min-width: 1200px) {
481
- ._Dialog--wide-s--size-md_1f6r0_197 {
481
+ ._Dialog--wide-s--size-md_agxzy_197 {
482
482
  width: 640px;
483
483
  height: -webkit-fit-content;
484
484
  height: -moz-fit-content;
@@ -486,7 +486,7 @@
486
486
  }
487
487
  }
488
488
  @media (min-width: 880px) and (min-width: 1900px) {
489
- ._Dialog--wide-l--size-md_1f6r0_204 {
489
+ ._Dialog--wide-l--size-md_agxzy_204 {
490
490
  width: 640px;
491
491
  height: -webkit-fit-content;
492
492
  height: -moz-fit-content;
@@ -494,7 +494,7 @@
494
494
  }
495
495
  }
496
496
  @media (min-width: 880px) and (min-width: 400px) {
497
- ._Dialog--narrow-l--size-lg_1f6r0_216 {
497
+ ._Dialog--narrow-l--size-lg_agxzy_216 {
498
498
  width: 840px;
499
499
  height: -webkit-fit-content;
500
500
  height: -moz-fit-content;
@@ -502,7 +502,7 @@
502
502
  }
503
503
  }
504
504
  @media (min-width: 880px) and (min-width: 700px) {
505
- ._Dialog--medium-s--size-lg_1f6r0_223 {
505
+ ._Dialog--medium-s--size-lg_agxzy_223 {
506
506
  width: 840px;
507
507
  height: -webkit-fit-content;
508
508
  height: -moz-fit-content;
@@ -510,7 +510,7 @@
510
510
  }
511
511
  }
512
512
  @media (min-width: 880px) and (min-width: 880px) {
513
- ._Dialog--medium-l--size-lg_1f6r0_230 {
513
+ ._Dialog--medium-l--size-lg_agxzy_230 {
514
514
  width: 840px;
515
515
  height: -webkit-fit-content;
516
516
  height: -moz-fit-content;
@@ -518,7 +518,7 @@
518
518
  }
519
519
  }
520
520
  @media (min-width: 880px) and (min-width: 1200px) {
521
- ._Dialog--wide-s--size-lg_1f6r0_237 {
521
+ ._Dialog--wide-s--size-lg_agxzy_237 {
522
522
  width: 840px;
523
523
  height: -webkit-fit-content;
524
524
  height: -moz-fit-content;
@@ -526,14 +526,14 @@
526
526
  }
527
527
  }
528
528
  @media (min-width: 880px) and (min-width: 1900px) {
529
- ._Dialog--wide-l--size-lg_1f6r0_244 {
529
+ ._Dialog--wide-l--size-lg_agxzy_244 {
530
530
  width: 840px;
531
531
  height: -webkit-fit-content;
532
532
  height: -moz-fit-content;
533
533
  height: fit-content;
534
534
  }
535
535
  }
536
- ._Dialog_1f6r0_70 ._header_1f6r0_402 {
536
+ ._Dialog_agxzy_70 ._header_agxzy_402 {
537
537
  display: -webkit-box;
538
538
  display: -ms-flexbox;
539
539
  display: flex;
@@ -545,7 +545,7 @@
545
545
  justify-content: space-between;
546
546
  gap: var(--558c4c);
547
547
  }
548
- ._Dialog_1f6r0_70 ._header_1f6r0_402 > hgroup {
548
+ ._Dialog_agxzy_70 ._header_agxzy_402 > hgroup {
549
549
  display: -webkit-box;
550
550
  display: -ms-flexbox;
551
551
  display: flex;
@@ -560,7 +560,7 @@
560
560
  min-width: 0;
561
561
  margin-bottom: var(--558c4c);
562
562
  }
563
- ._Dialog_1f6r0_70 ._header_1f6r0_402 > hgroup[hidden] {
563
+ ._Dialog_agxzy_70 ._header_agxzy_402 > hgroup[hidden] {
564
564
  clip: rect(0 0 0 0);
565
565
  clip-path: inset(50%);
566
566
  height: 1px;
@@ -569,16 +569,16 @@
569
569
  white-space: nowrap;
570
570
  width: 1px;
571
571
  }
572
- ._Dialog_1f6r0_70 ._header_1f6r0_402 > button {
572
+ ._Dialog_agxzy_70 ._header_agxzy_402 > button {
573
573
  margin-left: auto;
574
574
  }
575
- ._Dialog_1f6r0_70 ._description_1f6r0_428 {
575
+ ._Dialog_agxzy_70 ._description_agxzy_428 {
576
576
  font-size: var(--9c8f04);
577
577
  font-weight: var(--1bc44d);
578
578
  line-height: var(--3dd5bc);
579
579
  margin: 0;
580
580
  }
581
- ._Dialog_1f6r0_70 ._actions_1f6r0_434 {
581
+ ._Dialog_agxzy_70 ._actions_agxzy_434 {
582
582
  display: -webkit-box;
583
583
  display: -ms-flexbox;
584
584
  display: flex;
@@ -590,7 +590,7 @@
590
590
  margin-top: var(--558c4c);
591
591
  }
592
592
  @media (min-width: 400px) {
593
- ._Dialog_1f6r0_70 ._actions_1f6r0_434 {
593
+ ._Dialog_agxzy_70 ._actions_agxzy_434 {
594
594
  -webkit-box-orient: horizontal;
595
595
  -webkit-box-direction: normal;
596
596
  -ms-flex-direction: row;
@@ -1,16 +1,16 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Thu May 08 2025 11:14:28 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldAdditionalText_ydqpr_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Fri May 09 2025 08:32:30 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldAdditionalText_68kkl_4 {
5
5
  margin: 0;
6
6
  font-weight: var(--026ea8);
7
7
  font-size: var(--3f1843);
8
8
  line-height: var(--030292);
9
9
  letter-spacing: var(--c142cd);
10
10
  }
11
- ._FieldAdditionalText--variant-normal_ydqpr_11 {
11
+ ._FieldAdditionalText--variant-normal_68kkl_11 {
12
12
  color: var(--3d280d);
13
13
  }
14
- ._FieldAdditionalText--variant-error_ydqpr_14 {
14
+ ._FieldAdditionalText--variant-error_68kkl_14 {
15
15
  color: var(--9167e9);
16
16
  }
@@ -1,7 +1,7 @@
1
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Thu May 08 2025 11:14:30 GMT+0000 (Coordinated Universal Time) */
2
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
3
- /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Thu May 08 2025 11:14:32 GMT+0000 (Coordinated Universal Time) */
4
- ._FieldButton_40zj3_4 {
1
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Fri May 09 2025 08:32:31 GMT+0000 (Coordinated Universal Time) */
2
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
3
+ /* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Fri May 09 2025 08:32:34 GMT+0000 (Coordinated Universal Time) */
4
+ ._FieldButton_1vrjp_4 {
5
5
  display: -webkit-box;
6
6
  display: -ms-flexbox;
7
7
  display: flex;
@@ -26,20 +26,20 @@
26
26
  touch-action: manipulation;
27
27
  }
28
28
  @media (hover: hover) and (pointer: fine) {
29
- ._FieldButton_40zj3_4:hover {
29
+ ._FieldButton_1vrjp_4:hover {
30
30
  background-color: var(--0bbea4);
31
31
  }
32
32
  }
33
- ._FieldButton_40zj3_4:active {
33
+ ._FieldButton_1vrjp_4:active {
34
34
  background-color: var(--33e933);
35
35
  }
36
- ._FieldButton_40zj3_4:focus-visible {
36
+ ._FieldButton_1vrjp_4:focus-visible {
37
37
  outline-style: solid;
38
38
  outline-color: var(--603ec6);
39
39
  outline-width: var(--99d31f);
40
40
  outline-offset: var(--c0b12c);
41
41
  }
42
- ._FieldButton_40zj3_4 svg {
42
+ ._FieldButton_1vrjp_4 svg {
43
43
  width: var(--f02c4e);
44
44
  height: var(--f02c4e);
45
45
  }