@commercetools-uikit/design-system 16.1.0 → 16.2.0

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 (9) hide show
  1. package/dist/commercetools-uikit-design-system.cjs.dev.js +371 -715
  2. package/dist/commercetools-uikit-design-system.cjs.prod.js +371 -715
  3. package/dist/commercetools-uikit-design-system.esm.js +372 -716
  4. package/dist/declarations/src/design-tokens.d.ts +366 -679
  5. package/dist/declarations/src/theme-provider.d.ts +1 -1
  6. package/materials/custom-properties.css +332 -340
  7. package/materials/custom-properties.json +270 -276
  8. package/materials/internals/definition.yaml +257 -1032
  9. package/package.json +2 -2
package/materials/custom-properties.json CHANGED
@@ -47,7 +47,7 @@
47
47
  "--border-radius-20": "20px",
48
48
  "--border-width-1": "1px",
49
49
  "--border-width-2": "2px",
50
- "--font-family": "'Open Sans', sans-serif",
50
+ "--font-family": "'Inter', system-ui",
51
51
  "--font-size-10": "0.75rem",
52
52
  "--font-size-20": "0.875rem",
53
53
  "--font-size-30": "1rem",
@@ -128,349 +128,343 @@
128
128
  "--break-point-biggerdesktop": "1280px",
129
129
  "--break-point-giantdesktop": "1680px",
130
130
  "--break-point-jumbodesktop": "1920px",
131
- "--align-items-for-select-input-tag": "unset",
132
- "--background-color-for-button-when-active": "#fff",
133
- "--background-color-for-button-when-hovered": "#fff",
134
- "--background-color-for-button-as-primary-when-active": "#00b39e",
135
- "--background-color-for-button-as-primary-when-hovered": "hsl(172.9608938547486, 100%, 25%)",
136
- "--background-color-for-button-as-icon-as-primary-when-active": "#00b39e",
131
+ "--align-items-for-select-input-tag": "center",
132
+ "--background-color-for-button-when-active": "hsl(0deg 0% 10% / 10%)",
133
+ "--background-color-for-button-when-hovered": "hsl(0deg 0% 10% / 5%)",
134
+ "--background-color-for-button-as-primary-when-active": "#15A390",
135
+ "--background-color-for-button-as-primary-when-hovered": "#17AB97",
136
+ "--background-color-for-button-as-icon-as-primary-when-active": "#15A390",
137
137
  "--background-color-for-button-as-icon-as-primary-when-hovered": "#00b39e",
138
- "--background-color-for-button-as-icon-as-info-when-active": "#078cdf",
138
+ "--background-color-for-button-as-icon-as-info-when-active": "#057FCC",
139
139
  "--background-color-for-button-as-icon-as-info-when-hovered": "#078cdf",
140
- "--background-color-for-button-as-urgent-when-active": "#f16d0e",
141
- "--background-color-for-button-as-urgent-when-hovered": "hsl(25.110132158590307, 89.0196078431%, 25%)",
142
- "--background-color-for-button-when-disabled": "hsl(195, 35.2941176471%, 98%)",
140
+ "--background-color-for-button-as-urgent-when-active": "#DC630A",
141
+ "--background-color-for-button-as-urgent-when-hovered": "#E7680D",
142
+ "--background-color-for-button-when-disabled": "hsl(195, 35.2941176471%, 95%)",
143
143
  "--background-color-for-input": "#fff",
144
144
  "--background-color-for-input-when-selected": "hsl(195, 35.2941176471%, 95%)",
145
- "--background-color-for-input-when-disabled": "hsl(195, 35.2941176471%, 98%)",
146
- "--background-color-for-input-when-hovered": "#fff",
145
+ "--background-color-for-input-when-disabled": "hsl(0, 0%, 95%)",
146
+ "--background-color-for-input-when-hovered": "hsl(0, 0%, 98%)",
147
147
  "--background-color-for-input-when-focused": "#fff",
148
- "--background-color-for-input-when-readonly": "#fff",
149
- "--background-color-for-input-when-active": "hsl(195, 35.2941176471%, 95%)",
150
- "--background-color-for-table-cell-when-hovered": "hsl(0, 0%, 90%)",
151
- "--background-color-for-table-header": "#213c45",
148
+ "--background-color-for-input-when-readonly": "hsl(0, 0%, 95%)",
149
+ "--background-color-for-input-when-active": "hsl(203.05555555555554, 93.9130434783%, 95%)",
150
+ "--background-color-for-table-cell-when-hovered": "hsl(0, 0%, 98%)",
151
+ "--background-color-for-table-header": "hsl(0, 0%, 95%)",
152
152
  "--background-color-for-tag": "hsl(0, 0%, 95%)",
153
153
  "--background-color-for-tag-warning": "hsl(25.110132158590307, 89.0196078431%, 95%)",
