@ds-mo/tokens 2.5.1 → 2.7.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.
package/dist/index.mjs CHANGED
@@ -148,6 +148,174 @@ export const colorBorderStrongPositive = '--color-border-strong-positive';
148
148
  export const colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';
149
149
  export const colorBorderStrongWarning = '--color-border-strong-warning';
150
150
  export const colorBorderTertiary = '--color-border-tertiary';
151
+ export const colorColorIntentBlueBoldBackground = '--color-color-intent-blue-bold-background';
152
+ export const colorColorIntentBlueBoldBorder = '--color-color-intent-blue-bold-border';
153
+ export const colorColorIntentBlueBoldForeground = '--color-color-intent-blue-bold-foreground';
154
+ export const colorColorIntentBlueFaintBackground = '--color-color-intent-blue-faint-background';
155
+ export const colorColorIntentBlueFaintBorder = '--color-color-intent-blue-faint-border';
156
+ export const colorColorIntentBlueFaintForeground = '--color-color-intent-blue-faint-foreground';
157
+ export const colorColorIntentBlueMediumBackground = '--color-color-intent-blue-medium-background';
158
+ export const colorColorIntentBlueMediumBorder = '--color-color-intent-blue-medium-border';
159
+ export const colorColorIntentBlueMediumForeground = '--color-color-intent-blue-medium-foreground';
160
+ export const colorColorIntentBlueStrongBackground = '--color-color-intent-blue-strong-background';
161
+ export const colorColorIntentBlueStrongBorder = '--color-color-intent-blue-strong-border';
162
+ export const colorColorIntentBlueStrongForeground = '--color-color-intent-blue-strong-foreground';
163
+ export const colorColorIntentCyanBoldBackground = '--color-color-intent-cyan-bold-background';
164
+ export const colorColorIntentCyanBoldBorder = '--color-color-intent-cyan-bold-border';
165
+ export const colorColorIntentCyanBoldForeground = '--color-color-intent-cyan-bold-foreground';
166
+ export const colorColorIntentCyanFaintBackground = '--color-color-intent-cyan-faint-background';
167
+ export const colorColorIntentCyanFaintBorder = '--color-color-intent-cyan-faint-border';
168
+ export const colorColorIntentCyanFaintForeground = '--color-color-intent-cyan-faint-foreground';
169
+ export const colorColorIntentCyanMediumBackground = '--color-color-intent-cyan-medium-background';
170
+ export const colorColorIntentCyanMediumBorder = '--color-color-intent-cyan-medium-border';
171
+ export const colorColorIntentCyanMediumForeground = '--color-color-intent-cyan-medium-foreground';
172
+ export const colorColorIntentCyanStrongBackground = '--color-color-intent-cyan-strong-background';
173
+ export const colorColorIntentCyanStrongBorder = '--color-color-intent-cyan-strong-border';
174
+ export const colorColorIntentCyanStrongForeground = '--color-color-intent-cyan-strong-foreground';
175
+ export const colorColorIntentGreenBoldBackground = '--color-color-intent-green-bold-background';
176
+ export const colorColorIntentGreenBoldBorder = '--color-color-intent-green-bold-border';
177
+ export const colorColorIntentGreenBoldForeground = '--color-color-intent-green-bold-foreground';
178
+ export const colorColorIntentGreenFaintBackground = '--color-color-intent-green-faint-background';
179
+ export const colorColorIntentGreenFaintBorder = '--color-color-intent-green-faint-border';
180
+ export const colorColorIntentGreenFaintForeground = '--color-color-intent-green-faint-foreground';
181
+ export const colorColorIntentGreenMediumBackground = '--color-color-intent-green-medium-background';
182
+ export const colorColorIntentGreenMediumBorder = '--color-color-intent-green-medium-border';
183
+ export const colorColorIntentGreenMediumForeground = '--color-color-intent-green-medium-foreground';
184
+ export const colorColorIntentGreenStrongBackground = '--color-color-intent-green-strong-background';
185
+ export const colorColorIntentGreenStrongBorder = '--color-color-intent-green-strong-border';
186
+ export const colorColorIntentGreenStrongForeground = '--color-color-intent-green-strong-foreground';
187
+ export const colorColorIntentGreyBoldBackground = '--color-color-intent-grey-bold-background';
188
+ export const colorColorIntentGreyBoldBorder = '--color-color-intent-grey-bold-border';
189
+ export const colorColorIntentGreyBoldForeground = '--color-color-intent-grey-bold-foreground';
190
+ export const colorColorIntentGreyFaintBackground = '--color-color-intent-grey-faint-background';
191
+ export const colorColorIntentGreyFaintBorder = '--color-color-intent-grey-faint-border';
192
+ export const colorColorIntentGreyFaintForeground = '--color-color-intent-grey-faint-foreground';
193
+ export const colorColorIntentGreyMediumBackground = '--color-color-intent-grey-medium-background';
194
+ export const colorColorIntentGreyMediumBorder = '--color-color-intent-grey-medium-border';
195
+ export const colorColorIntentGreyMediumForeground = '--color-color-intent-grey-medium-foreground';
196
+ export const colorColorIntentGreyStrongBackground = '--color-color-intent-grey-strong-background';
197
+ export const colorColorIntentGreyStrongBorder = '--color-color-intent-grey-strong-border';
198
+ export const colorColorIntentGreyStrongForeground = '--color-color-intent-grey-strong-foreground';
199
+ export const colorColorIntentInteractionOnBoldBackgroundFocus = '--color-color-intent-interaction-on-bold-background-focus';
200
+ export const colorColorIntentInteractionOnBoldBackgroundHover = '--color-color-intent-interaction-on-bold-background-hover';
201
+ export const colorColorIntentInteractionOnBoldBackgroundPressed = '--color-color-intent-interaction-on-bold-background-pressed';
202
+ export const colorColorIntentInteractionOnFaintBackgroundFocus = '--color-color-intent-interaction-on-faint-background-focus';
203
+ export const colorColorIntentInteractionOnFaintBackgroundHover = '--color-color-intent-interaction-on-faint-background-hover';
204
+ export const colorColorIntentInteractionOnFaintBackgroundPressed = '--color-color-intent-interaction-on-faint-background-pressed';
205
+ export const colorColorIntentInteractionOnMediumBackgroundFocus = '--color-color-intent-interaction-on-medium-background-focus';
206
+ export const colorColorIntentInteractionOnMediumBackgroundHover = '--color-color-intent-interaction-on-medium-background-hover';
207
+ export const colorColorIntentInteractionOnMediumBackgroundPressed = '--color-color-intent-interaction-on-medium-background-pressed';
208
+ export const colorColorIntentInteractionOnStrongBackgroundFocus = '--color-color-intent-interaction-on-strong-background-focus';
209
+ export const colorColorIntentInteractionOnStrongBackgroundHover = '--color-color-intent-interaction-on-strong-background-hover';
210
+ export const colorColorIntentInteractionOnStrongBackgroundPressed = '--color-color-intent-interaction-on-strong-background-pressed';
211
+ export const colorColorIntentMagentaBold2Background = '--color-color-intent-magenta-bold-2-background';
212
+ export const colorColorIntentMagentaBold2Border = '--color-color-intent-magenta-bold-2-border';
213
+ export const colorColorIntentMagentaBold2Foreground = '--color-color-intent-magenta-bold-2-foreground';
214
+ export const colorColorIntentMagentaBoldBackground = '--color-color-intent-magenta-bold-background';
215
+ export const colorColorIntentMagentaBoldBorder = '--color-color-intent-magenta-bold-border';
216
+ export const colorColorIntentMagentaBoldForeground = '--color-color-intent-magenta-bold-foreground';
217
+ export const colorColorIntentMagentaFaint2Background = '--color-color-intent-magenta-faint-2-background';
218
+ export const colorColorIntentMagentaFaint2Border = '--color-color-intent-magenta-faint-2-border';
219
+ export const colorColorIntentMagentaFaint2Foreground = '--color-color-intent-magenta-faint-2-foreground';
220
+ export const colorColorIntentMagentaFaintBackground = '--color-color-intent-magenta-faint-background';
221
+ export const colorColorIntentMagentaFaintBorder = '--color-color-intent-magenta-faint-border';
222
+ export const colorColorIntentMagentaFaintForeground = '--color-color-intent-magenta-faint-foreground';
223
+ export const colorColorIntentMagentaMedium2Background = '--color-color-intent-magenta-medium-2-background';
224
+ export const colorColorIntentMagentaMedium2Border = '--color-color-intent-magenta-medium-2-border';
225
+ export const colorColorIntentMagentaMedium2Foreground = '--color-color-intent-magenta-medium-2-foreground';
226
+ export const colorColorIntentMagentaMediumBackground = '--color-color-intent-magenta-medium-background';
227
+ export const colorColorIntentMagentaMediumBorder = '--color-color-intent-magenta-medium-border';
228
+ export const colorColorIntentMagentaMediumForeground = '--color-color-intent-magenta-medium-foreground';
229
+ export const colorColorIntentMagentaStrong2Background = '--color-color-intent-magenta-strong-2-background';
230
+ export const colorColorIntentMagentaStrong2Border = '--color-color-intent-magenta-strong-2-border';
231
+ export const colorColorIntentMagentaStrong2Foreground = '--color-color-intent-magenta-strong-2-foreground';
232
+ export const colorColorIntentMagentaStrongBackground = '--color-color-intent-magenta-strong-background';
233
+ export const colorColorIntentMagentaStrongBorder = '--color-color-intent-magenta-strong-border';
234
+ export const colorColorIntentMagentaStrongForeground = '--color-color-intent-magenta-strong-foreground';
235
+ export const colorColorIntentOliveBoldBackground = '--color-color-intent-olive-bold-background';
236
+ export const colorColorIntentOliveBoldBorder = '--color-color-intent-olive-bold-border';
237
+ export const colorColorIntentOliveBoldForeground = '--color-color-intent-olive-bold-foreground';
238
+ export const colorColorIntentOliveFaintBackground = '--color-color-intent-olive-faint-background';
239
+ export const colorColorIntentOliveFaintBorder = '--color-color-intent-olive-faint-border';
240
+ export const colorColorIntentOliveFaintForeground = '--color-color-intent-olive-faint-foreground';
241
+ export const colorColorIntentOliveMediumBackground = '--color-color-intent-olive-medium-background';
242
+ export const colorColorIntentOliveMediumBorder = '--color-color-intent-olive-medium-border';
243
+ export const colorColorIntentOliveMediumForeground = '--color-color-intent-olive-medium-foreground';
244
+ export const colorColorIntentOliveStrongBackground = '--color-color-intent-olive-strong-background';
245
+ export const colorColorIntentOliveStrongBorder = '--color-color-intent-olive-strong-border';
246
+ export const colorColorIntentOliveStrongForeground = '--color-color-intent-olive-strong-foreground';
247
+ export const colorColorIntentOrangeBoldBackground = '--color-color-intent-orange-bold-background';
248
+ export const colorColorIntentOrangeBoldBorder = '--color-color-intent-orange-bold-border';
249
+ export const colorColorIntentOrangeBoldForeground = '--color-color-intent-orange-bold-foreground';
250
+ export const colorColorIntentOrangeFaintBackground = '--color-color-intent-orange-faint-background';
251
+ export const colorColorIntentOrangeFaintBorder = '--color-color-intent-orange-faint-border';
252
+ export const colorColorIntentOrangeFaintForeground = '--color-color-intent-orange-faint-foreground';
253
+ export const colorColorIntentOrangeMediumBackground = '--color-color-intent-orange-medium-background';
254
+ export const colorColorIntentOrangeMediumBorder = '--color-color-intent-orange-medium-border';
255
+ export const colorColorIntentOrangeMediumForeground = '--color-color-intent-orange-medium-foreground';
256
+ export const colorColorIntentOrangeStrongBackground = '--color-color-intent-orange-strong-background';
257
+ export const colorColorIntentOrangeStrongBorder = '--color-color-intent-orange-strong-border';
258
+ export const colorColorIntentOrangeStrongForeground = '--color-color-intent-orange-strong-foreground';
259
+ export const colorColorIntentPinkBoldBackground = '--color-color-intent-pink-bold-background';
260
+ export const colorColorIntentPinkBoldBorder = '--color-color-intent-pink-bold-border';
261
+ export const colorColorIntentPinkBoldForeground = '--color-color-intent-pink-bold-foreground';
262
+ export const colorColorIntentPinkFaintBackground = '--color-color-intent-pink-faint-background';
263
+ export const colorColorIntentPinkFaintBorder = '--color-color-intent-pink-faint-border';
264
+ export const colorColorIntentPinkFaintForeground = '--color-color-intent-pink-faint-foreground';
265
+ export const colorColorIntentPinkMediumBackground = '--color-color-intent-pink-medium-background';
266
+ export const colorColorIntentPinkMediumBorder = '--color-color-intent-pink-medium-border';
267
+ export const colorColorIntentPinkMediumForeground = '--color-color-intent-pink-medium-foreground';
268
+ export const colorColorIntentPinkStrongBackground = '--color-color-intent-pink-strong-background';
269
+ export const colorColorIntentPinkStrongBorder = '--color-color-intent-pink-strong-border';
270
+ export const colorColorIntentPinkStrongForeground = '--color-color-intent-pink-strong-foreground';
271
+ export const colorColorIntentPurpleBoldBackground = '--color-color-intent-purple-bold-background';
272
+ export const colorColorIntentPurpleBoldBorder = '--color-color-intent-purple-bold-border';
273
+ export const colorColorIntentPurpleBoldForeground = '--color-color-intent-purple-bold-foreground';
274
+ export const colorColorIntentPurpleFaintBackground = '--color-color-intent-purple-faint-background';
275
+ export const colorColorIntentPurpleFaintBorder = '--color-color-intent-purple-faint-border';
276
+ export const colorColorIntentPurpleFaintForeground = '--color-color-intent-purple-faint-foreground';
277
+ export const colorColorIntentPurpleMediumBackground = '--color-color-intent-purple-medium-background';
278
+ export const colorColorIntentPurpleMediumBorder = '--color-color-intent-purple-medium-border';
279
+ export const colorColorIntentPurpleMediumForeground = '--color-color-intent-purple-medium-foreground';
280
+ export const colorColorIntentPurpleStrongBackground = '--color-color-intent-purple-strong-background';
281
+ export const colorColorIntentPurpleStrongBorder = '--color-color-intent-purple-strong-border';
282
+ export const colorColorIntentPurpleStrongForeground = '--color-color-intent-purple-strong-foreground';
283
+ export const colorColorIntentRedBoldBackground = '--color-color-intent-red-bold-background';
284
+ export const colorColorIntentRedBoldBorder = '--color-color-intent-red-bold-border';
285
+ export const colorColorIntentRedBoldForeground = '--color-color-intent-red-bold-foreground';
286
+ export const colorColorIntentRedFaintBackground = '--color-color-intent-red-faint-background';
287
+ export const colorColorIntentRedFaintBorder = '--color-color-intent-red-faint-border';
288
+ export const colorColorIntentRedFaintForeground = '--color-color-intent-red-faint-foreground';
289
+ export const colorColorIntentRedMediumBackground = '--color-color-intent-red-medium-background';
290
+ export const colorColorIntentRedMediumBorder = '--color-color-intent-red-medium-border';
291
+ export const colorColorIntentRedMediumForeground = '--color-color-intent-red-medium-foreground';
292
+ export const colorColorIntentRedStrongBackground = '--color-color-intent-red-strong-background';
293
+ export const colorColorIntentRedStrongBorder = '--color-color-intent-red-strong-border';
294
+ export const colorColorIntentRedStrongForeground = '--color-color-intent-red-strong-foreground';
295
+ export const colorColorIntentTealBoldBackground = '--color-color-intent-teal-bold-background';
296
+ export const colorColorIntentTealBoldBorder = '--color-color-intent-teal-bold-border';
297
+ export const colorColorIntentTealBoldForeground = '--color-color-intent-teal-bold-foreground';
298
+ export const colorColorIntentTealFaintBackground = '--color-color-intent-teal-faint-background';
299
+ export const colorColorIntentTealFaintBorder = '--color-color-intent-teal-faint-border';
300
+ export const colorColorIntentTealFaintForeground = '--color-color-intent-teal-faint-foreground';
301
+ export const colorColorIntentTealMediumBackground = '--color-color-intent-teal-medium-background';
302
+ export const colorColorIntentTealMediumBorder = '--color-color-intent-teal-medium-border';
303
+ export const colorColorIntentTealMediumForeground = '--color-color-intent-teal-medium-foreground';
304
+ export const colorColorIntentTealStrongBackground = '--color-color-intent-teal-strong-background';
305
+ export const colorColorIntentTealStrongBorder = '--color-color-intent-teal-strong-border';
306
+ export const colorColorIntentTealStrongForeground = '--color-color-intent-teal-strong-foreground';
307
+ export const colorColorIntentYellowBoldBackground = '--color-color-intent-yellow-bold-background';
308
+ export const colorColorIntentYellowBoldBorder = '--color-color-intent-yellow-bold-border';
309
+ export const colorColorIntentYellowBoldForeground = '--color-color-intent-yellow-bold-foreground';
310
+ export const colorColorIntentYellowFaintBackground = '--color-color-intent-yellow-faint-background';
311
+ export const colorColorIntentYellowFaintBorder = '--color-color-intent-yellow-faint-border';
312
+ export const colorColorIntentYellowFaintForeground = '--color-color-intent-yellow-faint-foreground';
313
+ export const colorColorIntentYellowMediumBackground = '--color-color-intent-yellow-medium-background';
314
+ export const colorColorIntentYellowMediumBorder = '--color-color-intent-yellow-medium-border';
315
+ export const colorColorIntentYellowMediumForeground = '--color-color-intent-yellow-medium-foreground';
316
+ export const colorColorIntentYellowStrongBackground = '--color-color-intent-yellow-strong-background';
317
+ export const colorColorIntentYellowStrongBorder = '--color-color-intent-yellow-strong-border';
318
+ export const colorColorIntentYellowStrongForeground = '--color-color-intent-yellow-strong-foreground';
151
319
  export const colorDataCategory1 = '--color-data-category-1';
