@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/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
- ._Box_7bfdg_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
+ ._Box_17zmg_4 {
5
5
  margin: 0;
6
6
  list-style: none;
7
7
  font-weight: inherit;
@@ -16,514 +16,514 @@
16
16
  -ms-flex: 1;
17
17
  flex: 1;
18
18
  }
19
- ._Box--box-radius-none_7bfdg_16 {
19
+ ._Box--box-radius-none_17zmg_16 {
20
20
  border-radius: var(--84e079);
21
21
  }
22
- ._Box--box-radius-m_7bfdg_19 {
22
+ ._Box--box-radius-m_17zmg_19 {
23
23
  border-radius: var(--1c37d5);
24
24
  }
25
- ._Box--box-radius-l_7bfdg_22 {
25
+ ._Box--box-radius-l_17zmg_22 {
26
26
  border-radius: var(--9e57e5);
27
27
  }
28
- ._Box--box-radius-2_7bfdg_25 {
28
+ ._Box--box-radius-2_17zmg_25 {
29
29
  border-radius: var(--9817c7);
30
30
  }
31
- ._Box--box-radius-4_7bfdg_28 {
31
+ ._Box--box-radius-4_17zmg_28 {
32
32
  border-radius: var(--7dcb5e);
33
33
  }
34
- ._Box--box-radius-8_7bfdg_31 {
34
+ ._Box--box-radius-8_17zmg_31 {
35
35
  border-radius: var(--2071ea);
36
36
  }
37
- ._Box--box-radius-0_7bfdg_34 {
37
+ ._Box--box-radius-0_17zmg_34 {
38
38
  border-radius: var(--adc668);
39
39
  }
40
- ._Box--box-radius-2_7bfdg_25 {
40
+ ._Box--box-radius-2_17zmg_25 {
41
41
  border-radius: var(--9817c7);
42
42
  }
43
- ._Box--box-radius-4_7bfdg_28 {
43
+ ._Box--box-radius-4_17zmg_28 {
44
44
  border-radius: var(--7dcb5e);
45
45
  }
46
- ._Box--box-radius-8_7bfdg_31 {
46
+ ._Box--box-radius-8_17zmg_31 {
47
47
  border-radius: var(--2071ea);
48
48
  }
49
- ._Box--box-radius-12_7bfdg_46 {
49
+ ._Box--box-radius-12_17zmg_46 {
50
50
  border-radius: var(--c1925d);
51
51
  }
52
- ._Box--box-radius-16_7bfdg_49 {
52
+ ._Box--box-radius-16_17zmg_49 {
53
53
  border-radius: var(--f3f949);
54
54
  }
55
- ._Box--box-radius-24_7bfdg_52 {
55
+ ._Box--box-radius-24_17zmg_52 {
56
56
  border-radius: var(--67250f);
57
57
  }
58
- ._Box--box-radius-32_7bfdg_55 {
58
+ ._Box--box-radius-32_17zmg_55 {
59
59
  border-radius: var(--fba602);
60
60
  }
61
- ._Box--box-radius-48_7bfdg_58 {
61
+ ._Box--box-radius-48_17zmg_58 {
62
62
  border-radius: var(--f8b939);
63
63
  }
64
- ._Box--box-radius-64_7bfdg_61 {
64
+ ._Box--box-radius-64_17zmg_61 {
65
65
  border-radius: var(--4d9939);
66
66
  }
67
- ._Box--box-radius-96_7bfdg_64 {
67
+ ._Box--box-radius-96_17zmg_64 {
68
68
  border-radius: var(--a78cb4);
69
69
  }
70
- ._Box--box-radius-160_7bfdg_67 {
70
+ ._Box--box-radius-160_17zmg_67 {
71
71
  border-radius: var(--439947);
72
72
  }
73
73
  @media (min-width: 400px) {
74
- ._Box--narrow-l--box-radius-none_7bfdg_71 {
74
+ ._Box--narrow-l--box-radius-none_17zmg_71 {
75
75
  border-radius: var(--84e079);
76
76
  }
77
- ._Box--narrow-l--box-radius-m_7bfdg_74 {
77
+ ._Box--narrow-l--box-radius-m_17zmg_74 {
78
78
  border-radius: var(--1c37d5);
79
79
  }
80
- ._Box--narrow-l--box-radius-l_7bfdg_77 {
80
+ ._Box--narrow-l--box-radius-l_17zmg_77 {
81
81
  border-radius: var(--9e57e5);
82
82
  }
83
- ._Box--narrow-l--box-radius-2_7bfdg_80 {
83
+ ._Box--narrow-l--box-radius-2_17zmg_80 {
84
84
  border-radius: var(--9817c7);
85
85
  }
86
- ._Box--narrow-l--box-radius-4_7bfdg_83 {
86
+ ._Box--narrow-l--box-radius-4_17zmg_83 {
87
87
  border-radius: var(--7dcb5e);
88
88
  }
89
- ._Box--narrow-l--box-radius-8_7bfdg_86 {
89
+ ._Box--narrow-l--box-radius-8_17zmg_86 {
90
90
  border-radius: var(--2071ea);
91
91
  }
92
- ._Box--narrow-l--box-radius-0_7bfdg_89 {
92
+ ._Box--narrow-l--box-radius-0_17zmg_89 {
93
93
  border-radius: var(--adc668);
94
94
  }
95
- ._Box--narrow-l--box-radius-2_7bfdg_80 {
95
+ ._Box--narrow-l--box-radius-2_17zmg_80 {
96
96
  border-radius: var(--9817c7);
97
97
  }
98
- ._Box--narrow-l--box-radius-4_7bfdg_83 {
98
+ ._Box--narrow-l--box-radius-4_17zmg_83 {
99
99
  border-radius: var(--7dcb5e);
100
100
  }
101
- ._Box--narrow-l--box-radius-8_7bfdg_86 {
101
+ ._Box--narrow-l--box-radius-8_17zmg_86 {
102
102
  border-radius: var(--2071ea);
103
103
  }
104
- ._Box--narrow-l--box-radius-12_7bfdg_101 {
104
+ ._Box--narrow-l--box-radius-12_17zmg_101 {
105
105
  border-radius: var(--c1925d);
106
106
  }
107
- ._Box--narrow-l--box-radius-16_7bfdg_104 {
107
+ ._Box--narrow-l--box-radius-16_17zmg_104 {
108
108
  border-radius: var(--f3f949);
109
109
  }
110
- ._Box--narrow-l--box-radius-24_7bfdg_107 {
110
+ ._Box--narrow-l--box-radius-24_17zmg_107 {
111
111
  border-radius: var(--67250f);
112
112
  }
113
- ._Box--narrow-l--box-radius-32_7bfdg_110 {
113
+ ._Box--narrow-l--box-radius-32_17zmg_110 {
114
114
  border-radius: var(--fba602);
115
115
  }
116
- ._Box--narrow-l--box-radius-48_7bfdg_113 {
116
+ ._Box--narrow-l--box-radius-48_17zmg_113 {
117
117
  border-radius: var(--f8b939);
118
118
  }
119
- ._Box--narrow-l--box-radius-64_7bfdg_116 {
119
+ ._Box--narrow-l--box-radius-64_17zmg_116 {
120
120
  border-radius: var(--4d9939);
121
121
  }
122
- ._Box--narrow-l--box-radius-96_7bfdg_119 {
122
+ ._Box--narrow-l--box-radius-96_17zmg_119 {
123
123
  border-radius: var(--a78cb4);
124
124
  }
125
- ._Box--narrow-l--box-radius-160_7bfdg_122 {
125
+ ._Box--narrow-l--box-radius-160_17zmg_122 {
126
126
  border-radius: var(--439947);
127
127
  }
128
128
  }
129
129
  @media (min-width: 700px) {
130
- ._Box--medium-s--box-radius-none_7bfdg_127 {
130
+ ._Box--medium-s--box-radius-none_17zmg_127 {
131
131
  border-radius: var(--84e079);
132
132
  }
133
- ._Box--medium-s--box-radius-m_7bfdg_130 {
133
+ ._Box--medium-s--box-radius-m_17zmg_130 {
134
134
  border-radius: var(--1c37d5);
135
135
  }
136
- ._Box--medium-s--box-radius-l_7bfdg_133 {
136
+ ._Box--medium-s--box-radius-l_17zmg_133 {
137
137
  border-radius: var(--9e57e5);
138
138
  }
139
- ._Box--medium-s--box-radius-2_7bfdg_136 {
139
+ ._Box--medium-s--box-radius-2_17zmg_136 {
140
140
  border-radius: var(--9817c7);
141
141
  }
142
- ._Box--medium-s--box-radius-4_7bfdg_139 {
142
+ ._Box--medium-s--box-radius-4_17zmg_139 {
143
143
  border-radius: var(--7dcb5e);
144
144
  }
145
- ._Box--medium-s--box-radius-8_7bfdg_142 {
145
+ ._Box--medium-s--box-radius-8_17zmg_142 {
146
146
  border-radius: var(--2071ea);
147
147
  }
148
- ._Box--medium-s--box-radius-0_7bfdg_145 {
148
+ ._Box--medium-s--box-radius-0_17zmg_145 {
149
149
  border-radius: var(--adc668);
150
150
  }
151
- ._Box--medium-s--box-radius-2_7bfdg_136 {
151
+ ._Box--medium-s--box-radius-2_17zmg_136 {
152
152
  border-radius: var(--9817c7);
153
153
  }
154
- ._Box--medium-s--box-radius-4_7bfdg_139 {
154
+ ._Box--medium-s--box-radius-4_17zmg_139 {
155
155
  border-radius: var(--7dcb5e);
156
156
  }
157
- ._Box--medium-s--box-radius-8_7bfdg_142 {
157
+ ._Box--medium-s--box-radius-8_17zmg_142 {
158
158
  border-radius: var(--2071ea);
159
159
  }
160
- ._Box--medium-s--box-radius-12_7bfdg_157 {
160
+ ._Box--medium-s--box-radius-12_17zmg_157 {
161
161
  border-radius: var(--c1925d);
162
162
  }
163
- ._Box--medium-s--box-radius-16_7bfdg_160 {
163
+ ._Box--medium-s--box-radius-16_17zmg_160 {
164
164
  border-radius: var(--f3f949);
165
165
  }
166
- ._Box--medium-s--box-radius-24_7bfdg_163 {
166
+ ._Box--medium-s--box-radius-24_17zmg_163 {
167
167
  border-radius: var(--67250f);
168
168
  }
169
- ._Box--medium-s--box-radius-32_7bfdg_166 {
169
+ ._Box--medium-s--box-radius-32_17zmg_166 {
170
170
  border-radius: var(--fba602);
171
171
  }
172
- ._Box--medium-s--box-radius-48_7bfdg_169 {
172
+ ._Box--medium-s--box-radius-48_17zmg_169 {
173
173
  border-radius: var(--f8b939);
174
174
  }
175
- ._Box--medium-s--box-radius-64_7bfdg_172 {
175
+ ._Box--medium-s--box-radius-64_17zmg_172 {
176
176
  border-radius: var(--4d9939);
177
177
  }
178
- ._Box--medium-s--box-radius-96_7bfdg_175 {
178
+ ._Box--medium-s--box-radius-96_17zmg_175 {
179
179
  border-radius: var(--a78cb4);
180
180
  }
181
- ._Box--medium-s--box-radius-160_7bfdg_178 {
181
+ ._Box--medium-s--box-radius-160_17zmg_178 {
182
182
  border-radius: var(--439947);
183
183
  }
184
184
  }
185
185
  @media (min-width: 880px) {
186
- ._Box--medium-l--box-radius-none_7bfdg_183 {
186
+ ._Box--medium-l--box-radius-none_17zmg_183 {
187
187
  border-radius: var(--84e079);
188
188
  }
189
- ._Box--medium-l--box-radius-m_7bfdg_186 {
189
+ ._Box--medium-l--box-radius-m_17zmg_186 {
190
190
  border-radius: var(--1c37d5);
191
191
  }
192
- ._Box--medium-l--box-radius-l_7bfdg_189 {
192
+ ._Box--medium-l--box-radius-l_17zmg_189 {
193
193
  border-radius: var(--9e57e5);
194
194
  }
195
- ._Box--medium-l--box-radius-2_7bfdg_192 {
195
+ ._Box--medium-l--box-radius-2_17zmg_192 {
196
196
  border-radius: var(--9817c7);
197
197
  }
198
- ._Box--medium-l--box-radius-4_7bfdg_195 {
198
+ ._Box--medium-l--box-radius-4_17zmg_195 {
199
199
  border-radius: var(--7dcb5e);
200
200
  }
201
- ._Box--medium-l--box-radius-8_7bfdg_198 {
201
+ ._Box--medium-l--box-radius-8_17zmg_198 {
202
202
  border-radius: var(--2071ea);
203
203
  }
204
- ._Box--medium-l--box-radius-0_7bfdg_201 {
204
+ ._Box--medium-l--box-radius-0_17zmg_201 {
205
205
  border-radius: var(--adc668);
206
206
  }
207
- ._Box--medium-l--box-radius-2_7bfdg_192 {
207
+ ._Box--medium-l--box-radius-2_17zmg_192 {
208
208
  border-radius: var(--9817c7);
209
209
  }
210
- ._Box--medium-l--box-radius-4_7bfdg_195 {
210
+ ._Box--medium-l--box-radius-4_17zmg_195 {
211
211
  border-radius: var(--7dcb5e);
212
212
  }
213
- ._Box--medium-l--box-radius-8_7bfdg_198 {
213
+ ._Box--medium-l--box-radius-8_17zmg_198 {
214
214
  border-radius: var(--2071ea);
215
215
  }
216
- ._Box--medium-l--box-radius-12_7bfdg_213 {
216
+ ._Box--medium-l--box-radius-12_17zmg_213 {
217
217
  border-radius: var(--c1925d);
218
218
  }
219
- ._Box--medium-l--box-radius-16_7bfdg_216 {
219
+ ._Box--medium-l--box-radius-16_17zmg_216 {
220
220
  border-radius: var(--f3f949);
221
221
  }
222
- ._Box--medium-l--box-radius-24_7bfdg_219 {
222
+ ._Box--medium-l--box-radius-24_17zmg_219 {
223
223
  border-radius: var(--67250f);
224
224
  }
225
- ._Box--medium-l--box-radius-32_7bfdg_222 {
225
+ ._Box--medium-l--box-radius-32_17zmg_222 {
226
226
  border-radius: var(--fba602);
227
227
  }
228
- ._Box--medium-l--box-radius-48_7bfdg_225 {
228
+ ._Box--medium-l--box-radius-48_17zmg_225 {
229
229
  border-radius: var(--f8b939);
230
230
  }
231
- ._Box--medium-l--box-radius-64_7bfdg_228 {
231
+ ._Box--medium-l--box-radius-64_17zmg_228 {
232
232
  border-radius: var(--4d9939);
233
233
  }
234
- ._Box--medium-l--box-radius-96_7bfdg_231 {
234
+ ._Box--medium-l--box-radius-96_17zmg_231 {
235
235
  border-radius: var(--a78cb4);
236
236
  }
237
- ._Box--medium-l--box-radius-160_7bfdg_234 {
237
+ ._Box--medium-l--box-radius-160_17zmg_234 {
238
238
  border-radius: var(--439947);
239
239
  }
240
240
  }
241
241
  @media (min-width: 1200px) {
242
- ._Box--wide-s--box-radius-none_7bfdg_239 {
242
+ ._Box--wide-s--box-radius-none_17zmg_239 {
243
243
  border-radius: var(--84e079);
244
244
  }
245
- ._Box--wide-s--box-radius-m_7bfdg_242 {
245
+ ._Box--wide-s--box-radius-m_17zmg_242 {
246
246
  border-radius: var(--1c37d5);
247
247
  }
248
- ._Box--wide-s--box-radius-l_7bfdg_245 {
248
+ ._Box--wide-s--box-radius-l_17zmg_245 {
249
249
  border-radius: var(--9e57e5);
250
250
  }
251
- ._Box--wide-s--box-radius-2_7bfdg_248 {
251
+ ._Box--wide-s--box-radius-2_17zmg_248 {
252
252
  border-radius: var(--9817c7);
253
253
  }
254
- ._Box--wide-s--box-radius-4_7bfdg_251 {
254
+ ._Box--wide-s--box-radius-4_17zmg_251 {
255
255
  border-radius: var(--7dcb5e);
256
256
  }
257
- ._Box--wide-s--box-radius-8_7bfdg_254 {
257
+ ._Box--wide-s--box-radius-8_17zmg_254 {
258
258
  border-radius: var(--2071ea);
259
259
  }
260
- ._Box--wide-s--box-radius-0_7bfdg_257 {
260
+ ._Box--wide-s--box-radius-0_17zmg_257 {
261
261
  border-radius: var(--adc668);
262
262
  }
263
- ._Box--wide-s--box-radius-2_7bfdg_248 {
263
+ ._Box--wide-s--box-radius-2_17zmg_248 {
264
264
  border-radius: var(--9817c7);
265
265
  }
266
- ._Box--wide-s--box-radius-4_7bfdg_251 {
266
+ ._Box--wide-s--box-radius-4_17zmg_251 {
267
267
  border-radius: var(--7dcb5e);
268
268
  }
269
- ._Box--wide-s--box-radius-8_7bfdg_254 {
269
+ ._Box--wide-s--box-radius-8_17zmg_254 {
270
270
  border-radius: var(--2071ea);
271
271
  }
272
- ._Box--wide-s--box-radius-12_7bfdg_269 {
272
+ ._Box--wide-s--box-radius-12_17zmg_269 {
273
273
  border-radius: var(--c1925d);
274
274
  }
275
- ._Box--wide-s--box-radius-16_7bfdg_272 {
275
+ ._Box--wide-s--box-radius-16_17zmg_272 {
276
276
  border-radius: var(--f3f949);
277
277
  }
278
- ._Box--wide-s--box-radius-24_7bfdg_275 {
278
+ ._Box--wide-s--box-radius-24_17zmg_275 {
279
279
  border-radius: var(--67250f);
280
280
  }
281
- ._Box--wide-s--box-radius-32_7bfdg_278 {
281
+ ._Box--wide-s--box-radius-32_17zmg_278 {
282
282
  border-radius: var(--fba602);
283
283
  }
284
- ._Box--wide-s--box-radius-48_7bfdg_281 {
284
+ ._Box--wide-s--box-radius-48_17zmg_281 {
285
285
  border-radius: var(--f8b939);
286
286
  }
287
- ._Box--wide-s--box-radius-64_7bfdg_284 {
287
+ ._Box--wide-s--box-radius-64_17zmg_284 {
288
288
  border-radius: var(--4d9939);
289
289
  }
290
- ._Box--wide-s--box-radius-96_7bfdg_287 {
290
+ ._Box--wide-s--box-radius-96_17zmg_287 {
291
291
  border-radius: var(--a78cb4);
292
292
  }
293
- ._Box--wide-s--box-radius-160_7bfdg_290 {
293
+ ._Box--wide-s--box-radius-160_17zmg_290 {
294
294
  border-radius: var(--439947);
295
295
  }
296
296
  }
297
297
  @media (min-width: 1900px) {
298
- ._Box--wide-l--box-radius-none_7bfdg_295 {
298
+ ._Box--wide-l--box-radius-none_17zmg_295 {
299
299
  border-radius: var(--84e079);
300
300
  }
301
- ._Box--wide-l--box-radius-m_7bfdg_298 {
301
+ ._Box--wide-l--box-radius-m_17zmg_298 {
302
302
  border-radius: var(--1c37d5);
303
303
  }
304
- ._Box--wide-l--box-radius-l_7bfdg_301 {
304
+ ._Box--wide-l--box-radius-l_17zmg_301 {
305
305
  border-radius: var(--9e57e5);
306
306
  }
307
- ._Box--wide-l--box-radius-2_7bfdg_304 {
307
+ ._Box--wide-l--box-radius-2_17zmg_304 {
308
308
  border-radius: var(--9817c7);
309
309
  }
310
- ._Box--wide-l--box-radius-4_7bfdg_307 {
310
+ ._Box--wide-l--box-radius-4_17zmg_307 {
311
311
  border-radius: var(--7dcb5e);
312
312
  }
313
- ._Box--wide-l--box-radius-8_7bfdg_310 {
313
+ ._Box--wide-l--box-radius-8_17zmg_310 {
314
314
  border-radius: var(--2071ea);
315
315
  }
316
- ._Box--wide-l--box-radius-0_7bfdg_313 {
316
+ ._Box--wide-l--box-radius-0_17zmg_313 {
317
317
  border-radius: var(--adc668);
318
318
  }
319
- ._Box--wide-l--box-radius-2_7bfdg_304 {
319
+ ._Box--wide-l--box-radius-2_17zmg_304 {
320
320
  border-radius: var(--9817c7);
321
321
  }
322
- ._Box--wide-l--box-radius-4_7bfdg_307 {
322
+ ._Box--wide-l--box-radius-4_17zmg_307 {
323
323
  border-radius: var(--7dcb5e);
324
324
  }
325
- ._Box--wide-l--box-radius-8_7bfdg_310 {
325
+ ._Box--wide-l--box-radius-8_17zmg_310 {
326
326
  border-radius: var(--2071ea);
327
327
  }
328
- ._Box--wide-l--box-radius-12_7bfdg_325 {
328
+ ._Box--wide-l--box-radius-12_17zmg_325 {
329
329
  border-radius: var(--c1925d);
330
330
  }
331
- ._Box--wide-l--box-radius-16_7bfdg_328 {
331
+ ._Box--wide-l--box-radius-16_17zmg_328 {
332
332
  border-radius: var(--f3f949);
333
333
  }
334
- ._Box--wide-l--box-radius-24_7bfdg_331 {
334
+ ._Box--wide-l--box-radius-24_17zmg_331 {
335
335
  border-radius: var(--67250f);
336
336
  }
337
- ._Box--wide-l--box-radius-32_7bfdg_334 {
337
+ ._Box--wide-l--box-radius-32_17zmg_334 {
338
338
  border-radius: var(--fba602);
339
339
  }
340
- ._Box--wide-l--box-radius-48_7bfdg_337 {
340
+ ._Box--wide-l--box-radius-48_17zmg_337 {
341
341
  border-radius: var(--f8b939);
342
342
  }
343
- ._Box--wide-l--box-radius-64_7bfdg_340 {
343
+ ._Box--wide-l--box-radius-64_17zmg_340 {
344
344
  border-radius: var(--4d9939);
345
345
  }
346
- ._Box--wide-l--box-radius-96_7bfdg_343 {
346
+ ._Box--wide-l--box-radius-96_17zmg_343 {
347
347
  border-radius: var(--a78cb4);
348
348
  }
349
- ._Box--wide-l--box-radius-160_7bfdg_346 {
349
+ ._Box--wide-l--box-radius-160_17zmg_346 {
350
350
  border-radius: var(--439947);
351
351
  }
352
352
  }
353
- ._Box--background-white_7bfdg_350 {
353
+ ._Box--background-white_17zmg_350 {
354
354
  background-color: var(--145676);
355
355
  }
356
- ._Box--background-gray-100_7bfdg_353 {
356
+ ._Box--background-gray-100_17zmg_353 {
357
357
  background-color: var(--55407f);
358
358
  }
359
- ._Box--background-gray-200_7bfdg_356 {
359
+ ._Box--background-gray-200_17zmg_356 {
360
360
  background-color: var(--8f1238);
361
361
  }
362
- ._Box--background-gray-300_7bfdg_359 {
362
+ ._Box--background-gray-300_17zmg_359 {
363
363
  background-color: var(--da403c);
364
364
  }
365
- ._Box--background-gray-400_7bfdg_362 {
365
+ ._Box--background-gray-400_17zmg_362 {
366
366
  background-color: var(--7c8c3c);
367
367
  }
368
- ._Box--background-gray-500_7bfdg_365 {
368
+ ._Box--background-gray-500_17zmg_365 {
369
369
  background-color: var(--c9575b);
370
370
  }
371
- ._Box--background-gray-600_7bfdg_368 {
371
+ ._Box--background-gray-600_17zmg_368 {
372
372
  background-color: var(--2fb6f7);
373
373
  }
374
- ._Box--background-teal-100_7bfdg_371 {
374
+ ._Box--background-teal-100_17zmg_371 {
375
375
  background-color: var(--54ed1d);
376
376
  }
377
- ._Box--background-teal-200_7bfdg_374 {
377
+ ._Box--background-teal-200_17zmg_374 {
378
378
  background-color: var(--b706bf);
379
379
  }
380
- ._Box--background-teal-300_7bfdg_377 {
380
+ ._Box--background-teal-300_17zmg_377 {
381
381
  background-color: var(--4adefb);
382
382
  }
383
- ._Box--background-teal-400_7bfdg_380 {
383
+ ._Box--background-teal-400_17zmg_380 {
384
384
  background-color: var(--de8a40);
385
385
  }
386
- ._Box--background-teal-500_7bfdg_383 {
386
+ ._Box--background-teal-500_17zmg_383 {
387
387
  background-color: var(--574543);
388
388
  }
389
- ._Box--background-green-100_7bfdg_386 {
389
+ ._Box--background-green-100_17zmg_386 {
390
390
  background-color: var(--1383a7);
391
391
  }
392
- ._Box--background-green-200_7bfdg_389 {
392
+ ._Box--background-green-200_17zmg_389 {
393
393
  background-color: var(--9f1066);
394
394
  }
395
- ._Box--background-green-300_7bfdg_392 {
395
+ ._Box--background-green-300_17zmg_392 {
396
396
  background-color: var(--d4cf94);
397
397
  }
398
- ._Box--background-green-400_7bfdg_395 {
398
+ ._Box--background-green-400_17zmg_395 {
399
399
  background-color: var(--bbfa9f);
400
400
  }
401
- ._Box--background-green-500_7bfdg_398 {
401
+ ._Box--background-green-500_17zmg_398 {
402
402
  background-color: var(--5f8b30);
403
403
  }
404
- ._Box--background-yellow-100_7bfdg_401 {
404
+ ._Box--background-yellow-100_17zmg_401 {
405
405
  background-color: var(--c7d8be);
406
406
  }
407
- ._Box--background-yellow-200_7bfdg_404 {
407
+ ._Box--background-yellow-200_17zmg_404 {
408
408
  background-color: var(--17bab8);
409
409
  }
410
- ._Box--background-yellow-300_7bfdg_407 {
410
+ ._Box--background-yellow-300_17zmg_407 {
411
411
  background-color: var(--f017e5);
412
412
  }
413
- ._Box--background-yellow-400_7bfdg_410 {
413
+ ._Box--background-yellow-400_17zmg_410 {
414
414
  background-color: var(--2242ed);
415
415
  }
416
- ._Box--background-yellow-500_7bfdg_413 {
416
+ ._Box--background-yellow-500_17zmg_413 {
417
417
  background-color: var(--e40de4);
418
418
  }
419
- ._Box--background-red-100_7bfdg_416 {
419
+ ._Box--background-red-100_17zmg_416 {
420
420
  background-color: var(--ecb5d5);
421
421
  }
422
- ._Box--background-red-200_7bfdg_419 {
422
+ ._Box--background-red-200_17zmg_419 {
423
423
  background-color: var(--5b5cb0);
424
424
  }
425
- ._Box--background-red-300_7bfdg_422 {
425
+ ._Box--background-red-300_17zmg_422 {
426
426
  background-color: var(--d55c71);
427
427
  }
428
- ._Box--background-red-400_7bfdg_425 {
428
+ ._Box--background-red-400_17zmg_425 {
429
429
  background-color: var(--4e47fe);
430
430
  }
431
- ._Box--background-red-500_7bfdg_428 {
431
+ ._Box--background-red-500_17zmg_428 {
432
432
  background-color: var(--3e7877);
433
433
  }
434
- ._Box--background-blue-100_7bfdg_431 {
434
+ ._Box--background-blue-100_17zmg_431 {
435
435
  background-color: var(--21906f);
436
436
  }
437
- ._Box--background-blue-200_7bfdg_434 {
437
+ ._Box--background-blue-200_17zmg_434 {
438
438
  background-color: var(--5d87f3);
439
439
  }
440
- ._Box--background-blue-300_7bfdg_437 {
440
+ ._Box--background-blue-300_17zmg_437 {
441
441
  background-color: var(--201e14);
442
442
  }
443
- ._Box--background-blue-400_7bfdg_440 {
443
+ ._Box--background-blue-400_17zmg_440 {
444
444
  background-color: var(--e1c27c);
445
445
  }
446
- ._Box--background-blue-500_7bfdg_443 {
446
+ ._Box--background-blue-500_17zmg_443 {
447
447
  background-color: var(--6a1420);
448
448
  }
449
- ._Box--background-magenta-100_7bfdg_446 {
449
+ ._Box--background-magenta-100_17zmg_446 {
450
450
  background-color: var(--1a9963);
451
451
  }
452
- ._Box--background-magenta-200_7bfdg_449 {
452
+ ._Box--background-magenta-200_17zmg_449 {
453
453
  background-color: var(--b774df);
454
454
  }
455
- ._Box--background-magenta-300_7bfdg_452 {
455
+ ._Box--background-magenta-300_17zmg_452 {
456
456
  background-color: var(--f72cdd);
457
457
  }
458
- ._Box--background-magenta-400_7bfdg_455 {
458
+ ._Box--background-magenta-400_17zmg_455 {
459
459
  background-color: var(--6cbd80);
460
460
  }
461
- ._Box--background-magenta-500_7bfdg_458 {
461
+ ._Box--background-magenta-500_17zmg_458 {
462
462
  background-color: var(--5893e7);
463
463
  }
464
- ._Box--background-primary_7bfdg_461 {
464
+ ._Box--background-primary_17zmg_461 {
465
465
  background-color: var(--3546c3);
466
466
  }
467
- ._Box--background-secondary_7bfdg_464 {
467
+ ._Box--background-secondary_17zmg_464 {
468
468
  background-color: var(--302ecf);
469
469
  }
470
- ._Box--background-tertiary_7bfdg_467 {
470
+ ._Box--background-tertiary_17zmg_467 {
471
471
  background-color: var(--a5c761);
472
472
  }
473
- ._Box--background-overlay_7bfdg_470 {
473
+ ._Box--background-overlay_17zmg_470 {
474
474
  background-color: var(--02a0d5);
475
475
  }
476
- ._Box--background-disabled_7bfdg_473 {
476
+ ._Box--background-disabled_17zmg_473 {
477
477
  background-color: var(--319b29);
478
478
  }
479
- ._Box--background-brand_7bfdg_476 {
479
+ ._Box--background-brand_17zmg_476 {
480
480
  background-color: var(--cd91ab);
481
481
  }
482
- ._Box--background-brandB2b_7bfdg_479 {
482
+ ._Box--background-brandB2b_17zmg_479 {
483
483
  background-color: var(--706789);
484
484
  }
485
- ._Box--background-accentLight_7bfdg_482 {
485
+ ._Box--background-accentLight_17zmg_482 {
486
486
  background-color: var(--560eda);
487
487
  }
488
- ._Box--background-accentDark_7bfdg_485 {
488
+ ._Box--background-accentDark_17zmg_485 {
489
489
  background-color: var(--e4c520);
490
490
  }
491
- ._Box--background-positiveLight_7bfdg_488 {
491
+ ._Box--background-positiveLight_17zmg_488 {
492
492
  background-color: var(--1836a4);
493
493
  }
494
- ._Box--background-positiveDark_7bfdg_491 {
494
+ ._Box--background-positiveDark_17zmg_491 {
495
495
  background-color: var(--ae7f1f);
496
496
  }
497
- ._Box--background-infoLight_7bfdg_494 {
497
+ ._Box--background-infoLight_17zmg_494 {
498
498
  background-color: var(--94a45e);
499
499
  }
500
- ._Box--background-infoDark_7bfdg_497 {
500
+ ._Box--background-infoDark_17zmg_497 {
501
501
  background-color: var(--79dffb);
502
502
  }
503
- ._Box--background-warningLight_7bfdg_500 {
503
+ ._Box--background-warningLight_17zmg_500 {
504
504
  background-color: var(--b503b8);
505
505
  }
506
- ._Box--background-warningDark_7bfdg_503 {
506
+ ._Box--background-warningDark_17zmg_503 {
507
507
  background-color: var(--34fc43);
508
508
  }
509
- ._Box--background-criticalLight_7bfdg_506 {
509
+ ._Box--background-criticalLight_17zmg_506 {
510
510
  background-color: var(--f15644);
511
511
  }
512
- ._Box--background-criticalDark_7bfdg_509 {
512
+ ._Box--background-criticalDark_17zmg_509 {
513
513
  background-color: var(--87fcf8);
514
514
  }
515
- ._Box--background-statusOnline_7bfdg_512 {
515
+ ._Box--background-statusOnline_17zmg_512 {
516
516
  background-color: var(--cbc115);
517
517
  }
518
- ._Box--background-statusOffline_7bfdg_515 {
518
+ ._Box--background-statusOffline_17zmg_515 {
519
519
  background-color: var(--7ff085);
520
520
  }
521
- ._Box--background-primaryInverted_7bfdg_518 {
521
+ ._Box--background-primaryInverted_17zmg_518 {
522
522
  background-color: var(--4983fe);
523
523
  }
524
- ._Box--background-secondaryInverted_7bfdg_521 {
524
+ ._Box--background-secondaryInverted_17zmg_521 {
525
525
  background-color: var(--19649f);
526
526
  }
527
- ._Box--background-tertiaryInverted_7bfdg_524 {
527
+ ._Box--background-tertiaryInverted_17zmg_524 {
528
528
  background-color: var(--a469f2);
529
529
  }