154
- "--background-color-for-tag-when-hovered": "hsl(0, 0%, 95%)",
155
- "--background-color-for-collapsible-panel-header-icon-when-disabled": "hsl(195, 35.2941176471%, 98%)",
156
- "--background-color-for-select-input-option-when-hovered": "hsl(0, 0%, 90%)",
157
- "--background-color-for-avatar": "hsl(0, 0%, 60%)",
158
- "--background-color-for-avatar-when-highlighted": "#ccc",
159
- "--background-color-for-stamp-as-positive": "hsl(172.9608938547486, 100%, 85%)",
160
- "--background-color-for-localized-input-label": "hsl(195, 35.2941176471%, 98%)",
161
- "--background-color-for-localized-input-label-when-readonly": "hsl(195, 35.2941176471%, 95%)",
162
- "--background-color-for-localized-input-label-when-disabled": "hsl(195, 35.2941176471%, 98%)",
163
- "--background-color-for-localized-rich-text-body-button-when-active": "hsl(195, 35.2941176471%, 30%)",
164
- "--background-color-for-localized-rich-text-body-button": "hsl(0, 0%, 90%)",
165
- "--background-color-for-rich-text-dropdown-when-hovered": "hsl(0, 0%, 90%)",
166
- "--background-color-for-rich-text-more-styles-dropdown-when-hovered": "hsl(0, 0%, 90%)",
167
- "--background-color-for-rich-text-button": "hsl(195, 35.2941176471%, 30%)",
168
- "--background-color-for-tooltip": "#213c45",
154
+ "--background-color-for-tag-when-hovered": "hsl(0, 0%, 90%)",
155
+ "--background-color-for-collapsible-panel-header-icon-when-disabled": "#fff",
156
+ "--background-color-for-select-input-option-when-hovered": "hsl(0, 0%, 98%)",
157
+ "--background-color-for-avatar": "#213c45",
158
+ "--background-color-for-avatar-when-highlighted": "hsl(195, 35.2941176471%, 30%)",
159
+ "--background-color-for-stamp-as-positive": "hsl(172.9608938547486, 100%, 95%)",
160
+ "--background-color-for-localized-input-label": "#fff",
161
+ "--background-color-for-localized-input-label-when-readonly": "hsl(0, 0%, 95%)",
162
+ "--background-color-for-localized-input-label-when-disabled": "hsl(0, 0%, 95%)",
163
+ "--background-color-for-localized-rich-text-body-button-when-active": "hsl(195, 35.2941176471%, 20%)",
164
+ "--background-color-for-localized-rich-text-body-button": "hsl(0, 0%, 95%)",
165
+ "--background-color-for-rich-text-dropdown-when-hovered": "hsl(0, 0%, 95%)",
166
+ "--background-color-for-rich-text-more-styles-dropdown-when-hovered": "hsl(203.05555555555554, 93.9130434783%, 95%)",
167
+ "--background-color-for-rich-text-button": "hsl(195, 35.2941176471%, 20%)",
168
+ "--background-color-for-tooltip": "hsl(195, 35.2941176471%, 10%)",
169
169
  "--background-color-for-view-switcher": "#fff",
170
- "--background-color-for-view-switcher-when-disabled": "hsl(195, 35.2941176471%, 98%)",
170
+ "--background-color-for-view-switcher-when-disabled": "#fff",
171
171
  "--background-color-for-view-switcher-when-selected": "hsl(0, 0%, 95%)",
172
- "--background-color-for-view-switcher-when-hovered": "hsl(0, 0%, 90%)",
173
- "--background-color-for-content-notification-when-error": "#fff",
174
- "--background-color-for-content-notification-when-info": "#fff",
175
- "--background-color-for-content-notification-when-warning": "#fff",
176
- "--background-color-for-content-notification-when-success": "#fff",
177
- "--background-color-for-content-notification-icon-when-error": "#e60050",
178
- "--background-color-for-content-notification-icon-when-info": "#078cdf",
179
- "--background-color-for-content-notification-icon-when-warning": "#f16d0e",
180
- "--background-color-for-content-notification-icon-when-success": "#00b39e",
181
- "--background-color-for-checkbox-input-icon": "#fff",
182
- "--background-color-for-checkbox-input-icon-when-disabled": "#fff",
183
- "--background-color-for-checkbox-input-icon-when-readonly": "#fff",
184
- "--background-color-for-checkbox-input-icon-when-error": "#fff",
185
- "--background-color-for-checkbox-input-icon-when-hovered": "#fff",
186
- "--background-color-for-primary-action-dropdown-when-active": "hsl(0, 0%, 95%)",
187
- "--background-color-for-primary-action-dropdown-when-disabled": "hsl(195, 35.2941176471%, 98%)",
188
- "--background-color-for-toggle-input-track": "hsl(0, 0%, 60%)",
189
- "--background-color-for-toggle-input-track-when-disabled": "#ccc",
190
- "--background-color-for-toggle-input-thumb-when-disabled": "hsl(195, 35.2941176471%, 95%)",
191
- "--background-color-for-toggle-input-track-when-checked": "#00b39e",
192
- "--background-color-for-toggle-input-thumb-when-checked": "#fff",
193
- "--background-color-for-toggle-input-track-when-checked-and-disabled": "hsl(172.9608938547486, 100%, 25%)",
194
- "--background-color-for-toggle-input-thumb-when-checked-and-disabled": "#ccc",
195
- "--border-for-button-as-secondary": "none",
196
- "--border-for-button-as-secondary-when-hovered": "none",
197
- "--border-for-button-as-secondary-when-active": "none",
198
- "--border-for-card-when-raised": "none",
199
- "--border-for-collapsible-panel-header-icon-when-disabled": "1px solid var(--color-neutral)",
200
- "--border-for-view-switcher": "none",
201
- "--border-for-select-input-tag": "none",
202
- "--border-for-radio-input-option": "1px",
203
- "--border-for-calendar-menu-when-focused": "1px solid var(--color-primary)",
204
- "--border-color-for-input": "hsl(0, 0%, 60%)",
172
+ "--background-color-for-view-switcher-when-hovered": "hsl(0, 0%, 95%)",
173
+ "--background-color-for-content-notification-when-error": "hsl(339.1304347826087, 100%, 95%)",
174
+ "--background-color-for-content-notification-when-info": "hsl(203.05555555555554, 93.9130434783%, 95%)",
175
+ "--background-color-for-content-notification-when-warning": "hsl(25.110132158590307, 89.0196078431%, 95%)",
176
+ "--background-color-for-content-notification-when-success": "hsl(172.9608938547486, 100%, 95%)",
177
+ "--background-color-for-checkbox-input-icon": "#00b39e",
178
+ "--background-color-for-checkbox-input-icon-when-disabled": "#ccc",
179
+ "--background-color-for-checkbox-input-icon-when-readonly": "hsl(0, 0%, 60%)",
180
+ "--background-color-for-checkbox-input-icon-when-error": "#e60050",
181
+ "--background-color-for-checkbox-input-icon-when-hovered": "hsl(0, 0%, 90%)",
182
+ "--background-color-for-primary-action-dropdown-when-active": "hsl(0, 0%, 90%)",
183
+ "--background-color-for-primary-action-dropdown-when-disabled": "hsl(0, 0%, 95%)",
184
+ "--background-color-for-toggle-input-track": "#ccc",
185
+ "--background-color-for-toggle-input-track-when-disabled": "hsl(0, 0%, 90%)",
186
+ "--background-color-for-toggle-input-thumb-when-disabled": "hsl(0, 0%, 60%)",
187
+ "--background-color-for-toggle-input-track-when-checked": "hsl(172.9608938547486, 100%, 40%)",
188
+ "--background-color-for-toggle-input-thumb-when-checked": "hsl(172.9608938547486, 100%, 25%)",
189
+ "--background-color-for-toggle-input-track-when-checked-and-disabled": "hsl(195, 35.2941176471%, 90%)",
190
+ "--background-color-for-toggle-input-thumb-when-checked-and-disabled": "hsl(195, 35.2941176471%, 60%)",
191
+ "--border-for-button-as-secondary": "1px solid var(--color-neutral)",
192
+ "--border-for-button-as-secondary-when-hovered": "1px solid var(--color-neutral)",
193
+ "--border-for-button-as-secondary-when-active": "1px solid var(--color-neutral)",
194
+ "--border-for-card-when-raised": "1px solid var(--color-neutral-90)",
195
+ "--border-for-collapsible-panel-header-icon-when-disabled": "none",
196
+ "--border-for-view-switcher": "1px solid var(--color-neutral)",
197
+ "--border-for-select-input-tag": "1px solid var(--color-neutral-85)",
198
+ "--border-for-radio-input-option": "2px",
199
+ "--border-for-calendar-menu-when-focused": "none",
200
+ "--border-color-for-input": "#ccc",
205
201
  "--border-color-for-input-when-focused": "#00b39e",