152
320
  export const colorDataCategory10 = '--color-data-category-10';
153
321
  export const colorDataCategory11 = '--color-data-category-11';
@@ -283,36 +451,6 @@ export const colorForegroundStrongPositive = '--color-foreground-strong-positive
283
451
  export const colorForegroundStrongWalkthrough = '--color-foreground-strong-walkthrough';
284
452
  export const colorForegroundStrongWarning = '--color-foreground-strong-warning';
285
453
  export const colorForegroundTertiary = '--color-foreground-tertiary';
286
- export const colorGeofenceCategoryFuelStationBackground = '--color-geofence-category-fuel-station-background';
287
- export const colorGeofenceCategoryFuelStationBorder = '--color-geofence-category-fuel-station-border';
288
- export const colorGeofenceCategoryFuelStationForeground = '--color-geofence-category-fuel-station-foreground';
289
- export const colorGeofenceCategoryInteractionFocus = '--color-geofence-category-interaction-focus';
290
- export const colorGeofenceCategoryInteractionHover = '--color-geofence-category-interaction-hover';
291
- export const colorGeofenceCategoryInteractionPressed = '--color-geofence-category-interaction-pressed';
292
- export const colorGeofenceCategoryJobSiteBackground = '--color-geofence-category-job-site-background';
293
- export const colorGeofenceCategoryJobSiteBorder = '--color-geofence-category-job-site-border';
294
- export const colorGeofenceCategoryJobSiteForeground = '--color-geofence-category-job-site-foreground';
295
- export const colorGeofenceCategoryMaintenanceFacilityBackground = '--color-geofence-category-maintenance-facility-background';
296
- export const colorGeofenceCategoryMaintenanceFacilityBorder = '--color-geofence-category-maintenance-facility-border';
297
- export const colorGeofenceCategoryMaintenanceFacilityForeground = '--color-geofence-category-maintenance-facility-foreground';
298
- export const colorGeofenceCategoryRestrictedLocationBackground = '--color-geofence-category-restricted-location-background';
299
- export const colorGeofenceCategoryRestrictedLocationBorder = '--color-geofence-category-restricted-location-border';
300
- export const colorGeofenceCategoryRestrictedLocationForeground = '--color-geofence-category-restricted-location-foreground';
301
- export const colorGeofenceCategoryRiskZoneBackground = '--color-geofence-category-risk-zone-background';
302
- export const colorGeofenceCategoryRiskZoneBorder = '--color-geofence-category-risk-zone-border';
303
- export const colorGeofenceCategoryRiskZoneForeground = '--color-geofence-category-risk-zone-foreground';
304
- export const colorGeofenceCategoryShipperBackground = '--color-geofence-category-shipper-background';
305
- export const colorGeofenceCategoryShipperBorder = '--color-geofence-category-shipper-border';
306
- export const colorGeofenceCategoryShipperForeground = '--color-geofence-category-shipper-foreground';
307
- export const colorGeofenceCategorySpecializedJobSiteBackground = '--color-geofence-category-specialized-job-site-background';
308
- export const colorGeofenceCategorySpecializedJobSiteBorder = '--color-geofence-category-specialized-job-site-border';
309
- export const colorGeofenceCategorySpecializedJobSiteForeground = '--color-geofence-category-specialized-job-site-foreground';
310
- export const colorGeofenceCategoryTerminalBackground = '--color-geofence-category-terminal-background';
311
- export const colorGeofenceCategoryTerminalBorder = '--color-geofence-category-terminal-border';
312
- export const colorGeofenceCategoryTerminalForeground = '--color-geofence-category-terminal-foreground';
313
- export const colorGeofenceCategoryUncategorizedBackground = '--color-geofence-category-uncategorized-background';
314
- export const colorGeofenceCategoryUncategorizedBorder = '--color-geofence-category-uncategorized-border';
315
- export const colorGeofenceCategoryUncategorizedForeground = '--color-geofence-category-uncategorized-foreground';
316
454
  export const colorInteractionActive = '--color-interaction-active';