206
202
  "--border-color-for-input-when-disabled": "#ccc",
207
- "--border-color-for-input-when-readonly": "#ccc",
203
+ "--border-color-for-input-when-readonly": "#fff",
208
204
  "--border-color-for-input-when-error": "#e60050",
209
205
  "--border-color-for-input-when-warning": "#f16d0e",
210
- "--border-color-for-input-when-hovered": "#00b39e",
211
- "--border-color-for-tag": "hsl(0, 0%, 60%)",
206
+ "--border-color-for-input-when-hovered": "#ccc",
207
+ "--border-color-for-tag": "#ccc",
212
208
  "--border-color-for-tag-warning": "#f16d0e",
213
- "--border-color-for-tag-when-focused": "#00b39e",
214
- "--border-color-for-tag-when-hovered": "#f16d0e",
215
- "--border-color-for-button-as-icon": "#fff",
216
- "--border-color-for-button-as-icon-as-info": "#078cdf",
217
- "--border-color-for-button-as-icon-as-primary": "#00b39e",
218
- "--border-color-for-button-as-icon-when-disabled": "#ccc",
219
- "--border-color-for-table-header": "#ccc",
220
- "--border-color-for-table-header-as-bottom": "#213c45",
221
- "--border-color-for-table-manager-droppable-list": "hsl(0, 0%, 60%)",
222
- "--border-color-for-collapsible-panel-header": "hsl(0, 0%, 60%)",
223
- "--border-color-for-stamp-when-error": "#e60050",
224
- "--border-color-for-stamp-when-warning": "#f16d0e",
225
- "--border-color-for-stamp-as-positive": "hsl(172.9608938547486, 100%, 40%)",
226
- "--border-color-for-stamp-as-information": "#078cdf",
227
- "--border-color-for-stamp-as-primary": "hsl(172.9608938547486, 100%, 25%)",
228
- "--border-color-for-stamp-as-secondary": "hsl(0, 0%, 60%)",
209
+ "--border-color-for-tag-when-focused": "#ccc",
210
+ "--border-color-for-tag-when-hovered": "#ccc",
211
+ "--border-color-for-button-as-icon": "#ccc",
212
+ "--border-color-for-button-as-icon-as-info": "#ccc",
213
+ "--border-color-for-button-as-icon-as-primary": "#ccc",
214
+ "--border-color-for-button-as-icon-when-disabled": "#fff",
215
+ "--border-color-for-table-header": "#fff",
216
+ "--border-color-for-table-header-as-bottom": "hsl(0, 0%, 90%)",
217
+ "--border-color-for-table-manager-droppable-list": "#ccc",
218
+ "--border-color-for-collapsible-panel-header": "hsl(0, 0%, 90%)",
219
+ "--border-color-for-stamp-when-error": "hsl(339.1304347826087, 100%, 85%)",
220
+ "--border-color-for-stamp-when-warning": "hsl(25.110132158590307, 89.0196078431%, 85%)",
221
+ "--border-color-for-stamp-as-positive": "hsl(172.9608938547486, 100%, 85%)",
222
+ "--border-color-for-stamp-as-information": "hsl(203.05555555555554, 93.9130434783%, 85%)",
223
+ "--border-color-for-stamp-as-primary": "hsl(172.9608938547486, 100%, 85%)",
224
+ "--border-color-for-stamp-as-secondary": "hsl(0, 0%, 85%)",
229
225
  "--border-color-for-localized-input-label": "#ccc",
230
- "--border-color-for-localized-input-label-when-readonly": "#ccc",
231
- "--border-color-for-content-notification-when-error": "#e60050",
232
- "--border-color-for-content-notification-when-info": "#078cdf",
233
- "--border-color-for-content-notification-when-warning": "#f16d0e",
234
- "--border-color-for-content-notification-when-success": "#00b39e",
235
- "--border-color-for-group-heading-select-input-options": "#ccc",
236
- "--border-color-for-select-input-menu": "#00b39e",
237
- "--border-color-for-select-input-when-readonly": "#ccc",
238
- "--border-color-for-select-input-menu-when-warning": "#f16d0e",
239
- "--border-color-for-select-input-menu-when-error": "#e60050",
240
- "--border-color-for-checkbox-input-icon": "hsl(0, 0%, 60%)",
226
+ "--border-color-for-localized-input-label-when-readonly": "#fff",
227
+ "--border-color-for-content-notification-when-error": "hsl(339.1304347826087, 100%, 85%)",
228
+ "--border-color-for-content-notification-when-info": "hsl(203.05555555555554, 93.9130434783%, 85%)",
229
+ "--border-color-for-content-notification-when-warning": "hsl(25.110132158590307, 89.0196078431%, 85%)",
230
+ "--border-color-for-content-notification-when-success": "hsl(172.9608938547486, 100%, 85%)",
231
+ "--border-color-for-group-heading-select-input-options": "hsl(0, 0%, 90%)",
232
+ "--border-color-for-select-input-menu": "#fff",
233
+ "--border-color-for-select-input-when-readonly": "hsl(0, 0%, 95%)",
234
+ "--border-color-for-select-input-menu-when-warning": "#fff",
235
+ "--border-color-for-select-input-menu-when-error": "#fff",
236
+ "--border-color-for-checkbox-input-icon": "#00b39e",
241
237
  "--border-color-for-checkbox-input-icon-when-disabled": "#ccc",
242
- "--border-color-for-checkbox-input-icon-when-readonly": "#ccc",
238
+ "--border-color-for-checkbox-input-icon-when-readonly": "hsl(0, 0%, 60%)",
243
239
  "--border-color-for-checkbox-input-icon-when-error": "#e60050",
244
- "--border-color-for-radio-input": "#ccc",
245
- "--border-color-for-radio-input-when-disabled": "hsl(0, 0%, 60%)",
246
- "--border-color-for-radio-input-when-readonly": "#ccc",
247
- "--border-color-for-radio-input-when-checked": "#ccc",
248
- "--border-color-for-radio-input-when-focused": "#00b39e",
249
- "--border-color-for-primary-action-dropdown-menu": "#ccc",
250
- "--border-radius-for-button-as-big": "6px",
240
+ "--border-color-for-radio-input": "hsl(0, 0%, 60%)",
241
+ "--border-color-for-radio-input-when-disabled": "#ccc",
242
+ "--border-color-for-radio-input-when-readonly": "hsl(0, 0%, 60%)",
243
+ "--border-color-for-radio-input-when-checked": "#00b39e",
244
+ "--border-color-for-radio-input-when-focused": "hsl(0, 0%, 60%)",
245
+ "--border-color-for-primary-action-dropdown-menu": "#fff",
246
+ "--border-radius-for-button-as-big": "4px",
251
247
  "--border-radius-for-button-as-medium": "4px",
252
- "--border-radius-for-button-as-icon-as-big": "6px",
248
+ "--border-radius-for-button-as-icon-as-big": "4px",
253
249
  "--border-radius-for-button-as-icon-as-medium": "4px",
254
250
  "--border-radius-for-button-as-icon-as-small": "2px",
255
- "--border-radius-for-input": "6px",
251
+ "--border-radius-for-input": "4px",
256
252
  "--border-radius-for-tag": "2px",
257
- "--border-radius-for-card": "6px",
258
- "--border-radius-for-table-manager-droppable-list": "6px",
259
- "--border-radius-for-stamp": "2px",
260
- "--border-radius-for-view-switcher": "6px",
261
- "--border-radius-for-content-notification": "0 var(--border-radius-6) var(--border-radius-6) 0",
262
- "--border-radius-for-content-notification-icon": "var(--border-radius-6) 0 0 var(--border-radius-6)",
263
- "--border-radius-for-primary-action-dropdown": "var(--border-radius-6) 0 0 var(--border-radius-6)",
264
- "--border-radius-for-primary-action-dropdown-icon": "0 var(--border-radius-6) var(--border-radius-6) 0",
265
- "--border-radius-for-primary-action-dropdown-menu": "6px",
253
+ "--border-radius-for-card": "4px",
254
+ "--border-radius-for-table-manager-droppable-list": "4px",
255
+ "--border-radius-for-stamp": "20px",
256
+ "--border-radius-for-view-switcher": "4px",
257
+ "--border-radius-for-content-notification": "4px",
258
+ "--border-radius-for-primary-action-dropdown": "var(--border-radius-4) 0 0 var(--border-radius-4)",
259
+ "--border-radius-for-primary-action-dropdown-icon": "0 var(--border-radius-4) var(--border-radius-4) 0",
260
+ "--border-radius-for-primary-action-dropdown-menu": "4px",
266
261
  "--border-width-for-input": "1px",
267
262
  "--border-width-for-input-when-warning": "1px",
268
263
  "--border-width-for-input-when-error": "1px",
269
264
  "--border-width-for-input-when-focused": "1px",
270
- "--border-width-for-tag": "1px",
271
- "--border-width-for-select-input": "1px",
272
- "--border-width-for-content-notification-icon": "0px",
273
- "--border-left-width-for-content-notification": "1px",
274
- "--border-width-for-checkbox-input-icon": "1px",
275
- "--border-for-primary-action-dropdown-icon": "0px 0px 0px 1px",
276
- "--box-shadow-for-datetime-input-when-hovered": "inset 0 0 0 2px",
277
- "--box-shadow-for-view-switcher": "0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 -1px 1px 0 rgba(0, 0, 0, 0.12)",
278
- "--box-shadow-for-view-switcher-when-selected": "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)",
279
- "--box-shadow-for-select-input-when-focused": "inset 0 0 0 2px",
280
- "--box-shadow-for-calendar-menu-when-focused": "none",
265
+ "--border-width-for-tag": "1px 1px 1px 0",
266
+ "--border-width-for-select-input": "2px",
267
+ "--border-left-width-for-content-notification": "0px",
268
+ "--border-width-for-checkbox-input-icon": "2px",
269
+ "--border-for-primary-action-dropdown-icon": "1px 1px 1px 0px",
270
+ "--box-shadow-for-datetime-input-when-hovered": "inset 0 0 0 1px",
271
+ "--box-shadow-for-view-switcher": "none",
272
+ "--box-shadow-for-view-switcher-when-selected": "none",
273
+ "--box-shadow-for-select-input-when-focused": "inset 0 0 0 1px",
274
+ "--box-shadow-for-calendar-menu-when-focused": "0 2px 5px 0px rgba(0, 0, 0, 0.15)",
281
275
  "--font-color-for-text": "#1a1a1a",
282
- "--font-color-for-text-when-disabled": "#ccc",
276
+ "--font-color-for-text-when-disabled": "hsl(0, 0%, 60%)",
283
277
  "--font-color-for-input": "#1a1a1a",
284
278
  "--font-color-for-input-when-disabled": "hsl(0, 0%, 60%)",
285
279
  "--font-color-for-input-when-error": "#e60050",
286
- "--font-color-for-input-when-readonly": "hsl(0, 0%, 60%)",
280
+ "--font-color-for-input-when-readonly": "hsl(0, 0%, 40%)",
287
281
  "--font-color-for-input-when-warning": "#f16d0e",
288
282
  "--font-color-for-tag": "#1a1a1a",