317
455
  export const colorInteractionFocus = '--color-interaction-focus';
318
456
  export const colorInteractionHover = '--color-interaction-hover';
@@ -401,6 +539,19 @@ export const colorLocationMarkerForeground = '--color-location-marker-foreground
401
539
  export const colorLocationMarkerInteractionFocus = '--color-location-marker-interaction-focus';
402
540
  export const colorLocationMarkerInteractionHover = '--color-location-marker-interaction-hover';
403
541
  export const colorLocationMarkerInteractionPressed = '--color-location-marker-interaction-pressed';
542
+ export const colorMediaBackground = '--color-media-background';
543
+ export const colorMediaBorderPrimary = '--color-media-border-primary';
544
+ export const colorMediaBorderSecondary = '--color-media-border-secondary';
545
+ export const colorMediaBorderTertiary = '--color-media-border-tertiary';
546
+ export const colorMediaDivider = '--color-media-divider';
547
+ export const colorMediaForegroundPrimary = '--color-media-foreground-primary';
548
+ export const colorMediaForegroundQuaternary = '--color-media-foreground-quaternary';
549
+ export const colorMediaForegroundSecondary = '--color-media-foreground-secondary';
550
+ export const colorMediaForegroundTertiary = '--color-media-foreground-tertiary';
551
+ export const colorMediaInteractionActive = '--color-media-interaction-active';
552
+ export const colorMediaInteractionFocus = '--color-media-interaction-focus';
553
+ export const colorMediaInteractionHover = '--color-media-interaction-hover';
554
+ export const colorMediaInteractionPressed = '--color-media-interaction-pressed';
404
555
  export const colorNavigationBackground = '--color-navigation-background';