289
- "--font-color-for-tag-remove-icon": "#1a1a1a",
290
- "--font-color-for-tag-drag-icon": "#1a1a1a",
291
- "--font-color-for-tag-remove-icon-when-hovered": "#f16d0e",
283
+ "--font-color-for-tag-remove-icon": "hsl(0, 0%, 40%)",
284
+ "--font-color-for-tag-drag-icon": "hsl(0, 0%, 40%)",
285
+ "--font-color-for-tag-remove-icon-when-hovered": "#e60050",
292
286
  "--font-color-for-tag-when-disabled": "hsl(0, 0%, 60%)",
293
287
  "--font-color-for-text-when-inverted": "#fff",
294
288
  "--font-color-for-link-as-inverted": "#fff",
295
- "--font-color-for-link-as-primary": "#00b39e",
289
+ "--font-color-for-link-as-primary": "hsl(172.9608938547486, 100%, 25%)",
296
290
  "--font-color-for-link-as-secondary": "#1a1a1a",
297
- "--font-color-for-link-as-primary-when-active": "hsl(172.9608938547486, 100%, 25%)",
291
+ "--font-color-for-link-as-primary-when-active": "#00b39e",
298
292
  "--font-color-for-link-as-secondary-when-active": "#00b39e",
299
- "--font-color-for-table-header": "#fff",
293
+ "--font-color-for-table-header": "#1a1a1a",
300
294
  "--font-color-for-localized-input-label": "hsl(0, 0%, 60%)",
301
- "--font-color-for-view-switcher": "#1a1a1a",
295
+ "--font-color-for-view-switcher": "hsl(0, 0%, 40%)",
302
296
  "--font-color-for-view-switcher-when-disabled": "hsl(0, 0%, 60%)",
303
297
  "--font-color-for-view-switcher-when-selected": "#1a1a1a",
304
- "--font-color-for-clear-input-icon": "#1a1a1a",
305
- "--font-color-for-clear-input-icon-when-hovered": "#f16d0e",
298
+ "--font-color-for-clear-input-icon": "hsl(0, 0%, 40%)",
299
+ "--font-color-for-clear-input-icon-when-hovered": "#e60050",
306
300
  "--font-color-for-content-notification": "#1a1a1a",
307
- "--font-color-for-content-notification-icon-when-error": "#fff",
308
- "--font-color-for-content-notification-icon-when-warning": "#fff",
309
- "--font-color-for-content-notification-icon-when-success": "#fff",
310
- "--font-color-for-content-notification-icon-when-info": "#fff",
311
- "--font-color-for-search-input-icon": "#1a1a1a",
301
+ "--font-color-for-content-notification-icon-when-error": "#e60050",
302
+ "--font-color-for-content-notification-icon-when-warning": "#f16d0e",
303
+ "--font-color-for-content-notification-icon-when-success": "#00b39e",
304
+ "--font-color-for-content-notification-icon-when-info": "#078cdf",
305
+ "--font-color-for-search-input-icon": "hsl(0, 0%, 60%)",
312
306
  "--font-color-for-search-input-icon-when-hovered": "#00b39e",
313
- "--font-color-for-select-input-icon": "#1a1a1a",
314
- "--font-color-for-select-input-when-error": "#1a1a1a",
315
- "--font-color-for-select-input-when-warning": "#1a1a1a",
316
- "--font-color-for-select-input-icon-when-error": "#1a1a1a",
317
- "--font-color-for-select-input-icon-when-warning": "#1a1a1a",
318
- "--font-color-for-money-input-currency-dropdown-indicator": "#1a1a1a",
307
+ "--font-color-for-select-input-icon": "hsl(0, 0%, 60%)",
308
+ "--font-color-for-select-input-when-error": "#e60050",
309
+ "--font-color-for-select-input-when-warning": "#f16d0e",
310
+ "--font-color-for-select-input-icon-when-error": "#e60050",
311
+ "--font-color-for-select-input-icon-when-warning": "#f16d0e",
312
+ "--font-color-for-money-input-currency-dropdown-indicator": "hsl(0, 0%, 40%)",
319
313
  "--font-color-for-search-input-icon-when-readonly": "hsl(0, 0%, 60%)",
320
314
  "--font-color-for-checkbox-input-label": "#1a1a1a",
321
315
  "--font-color-for-checkbox-input-label-when-error": "#e60050",
322
- "--font-color-for-checkbox-input-label-when-disabled": "hsl(0, 0%, 40%)",
316
+ "--font-color-for-checkbox-input-label-when-disabled": "hsl(0, 0%, 60%)",
323
317
  "--font-color-for-checkbox-input-label-when-readonly": "hsl(0, 0%, 40%)",
324
318
  "--font-color-for-radio-input-when-disabled": "hsl(0, 0%, 60%)",
325
319
  "--font-color-for-radio-input-when-error": "#e60050",
326
320
  "--font-color-for-radio-input-when-readonly": "hsl(0, 0%, 60%)",
327
321
  "--font-color-for-radio-input-when-warning": "#f16d0e",
328
- "--font-color-for-flat-button-as-primary": "#00b39e",
329
- "--font-color-for-flat-button-as-primary-when-hovered": "hsl(172.9608938547486, 100%, 25%)",
322
+ "--font-color-for-flat-button-as-primary": "hsl(172.9608938547486, 100%, 25%)",
323
+ "--font-color-for-flat-button-as-primary-when-hovered": "#00b39e",
330
324
  "--font-color-for-flat-button-as-critical": "#e60050",
331
325
  "--font-color-for-flat-button-as-critical-when-hovered": "hsl(339.1304347826087, 100%, 25%)",
332
326
  "--font-color-for-flat-button-as-secondary": "#1a1a1a",
333
327
  "--font-color-for-flat-button-as-inverted": "#fff",
334
328
  "--font-color-for-flat-button-icon-when-disabled": "hsl(0, 0%, 60%)",
335
- "--font-color-for-secondary-icon-button-as-primary": "#00b39e",
336
- "--font-color-for-secondary-icon-button-as-primary-when-hovered": "hsl(172.9608938547486, 100%, 25%)",
337
- "--height-for-button-as-big": "32px",
338
- "--height-for-button-as-medium": "24px",
339
- "--height-for-button-as-icon-as-big": "32px",
340
- "--height-for-button-as-icon-as-medium": "24px",
329
+ "--font-color-for-secondary-icon-button-as-primary": "hsl(172.9608938547486, 100%, 25%)",
330
+ "--font-color-for-secondary-icon-button-as-primary-when-hovered": "#00b39e",
331
+ "--height-for-button-as-big": "40px",
332
+ "--height-for-button-as-medium": "32px",
333
+ "--height-for-button-as-icon-as-big": "40px",
334
+ "--height-for-button-as-icon-as-medium": "32px",
341
335
  "--height-for-button-as-icon-as-small": "16px",
342
- "--height-for-input": "32px",
343
- "--height-for-view-switcher": "32px",
344
- "--height-for-view-switcher-when-condensed": "24px",
345
- "--height-for-select-input-tag": "26px",
346
- "--height-for-radio-input-option": "16px",
347
- "--height-for-radio-input-option-when-checked": "8px",
348
- "--height-for-primary-action-dropdown": "32px",
349
- "--width-for-avatar-as-medium": "48px",
350
- "--min-width-for-money-input-currency-dropdown": "72px",
336
+ "--height-for-input": "40px",
337
+ "--height-for-view-switcher": "40px",
338
+ "--height-for-view-switcher-when-condensed": "32px",
339
+ "--height-for-select-input-tag": "32px",
340
+ "--height-for-radio-input-option": "18px",
341
+ "--height-for-radio-input-option-when-checked": "10px",
342
+ "--height-for-primary-action-dropdown": "40px",
343
+ "--width-for-avatar-as-medium": "40px",
344
+ "--min-width-for-money-input-currency-dropdown": "80px",
351
345
  "--placeholder-font-color-for-input": "hsl(0, 0%, 60%)",
352
- "--font-size-for-button": "1rem",
346
+ "--font-size-for-button": "0.875rem",
353
347
  "--font-size-for-input": "1rem",
354
- "--font-size-for-text-as-h1": "2.4615rem",
355
- "--font-size-for-text-as-h2": "1.8462rem",
356
- "--font-size-for-text-as-h3": "1.5385rem",
357
- "--font-size-for-text-as-h4": "1.2308rem",
358
- "--font-size-for-text-as-h5": "1.0769rem",
348
+ "--font-size-for-text-as-h1": "1.5rem",
349
+ "--font-size-for-text-as-h2": "1.25rem",
350
+ "--font-size-for-text-as-h3": "1.125rem",
351
+ "--font-size-for-text-as-h4": "1rem",
352
+ "--font-size-for-text-as-h5": "1rem",
359
353
  "--font-size-for-text-as-body": "1rem",
360
- "--font-size-for-text-as-detail": "0.9231rem",
361
- "--font-size-for-body": "13px",
354
+ "--font-size-for-text-as-detail": "0.875rem",
355
+ "--font-size-for-body": "16px",
362
356
  "--font-size-for-link": "1rem",
363
- "--font-size-for-stamp": "1rem",
364
- "--font-size-for-view-switcher": "1rem",
365
- "--font-size-for-table": "1rem",
366
- "--font-size-for-avatar-as-small": "1rem",
367
- "--font-size-for-avatar-as-medium": "1.5rem",
368
- "--font-size-for-avatar-as-big": "3rem",
357
+ "--font-size-for-stamp": "0.875rem",
358
+ "--font-size-for-view-switcher": "0.875rem",
359
+ "--font-size-for-table": "0.875rem",
360
+ "--font-size-for-avatar-as-small": "0.875rem",
361
+ "--font-size-for-avatar-as-medium": "1rem",
362
+ "--font-size-for-avatar-as-big": "2.5rem",
369
363
  "--font-size-for-localized-input-label": "1rem",
370
364
  "--font-size-for-content-notification": "1rem",
371
- "--font-size-for-select-input-tag": "0.9231rem",
372
- "--icon-color-for-datetime-input-icon": "#1a1a1a",
373
- "--icon-color-for-datetime-input-icon-when-hovered": "#f16d0e",
374
- "--line-height-for-text-as-h1": "inherit",
375
- "--line-height-for-text-as-h2": "inherit",
376
- "--line-height-for-text-as-h3": "inherit",
377
- "--line-height-for-text-as-h4": "inherit",
378
- "--line-height-for-text-as-h5": "inherit",
379
- "--line-height-for-text-as-body": "inherit",
380
- "--line-height-for-text-as-detail": "inherit",
381
- "--line-height-for-select-input-options": "inherit",
382
- "--line-height-for-table-header": "inherit",
383
- "--font-weight-for-text-as-h1": "300",
384
- "--font-weight-for-text-as-h2": "300",
385
- "--font-weight-for-text-as-h3": "300",
386
- "--font-weight-for-text-as-h4": "400",
387
- "--font-weight-for-text-as-h5": "400",
365
+ "--font-size-for-select-input-tag": "1rem",
366
+ "--icon-color-for-datetime-input-icon": "hsl(0, 0%, 40%)",
367
+ "--icon-color-for-datetime-input-icon-when-hovered": "#e60050",
368
+ "--line-height-for-text-as-h1": "2.125rem",
369
+ "--line-height-for-text-as-h2": "1.75rem",
370
+ "--line-height-for-text-as-h3": "1.5rem",
371
+ "--line-height-for-text-as-h4": "1.375rem",
372
+ "--line-height-for-text-as-h5": "1.375rem",
373
+ "--line-height-for-text-as-body": "1.625rem",
374
+ "--line-height-for-text-as-detail": "1.375rem",
375
+ "--line-height-for-select-input-options": "1.625rem",
376
+ "--line-height-for-table-header": "26px",
377
+ "--font-weight-for-text-as-h1": "600",
378
+ "--font-weight-for-text-as-h2": "500",
379
+ "--font-weight-for-text-as-h3": "500",
380
+ "--font-weight-for-text-as-h4": "500",
381
+ "--font-weight-for-text-as-h5": "500",
388
382
  "--font-weight-for-text-as-body": "400",
389
383
  "--font-weight-for-text-as-detail": "400",