405
556
  export const colorNavigationBorderPrimary = '--color-navigation-border-primary';
406
557
  export const colorNavigationBorderSecondary = '--color-navigation-border-secondary';
@@ -574,9 +725,12 @@ export const dimensionBase = '--dimension-base';
574
725
  export const dimensionCardWidthLg = '--dimension-card-width-lg';
575
726
  export const dimensionCardWidthMd = '--dimension-card-width-md';
576
727
  export const dimensionCardWidthSm = '--dimension-card-width-sm';
728
+ export const dimensionCardWidthXs = '--dimension-card-width-xs';
577
729
  export const dimensionFormWidthLg = '--dimension-form-width-lg';
578
730
  export const dimensionFormWidthMd = '--dimension-form-width-md';
579
731
  export const dimensionFormWidthSm = '--dimension-form-width-sm';
732
+ export const dimensionFormWidthXl = '--dimension-form-width-xl';
733
+ export const dimensionFormWidthXs = '--dimension-form-width-xs';
580
734
  export const dimensionIconography2xl = '--dimension-iconography-2xl';
581
735
  export const dimensionIconography3xl = '--dimension-iconography-3xl';
582
736
  export const dimensionIconographyLg = '--dimension-iconography-lg';
@@ -587,10 +741,14 @@ export const dimensionIconographyXs = '--dimension-iconography-xs';
587
741
  export const dimensionMenuWidthLg = '--dimension-menu-width-lg';