390
- "--font-weight-for-button": "400",
391
- "--font-weight-for-table-header": "400",
392
- "--font-weight-for-text-as-bold": "700",
393
- "--margin-for-table-header": "8px",
394
- "--margin-for-table-as-condensed": "8px",
395
- "--margin-for-view-switcher-icon": "0 var(--spacing-10) 0 0",
396
- "--margin-for-group-heading-select-input-options": "4px",
397
- "--margin-for-select-input-icon": "4px",
398
- "--margin-left-for-select-input-icon": "inherit",
399
- "--margin-right-for-money-input-precision-badge": "4px",
400
- "--margin-right-for-search-input-icon": "8px",
401
- "--margin-right-for-clear-input-icon": "4px",
402
- "--margin-left-for-radio-input-label": "8px",
403
- "--margin-right-for-primary-action-dropdown": "4px",
404
- "--margin-top-for-primary-action-dropdown": "none",
405
- "--margin-for-localized-rich-text-body-button": "none",
406
- "--margin-for-rich-text-divider": "0 var(--spacing-10)",
407
- "--margin-for-rich-text-dropdown-item-label": "0 0 0 var(--spacing-10)",
408
- "--margin-for-tag-list": "0 var(--spacing-10) var(--spacing-10) 0",
409
- "--padding-for-stamp": "var(--spacing-10) var(--spacing-20)",
410
- "--padding-for-stamp-as-condensed": "1px var(--spacing-10)",
411
- "--padding-for-tag": "5px var(--spacing-20)",
412
- "--padding-for-table-header": "16px",
413
- "--padding-for-table-header-as-condensed": "8px",
414
- "--padding-for-table-cell": "16px",
415
- "--padding-for-table-cell-as-condensed": "8px",
416
- "--padding-for-table-manager-droppable-list": "8px",
417
- "--padding-for-table-manager-settings-panel": "16px",
418
- "--padding-for-table-manager-draggable-tag": "4px",
419
- "--padding-for-collapsible-panel-header": "var(--spacing-20) var(--spacing-30)",
420
- "--padding-for-collapsible-panel-header-as-condensed": "8px",
421
- "--padding-for-collapsible-panel-section-wrapper": "16px",
422
- "--padding-for-collapsible-panel-section-wrapper-as-condensed": "8px",
423
- "--padding-for-collapsible-panel-section-description": "0 0 var(--spacing-50)",
424
- "--padding-for-collapsible-panel-section-description-as-condensed": "0 0 var(--spacing-30)",
425
- "--padding-for-input": "8px",
426
- "--padding-for-multiline-input": "var(--spacing-10) var(--spacing-20)",
427
- "--padding-for-localized-rich-text-input-label": "0 var(--spacing-20)",
428
- "--padding-for-localized-rich-text-dropdown-button": "3px var(--spacing-20)",
429
- "--padding-for-localized-rich-text-dropdown-item": "var(--spacing-10) var(--spacing-20)",
430
- "--padding-for-localized-rich-text-body-button": "var(--spacing-10)",
431
- "--padding-for-localized-input-label": "0 var(--spacing-20)",
432
- "--padding-for-rich-text-input": "none",
433
- "--padding-for-rich-text-toolbar": "var(--spacing-10) 7px",
434
- "--padding-left-for-rich-text-toolbar": "3px",
435
- "--padding-for-rich-text-editor-container": "6px var(--spacing-20) var(--spacing-10)",
384
+ "--font-weight-for-button": "500",
385
+ "--font-weight-for-table-header": "600",
386
+ "--font-weight-for-text-as-bold": "600",
387
+ "--margin-for-table-header": "16px",
388
+ "--margin-for-table-cell-as-condensed": "8px",
389
+ "--margin-for-view-switcher-icon": "0 var(--spacing-20) 0 0",
390
+ "--margin-for-group-heading-select-input-options": "8px",
391
+ "--margin-for-select-input-icon": "8px",
392
+ "--margin-left-for-select-input-icon": "8px",
393
+ "--margin-right-for-money-input-precision-badge": "12px",
394
+ "--margin-right-for-search-input-icon": "12px",
395
+ "--margin-right-for-clear-input-icon": "8px",
396
+ "--margin-left-for-radio-input-label": "4px",
397
+ "--margin-right-for-primary-action-dropdown": "8px",
398
+ "--margin-top-for-primary-action-dropdown": "8px",
399
+ "--margin-for-localized-rich-text-body-button": "0 2px var(--spacing-20) 2px",
400
+ "--margin-for-rich-text-divider": "var(--spacing-10) 2px",
401
+ "--margin-for-rich-text-dropdown-item-label": "0 0 0 var(--spacing-20)",
402
+ "--margin-for-tag-list": "0 var(--spacing-20) var(--spacing-20) 0",
403
+ "--padding-for-stamp": "4px 12px",
404
+ "--padding-for-stamp-as-condensed": "0 var(--spacing-20)",
405
+ "--padding-for-tag": "2px 12px",
406
+ "--padding-for-table-header": "24px",
407
+ "--padding-for-table-header-as-condensed": "24px",
408
+ "--padding-for-table-cell": "var(--spacing-30) var(--spacing-40)",
409
+ "--padding-for-table-cell-as-condensed": "var(--spacing-20) var(--spacing-40)",
410
+ "--padding-for-table-manager-droppable-list": "16px",
411
+ "--padding-for-table-manager-settings-panel": "var(--spacing-40) var(--spacing-50)",
412
+ "--padding-for-table-manager-draggable-tag": "var(--spacing-10) 0",
413
+ "--padding-for-collapsible-panel-header": "var(--spacing-30) 0",
414
+ "--padding-for-collapsible-panel-header-as-condensed": "var(--spacing-20) 0",
415
+ "--padding-for-collapsible-panel-section-wrapper": "var(--spacing-50) 0 0 calc(var(--spacing-30) + var(--spacing-10))",
416
+ "--padding-for-collapsible-panel-section-wrapper-as-condensed": "var(--spacing-40) 0 0 calc(var(--spacing-30) + var(--spacing-10))",
417
+ "--padding-for-collapsible-panel-section-description": "0 0 var(--spacing-40)",
418
+ "--padding-for-collapsible-panel-section-description-as-condensed": "0 0 var(--spacing-40)",
419
+ "--padding-for-input": "16px",
420
+ "--padding-for-multiline-input": "8px",
421
+ "--padding-for-localized-rich-text-input-label": "var(--spacing-20) 12px",
422
+ "--padding-for-localized-rich-text-dropdown-button": "5px var(--spacing-20)",
423
+ "--padding-for-localized-rich-text-dropdown-item": "var(--spacing-20) var(--spacing-30)",
424
+ "--padding-for-localized-rich-text-body-button": "var(--spacing-20)",
425
+ "--padding-for-localized-input-label": "0 12px",
426
+ "--padding-for-rich-text-input": "var(--spacing-20) var(--spacing-30)",
427
+ "--padding-for-rich-text-toolbar": "none",
428
+ "--padding-left-for-rich-text-toolbar": "none",
429
+ "--padding-for-rich-text-editor-container": "var(--spacing-20) 0 0",
436
430
  "--padding-for-localized-multiline-text-input-label": "0 var(--spacing-20)",
437
- "--padding-for-tag-remove-icon": "0 var(--spacing-10)",
438
- "--padding-for-tooltip": "var(--spacing-10) var(--spacing-20)",
431
+ "--padding-for-tag-remove-icon": "0 12px",
432
+ "--padding-for-tooltip": "var(--spacing-20) 12px",
439
433
  "--padding-for-view-switcher": "0 var(--spacing-30) 0 var(--spacing-30)",
440
- "--padding-for-view-switcher-when-condensed": "0 var(--spacing-20) 0 var(--spacing-20)",
441
- "--padding-for-content-notification": "var(--spacing-20)",
442
- "--padding-for-content-notification-icon": "var(--spacing-20) var(--spacing-30)",
443
- "--padding-left-for-select-input-options": "8px",
444
- "--padding-right-for-select-input-options": "8px",
445
- "--padding-top-for-select-input-options": "4px",
446
- "--padding-bottom-for-select-input-options": "4px",
447
- "--padding-for-group-heading-select-input-options": "8px",
448
- "--padding-for-select-input-menu": "inherit",
449
- "--padding-for-money-input-currency-dropdown": "0 var(--spacing-20)",
450
- "--padding-for-selectable-search-input-dropdown": "0 var(--spacing-20)",
451
- "--padding-for-primary-action-dropdown": "0 var(--spacing-20)",
452
- "--padding-for-primary-action-dropdown-icon": "0 var(--spacing-10)",
453
- "--padding-for-button-as-medium": "0 var(--spacing-20)",
434
+ "--padding-for-view-switcher-when-condensed": "0 12px 0 12px",
435
+ "--padding-for-content-notification": "var(--spacing-20) var(--spacing-30)",
436
+ "--padding-for-content-notification-message": "0 var(--spacing-30) 0 var(--spacing-20)",
437
+ "--padding-left-for-select-input-options": "16px",
438
+ "--padding-right-for-select-input-options": "16px",
439
+ "--padding-top-for-select-input-options": "8px",
440
+ "--padding-bottom-for-select-input-options": "8px",
441
+ "--padding-for-group-heading-select-input-options": "16px",
442
+ "--padding-for-select-input-menu": "var(--spacing-10) 0",
443
+ "--padding-for-money-input-currency-dropdown": "0 12px",
444
+ "--padding-for-selectable-search-input-dropdown": "0 12px",
445
+ "--padding-for-primary-action-dropdown": "0 var(--spacing-30)",
446
+ "--padding-for-primary-action-dropdown-icon": "0 var(--spacing-20)",
447
+ "--padding-for-button-as-medium": "0 var(--spacing-30)",
454
448
  "--padding-for-button-as-big": "0 var(--spacing-30)",
455
- "--shadow-for-button": "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)",
456
- "--shadow-for-button-when-focused": "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)",
457
- "--shadow-for-button-when-hovered": "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)",
458
- "--shadow-for-button-when-active": "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)",
459
- "--shadow-for-button-when-disabled": "0 0 0 1px var(--color-neutral) inset",
460
449
  "--shadow-box-tag-when-hovered": "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
461
- "--shadow-for-card-when-raised": "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
450
+ "--shadow-for-button": "none",
451
+ "--shadow-for-button-when-focused": "none",
452
+ "--shadow-for-button-when-hovered": "none",
453
+ "--shadow-for-button-when-active": "none",
454
+ "--shadow-for-button-when-disabled": "none",
455
+ "--shadow-for-card-when-raised": "0 1px 5px 0 rgba(0, 0, 0, 0.05)",
462
456
  "--shadow-for-input": "none",
463
- "--shadow-for-input-when-focused": "inset 0 0 0 2px var(--color-primary)",
464
- "--shadow-for-input-when-error": "none",
465
- "--shadow-for-input-when-warning": "none",
466
- "--shadow-for-tooltip": "0 2px 2px rgba(0, 0, 0, 0.24), 0 1px 4.75px rgba(0, 0, 0, 0.12)",
467
- "--shadow-for-select-input-menu": "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)",
468
- "--shadow-for-primary-action-dropdown": "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)",
469
- "--shadow-for-primary-action-dropdown-when-hovered": "0 1px 9.5px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.24)",
470
- "--shadow-for-primary-action-dropdown-when-active": "inset 0 -1px 3px 0 rgba(0, 0, 0, 0.1), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), inset 0 1px 1.5px 0 rgba(0, 0, 0, 0.25)",
471
- "--shadow-for-primary-action-dropdown-menu": "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
472
- "--shadow-for-toggle-input-thumb": "0 -1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24)",
473
- "--shadow-for-tag-when-hovered": "0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)",
457
+ "--shadow-for-input-when-focused": "inset 0 0 0 1px var(--color-primary)",
458
+ "--shadow-for-input-when-error": "inset 0 0 0 1px var(--color-error)",
459
+ "--shadow-for-input-when-warning": "inset 0 0 0 1px var(--color-warning)",
460
+ "--shadow-for-tooltip": "0px 1px 2px 0px rgba(0, 0, 0, 0.25)",
461
+ "--shadow-for-select-input-menu": "0 2px 5px 0px rgba(0, 0, 0, 0.15)",
462
+ "--shadow-for-primary-action-dropdown": "none",
463
+ "--shadow-for-primary-action-dropdown-when-hovered": "none",
464
+ "--shadow-for-primary-action-dropdown-when-active": "none",
465
+ "--shadow-for-primary-action-dropdown-menu": "0 2px 5px 0px rgba(0, 0, 0, 0.15)",
466
+ "--shadow-for-toggle-input-thumb": "0px 1px 5px rgba(0, 0, 0, 0.2)",
467
+ "--shadow-for-tag-when-hovered": "none",
474
468
  "--font-size-m": "1rem",
475
469
  "--big-button-height": "32px",
476
470
  "--small-button-height": "24px",