588
742
  export const dimensionMenuWidthMd = '--dimension-menu-width-md';
589
743
  export const dimensionMenuWidthSm = '--dimension-menu-width-sm';
744
+ export const dimensionMenuWidthXs = '--dimension-menu-width-xs';
745
+ export const dimensionModalWidth2xl = '--dimension-modal-width-2xl';
590
746
  export const dimensionModalWidthFill = '--dimension-modal-width-fill';
591
747
  export const dimensionModalWidthLg = '--dimension-modal-width-lg';
592
748
  export const dimensionModalWidthMd = '--dimension-modal-width-md';
593
749
  export const dimensionModalWidthSm = '--dimension-modal-width-sm';
750
+ export const dimensionModalWidthXl = '--dimension-modal-width-xl';
751
+ export const dimensionModalWidthXs = '--dimension-modal-width-xs';
594
752
  export const dimensionOffset000 = '--dimension-offset-000';
595
753
  export const dimensionOffset025 = '--dimension-offset-025';
596
754
  export const dimensionOffset050 = '--dimension-offset-050';
@@ -611,6 +769,8 @@ export const dimensionOffsetN150 = '--dimension-offset-n150';
611
769
  export const dimensionOffsetN175 = '--dimension-offset-n175';
612
770
  export const dimensionOffsetN200 = '--dimension-offset-n200';
613
771
  export const dimensionOffsetN250 = '--dimension-offset-n250';
772
+ export const dimensionPanelWidth2xl = '--dimension-panel-width-2xl';
773
+ export const dimensionPanelWidth2xs = '--dimension-panel-width-2xs';
614
774
  export const dimensionPanelWidthFill = '--dimension-panel-width-fill';
615
775
  export const dimensionPanelWidthLg = '--dimension-panel-width-lg';
616
776
  export const dimensionPanelWidthMd = '--dimension-panel-width-md';
@@ -629,13 +789,12 @@ export const dimensionRadius150 = '--dimension-radius-150';
629
789
  export const dimensionRadius175 = '--dimension-radius-175';
630
790
  export const dimensionRadius200 = '--dimension-radius-200';
631
791
  export const dimensionRadius250 = '--dimension-radius-250';
632
- export const dimensionRadius275 = '--dimension-radius-275';
633
792
  export const dimensionRadius300 = '--dimension-radius-300';
634
793
  export const dimensionRadius400 = '--dimension-radius-400';
635
794
  export const dimensionRadius600 = '--dimension-radius-600';
636
795
  export const dimensionRadiusBase = '--dimension-radius-base';
637
796
  export const dimensionRadiusHalf = '--dimension-radius-half';
638
- export const dimensionScale100 = '--dimension-scale-100';
797
+ export const dimensionScaleDefault = '--dimension-scale-default';
639
798
  export const dimensionScaleSubtle = '--dimension-scale-subtle';
640
799
  export const dimensionSize000 = '--dimension-size-000';
641
800
  export const dimensionSize050 = '--dimension-size-050';