@ds-mo/tokens 2.5.1 → 2.6.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/colors.css +362 -60
  2. package/dist/dimensions.css +30 -17
  3. package/dist/index.cjs +191 -31
  4. package/dist/index.d.ts +191 -31
  5. package/dist/index.mjs +191 -31
  6. package/dist/json/colors.json +724 -120
  7. package/dist/json/dimensions.json +56 -20
  8. package/dist/tokens.json +780 -140
  9. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -148,6 +148,174 @@ exports.colorBorderStrongPositive = '--color-border-strong-positive';
148
148
  exports.colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';
149
149
  exports.colorBorderStrongWarning = '--color-border-strong-warning';
150
150
  exports.colorBorderTertiary = '--color-border-tertiary';
151
+ exports.colorCategoryBlueBoldBackground = '--color-category-blue-bold-background';
152
+ exports.colorCategoryBlueBoldBorder = '--color-category-blue-bold-border';
153
+ exports.colorCategoryBlueBoldForeground = '--color-category-blue-bold-foreground';
154
+ exports.colorCategoryBlueFaintBackground = '--color-category-blue-faint-background';
155
+ exports.colorCategoryBlueFaintBorder = '--color-category-blue-faint-border';
156
+ exports.colorCategoryBlueFaintForeground = '--color-category-blue-faint-foreground';
157
+ exports.colorCategoryBlueMediumBackground = '--color-category-blue-medium-background';
158
+ exports.colorCategoryBlueMediumBorder = '--color-category-blue-medium-border';
159
+ exports.colorCategoryBlueMediumForeground = '--color-category-blue-medium-foreground';
160
+ exports.colorCategoryBlueStrongBackground = '--color-category-blue-strong-background';
161
+ exports.colorCategoryBlueStrongBorder = '--color-category-blue-strong-border';
162
+ exports.colorCategoryBlueStrongForeground = '--color-category-blue-strong-foreground';
163
+ exports.colorCategoryCyanBoldBackground = '--color-category-cyan-bold-background';
164
+ exports.colorCategoryCyanBoldBorder = '--color-category-cyan-bold-border';
165
+ exports.colorCategoryCyanBoldForeground = '--color-category-cyan-bold-foreground';
166
+ exports.colorCategoryCyanFaintBackground = '--color-category-cyan-faint-background';
167
+ exports.colorCategoryCyanFaintBorder = '--color-category-cyan-faint-border';
168
+ exports.colorCategoryCyanFaintForeground = '--color-category-cyan-faint-foreground';
169
+ exports.colorCategoryCyanMediumBackground = '--color-category-cyan-medium-background';
170
+ exports.colorCategoryCyanMediumBorder = '--color-category-cyan-medium-border';
171
+ exports.colorCategoryCyanMediumForeground = '--color-category-cyan-medium-foreground';
172
+ exports.colorCategoryCyanStrongBackground = '--color-category-cyan-strong-background';
173
+ exports.colorCategoryCyanStrongBorder = '--color-category-cyan-strong-border';
174
+ exports.colorCategoryCyanStrongForeground = '--color-category-cyan-strong-foreground';
175
+ exports.colorCategoryGreenBoldBackground = '--color-category-green-bold-background';
176
+ exports.colorCategoryGreenBoldBorder = '--color-category-green-bold-border';
177
+ exports.colorCategoryGreenBoldForeground = '--color-category-green-bold-foreground';
178
+ exports.colorCategoryGreenFaintBackground = '--color-category-green-faint-background';
179
+ exports.colorCategoryGreenFaintBorder = '--color-category-green-faint-border';
180
+ exports.colorCategoryGreenFaintForeground = '--color-category-green-faint-foreground';
181
+ exports.colorCategoryGreenMediumBackground = '--color-category-green-medium-background';
182
+ exports.colorCategoryGreenMediumBorder = '--color-category-green-medium-border';
183
+ exports.colorCategoryGreenMediumForeground = '--color-category-green-medium-foreground';
184
+ exports.colorCategoryGreenStrongBackground = '--color-category-green-strong-background';
185
+ exports.colorCategoryGreenStrongBorder = '--color-category-green-strong-border';
186
+ exports.colorCategoryGreenStrongForeground = '--color-category-green-strong-foreground';
187
+ exports.colorCategoryGreyBoldBackground = '--color-category-grey-bold-background';
188
+ exports.colorCategoryGreyBoldBorder = '--color-category-grey-bold-border';
189
+ exports.colorCategoryGreyBoldForeground = '--color-category-grey-bold-foreground';
190
+ exports.colorCategoryGreyFaintBackground = '--color-category-grey-faint-background';
191
+ exports.colorCategoryGreyFaintBorder = '--color-category-grey-faint-border';
192
+ exports.colorCategoryGreyFaintForeground = '--color-category-grey-faint-foreground';
193
+ exports.colorCategoryGreyMediumBackground = '--color-category-grey-medium-background';
194
+ exports.colorCategoryGreyMediumBorder = '--color-category-grey-medium-border';
195
+ exports.colorCategoryGreyMediumForeground = '--color-category-grey-medium-foreground';
196
+ exports.colorCategoryGreyStrongBackground = '--color-category-grey-strong-background';
197
+ exports.colorCategoryGreyStrongBorder = '--color-category-grey-strong-border';
198
+ exports.colorCategoryGreyStrongForeground = '--color-category-grey-strong-foreground';
199
+ exports.colorCategoryInteractionOnBoldBackgroundFocus = '--color-category-interaction-on-bold-background-focus';
200
+ exports.colorCategoryInteractionOnBoldBackgroundHover = '--color-category-interaction-on-bold-background-hover';
201
+ exports.colorCategoryInteractionOnBoldBackgroundPressed = '--color-category-interaction-on-bold-background-pressed';
202
+ exports.colorCategoryInteractionOnFaintBackgroundFocus = '--color-category-interaction-on-faint-background-focus';
203
+ exports.colorCategoryInteractionOnFaintBackgroundHover = '--color-category-interaction-on-faint-background-hover';
204
+ exports.colorCategoryInteractionOnFaintBackgroundPressed = '--color-category-interaction-on-faint-background-pressed';
205
+ exports.colorCategoryInteractionOnMediumBackgroundFocus = '--color-category-interaction-on-medium-background-focus';
206
+ exports.colorCategoryInteractionOnMediumBackgroundHover = '--color-category-interaction-on-medium-background-hover';
207
+ exports.colorCategoryInteractionOnMediumBackgroundPressed = '--color-category-interaction-on-medium-background-pressed';
208
+ exports.colorCategoryInteractionOnStrongBackgroundFocus = '--color-category-interaction-on-strong-background-focus';
209
+ exports.colorCategoryInteractionOnStrongBackgroundHover = '--color-category-interaction-on-strong-background-hover';
210
+ exports.colorCategoryInteractionOnStrongBackgroundPressed = '--color-category-interaction-on-strong-background-pressed';
211
+ exports.colorCategoryMagentaBold2Background = '--color-category-magenta-bold-2-background';
212
+ exports.colorCategoryMagentaBold2Border = '--color-category-magenta-bold-2-border';
213
+ exports.colorCategoryMagentaBold2Foreground = '--color-category-magenta-bold-2-foreground';
214
+ exports.colorCategoryMagentaBoldBackground = '--color-category-magenta-bold-background';
215
+ exports.colorCategoryMagentaBoldBorder = '--color-category-magenta-bold-border';
216
+ exports.colorCategoryMagentaBoldForeground = '--color-category-magenta-bold-foreground';
217
+ exports.colorCategoryMagentaFaint2Background = '--color-category-magenta-faint-2-background';
218
+ exports.colorCategoryMagentaFaint2Border = '--color-category-magenta-faint-2-border';
219
+ exports.colorCategoryMagentaFaint2Foreground = '--color-category-magenta-faint-2-foreground';
220
+ exports.colorCategoryMagentaFaintBackground = '--color-category-magenta-faint-background';
221
+ exports.colorCategoryMagentaFaintBorder = '--color-category-magenta-faint-border';
222
+ exports.colorCategoryMagentaFaintForeground = '--color-category-magenta-faint-foreground';
223
+ exports.colorCategoryMagentaMedium2Background = '--color-category-magenta-medium-2-background';
224
+ exports.colorCategoryMagentaMedium2Border = '--color-category-magenta-medium-2-border';
225
+ exports.colorCategoryMagentaMedium2Foreground = '--color-category-magenta-medium-2-foreground';
226
+ exports.colorCategoryMagentaMediumBackground = '--color-category-magenta-medium-background';
227
+ exports.colorCategoryMagentaMediumBorder = '--color-category-magenta-medium-border';
228
+ exports.colorCategoryMagentaMediumForeground = '--color-category-magenta-medium-foreground';
229
+ exports.colorCategoryMagentaStrong2Background = '--color-category-magenta-strong-2-background';
230
+ exports.colorCategoryMagentaStrong2Border = '--color-category-magenta-strong-2-border';
231
+ exports.colorCategoryMagentaStrong2Foreground = '--color-category-magenta-strong-2-foreground';
232
+ exports.colorCategoryMagentaStrongBackground = '--color-category-magenta-strong-background';
233
+ exports.colorCategoryMagentaStrongBorder = '--color-category-magenta-strong-border';
234
+ exports.colorCategoryMagentaStrongForeground = '--color-category-magenta-strong-foreground';
235
+ exports.colorCategoryOliveBoldBackground = '--color-category-olive-bold-background';
236
+ exports.colorCategoryOliveBoldBorder = '--color-category-olive-bold-border';
237
+ exports.colorCategoryOliveBoldForeground = '--color-category-olive-bold-foreground';
238
+ exports.colorCategoryOliveFaintBackground = '--color-category-olive-faint-background';
239
+ exports.colorCategoryOliveFaintBorder = '--color-category-olive-faint-border';
240
+ exports.colorCategoryOliveFaintForeground = '--color-category-olive-faint-foreground';
241
+ exports.colorCategoryOliveMediumBackground = '--color-category-olive-medium-background';
242
+ exports.colorCategoryOliveMediumBorder = '--color-category-olive-medium-border';
243
+ exports.colorCategoryOliveMediumForeground = '--color-category-olive-medium-foreground';
244
+ exports.colorCategoryOliveStrongBackground = '--color-category-olive-strong-background';
245
+ exports.colorCategoryOliveStrongBorder = '--color-category-olive-strong-border';
246
+ exports.colorCategoryOliveStrongForeground = '--color-category-olive-strong-foreground';
247
+ exports.colorCategoryOrangeBoldBackground = '--color-category-orange-bold-background';
248
+ exports.colorCategoryOrangeBoldBorder = '--color-category-orange-bold-border';
249
+ exports.colorCategoryOrangeBoldForeground = '--color-category-orange-bold-foreground';
250
+ exports.colorCategoryOrangeFaintBackground = '--color-category-orange-faint-background';
251
+ exports.colorCategoryOrangeFaintBorder = '--color-category-orange-faint-border';
252
+ exports.colorCategoryOrangeFaintForeground = '--color-category-orange-faint-foreground';
253
+ exports.colorCategoryOrangeMediumBackground = '--color-category-orange-medium-background';
254
+ exports.colorCategoryOrangeMediumBorder = '--color-category-orange-medium-border';
255
+ exports.colorCategoryOrangeMediumForeground = '--color-category-orange-medium-foreground';
256
+ exports.colorCategoryOrangeStrongBackground = '--color-category-orange-strong-background';
257
+ exports.colorCategoryOrangeStrongBorder = '--color-category-orange-strong-border';
258
+ exports.colorCategoryOrangeStrongForeground = '--color-category-orange-strong-foreground';
259
+ exports.colorCategoryPinkBoldBackground = '--color-category-pink-bold-background';
260
+ exports.colorCategoryPinkBoldBorder = '--color-category-pink-bold-border';
261
+ exports.colorCategoryPinkBoldForeground = '--color-category-pink-bold-foreground';
262
+ exports.colorCategoryPinkFaintBackground = '--color-category-pink-faint-background';
263
+ exports.colorCategoryPinkFaintBorder = '--color-category-pink-faint-border';
264
+ exports.colorCategoryPinkFaintForeground = '--color-category-pink-faint-foreground';
265
+ exports.colorCategoryPinkMediumBackground = '--color-category-pink-medium-background';
266
+ exports.colorCategoryPinkMediumBorder = '--color-category-pink-medium-border';
267
+ exports.colorCategoryPinkMediumForeground = '--color-category-pink-medium-foreground';
268
+ exports.colorCategoryPinkStrongBackground = '--color-category-pink-strong-background';
269
+ exports.colorCategoryPinkStrongBorder = '--color-category-pink-strong-border';
270
+ exports.colorCategoryPinkStrongForeground = '--color-category-pink-strong-foreground';
271
+ exports.colorCategoryPurpleBoldBackground = '--color-category-purple-bold-background';
272
+ exports.colorCategoryPurpleBoldBorder = '--color-category-purple-bold-border';
273
+ exports.colorCategoryPurpleBoldForeground = '--color-category-purple-bold-foreground';
274
+ exports.colorCategoryPurpleFaintBackground = '--color-category-purple-faint-background';
275
+ exports.colorCategoryPurpleFaintBorder = '--color-category-purple-faint-border';
276
+ exports.colorCategoryPurpleFaintForeground = '--color-category-purple-faint-foreground';
277
+ exports.colorCategoryPurpleMediumBackground = '--color-category-purple-medium-background';
278
+ exports.colorCategoryPurpleMediumBorder = '--color-category-purple-medium-border';
279
+ exports.colorCategoryPurpleMediumForeground = '--color-category-purple-medium-foreground';
280
+ exports.colorCategoryPurpleStrongBackground = '--color-category-purple-strong-background';
281
+ exports.colorCategoryPurpleStrongBorder = '--color-category-purple-strong-border';
282
+ exports.colorCategoryPurpleStrongForeground = '--color-category-purple-strong-foreground';
283
+ exports.colorCategoryRedBoldBackground = '--color-category-red-bold-background';
284
+ exports.colorCategoryRedBoldBorder = '--color-category-red-bold-border';
285
+ exports.colorCategoryRedBoldForeground = '--color-category-red-bold-foreground';
286
+ exports.colorCategoryRedFaintBackground = '--color-category-red-faint-background';
287
+ exports.colorCategoryRedFaintBorder = '--color-category-red-faint-border';
288
+ exports.colorCategoryRedFaintForeground = '--color-category-red-faint-foreground';
289
+ exports.colorCategoryRedMediumBackground = '--color-category-red-medium-background';
290
+ exports.colorCategoryRedMediumBorder = '--color-category-red-medium-border';
291
+ exports.colorCategoryRedMediumForeground = '--color-category-red-medium-foreground';
292
+ exports.colorCategoryRedStrongBackground = '--color-category-red-strong-background';
293
+ exports.colorCategoryRedStrongBorder = '--color-category-red-strong-border';
294
+ exports.colorCategoryRedStrongForeground = '--color-category-red-strong-foreground';
295
+ exports.colorCategoryTealBoldBackground = '--color-category-teal-bold-background';
296
+ exports.colorCategoryTealBoldBorder = '--color-category-teal-bold-border';
297
+ exports.colorCategoryTealBoldForeground = '--color-category-teal-bold-foreground';
298
+ exports.colorCategoryTealFaintBackground = '--color-category-teal-faint-background';
299
+ exports.colorCategoryTealFaintBorder = '--color-category-teal-faint-border';
300
+ exports.colorCategoryTealFaintForeground = '--color-category-teal-faint-foreground';
301
+ exports.colorCategoryTealMediumBackground = '--color-category-teal-medium-background';
302
+ exports.colorCategoryTealMediumBorder = '--color-category-teal-medium-border';
303
+ exports.colorCategoryTealMediumForeground = '--color-category-teal-medium-foreground';
304
+ exports.colorCategoryTealStrongBackground = '--color-category-teal-strong-background';
305
+ exports.colorCategoryTealStrongBorder = '--color-category-teal-strong-border';
306
+ exports.colorCategoryTealStrongForeground = '--color-category-teal-strong-foreground';
307
+ exports.colorCategoryYellowBoldBackground = '--color-category-yellow-bold-background';
308
+ exports.colorCategoryYellowBoldBorder = '--color-category-yellow-bold-border';
309
+ exports.colorCategoryYellowBoldForeground = '--color-category-yellow-bold-foreground';
310
+ exports.colorCategoryYellowFaintBackground = '--color-category-yellow-faint-background';
311
+ exports.colorCategoryYellowFaintBorder = '--color-category-yellow-faint-border';
312
+ exports.colorCategoryYellowFaintForeground = '--color-category-yellow-faint-foreground';
313
+ exports.colorCategoryYellowMediumBackground = '--color-category-yellow-medium-background';
314
+ exports.colorCategoryYellowMediumBorder = '--color-category-yellow-medium-border';
315
+ exports.colorCategoryYellowMediumForeground = '--color-category-yellow-medium-foreground';
316
+ exports.colorCategoryYellowStrongBackground = '--color-category-yellow-strong-background';
317
+ exports.colorCategoryYellowStrongBorder = '--color-category-yellow-strong-border';
318
+ exports.colorCategoryYellowStrongForeground = '--color-category-yellow-strong-foreground';
151
319
  exports.colorDataCategory1 = '--color-data-category-1';
152
320
  exports.colorDataCategory10 = '--color-data-category-10';
153
321
  exports.colorDataCategory11 = '--color-data-category-11';
@@ -283,36 +451,6 @@ exports.colorForegroundStrongPositive = '--color-foreground-strong-positive';
283
451
  exports.colorForegroundStrongWalkthrough = '--color-foreground-strong-walkthrough';
284
452
  exports.colorForegroundStrongWarning = '--color-foreground-strong-warning';
285
453
  exports.colorForegroundTertiary = '--color-foreground-tertiary';
286
- exports.colorGeofenceCategoryFuelStationBackground = '--color-geofence-category-fuel-station-background';
287
- exports.colorGeofenceCategoryFuelStationBorder = '--color-geofence-category-fuel-station-border';
288
- exports.colorGeofenceCategoryFuelStationForeground = '--color-geofence-category-fuel-station-foreground';
289
- exports.colorGeofenceCategoryInteractionFocus = '--color-geofence-category-interaction-focus';
290
- exports.colorGeofenceCategoryInteractionHover = '--color-geofence-category-interaction-hover';
291
- exports.colorGeofenceCategoryInteractionPressed = '--color-geofence-category-interaction-pressed';
292
- exports.colorGeofenceCategoryJobSiteBackground = '--color-geofence-category-job-site-background';
293
- exports.colorGeofenceCategoryJobSiteBorder = '--color-geofence-category-job-site-border';
294
- exports.colorGeofenceCategoryJobSiteForeground = '--color-geofence-category-job-site-foreground';
295
- exports.colorGeofenceCategoryMaintenanceFacilityBackground = '--color-geofence-category-maintenance-facility-background';
296
- exports.colorGeofenceCategoryMaintenanceFacilityBorder = '--color-geofence-category-maintenance-facility-border';
297
- exports.colorGeofenceCategoryMaintenanceFacilityForeground = '--color-geofence-category-maintenance-facility-foreground';
298
- exports.colorGeofenceCategoryRestrictedLocationBackground = '--color-geofence-category-restricted-location-background';
299
- exports.colorGeofenceCategoryRestrictedLocationBorder = '--color-geofence-category-restricted-location-border';
300
- exports.colorGeofenceCategoryRestrictedLocationForeground = '--color-geofence-category-restricted-location-foreground';
301
- exports.colorGeofenceCategoryRiskZoneBackground = '--color-geofence-category-risk-zone-background';
302
- exports.colorGeofenceCategoryRiskZoneBorder = '--color-geofence-category-risk-zone-border';
303
- exports.colorGeofenceCategoryRiskZoneForeground = '--color-geofence-category-risk-zone-foreground';
304
- exports.colorGeofenceCategoryShipperBackground = '--color-geofence-category-shipper-background';
305
- exports.colorGeofenceCategoryShipperBorder = '--color-geofence-category-shipper-border';
306
- exports.colorGeofenceCategoryShipperForeground = '--color-geofence-category-shipper-foreground';
307
- exports.colorGeofenceCategorySpecializedJobSiteBackground = '--color-geofence-category-specialized-job-site-background';
308
- exports.colorGeofenceCategorySpecializedJobSiteBorder = '--color-geofence-category-specialized-job-site-border';
309
- exports.colorGeofenceCategorySpecializedJobSiteForeground = '--color-geofence-category-specialized-job-site-foreground';
310
- exports.colorGeofenceCategoryTerminalBackground = '--color-geofence-category-terminal-background';
311
- exports.colorGeofenceCategoryTerminalBorder = '--color-geofence-category-terminal-border';
312
- exports.colorGeofenceCategoryTerminalForeground = '--color-geofence-category-terminal-foreground';
313
- exports.colorGeofenceCategoryUncategorizedBackground = '--color-geofence-category-uncategorized-background';
314
- exports.colorGeofenceCategoryUncategorizedBorder = '--color-geofence-category-uncategorized-border';
315
- exports.colorGeofenceCategoryUncategorizedForeground = '--color-geofence-category-uncategorized-foreground';
316
454
  exports.colorInteractionActive = '--color-interaction-active';
317
455
  exports.colorInteractionFocus = '--color-interaction-focus';
318
456
  exports.colorInteractionHover = '--color-interaction-hover';
@@ -401,6 +539,19 @@ exports.colorLocationMarkerForeground = '--color-location-marker-foreground';
401
539
  exports.colorLocationMarkerInteractionFocus = '--color-location-marker-interaction-focus';
402
540
  exports.colorLocationMarkerInteractionHover = '--color-location-marker-interaction-hover';
403
541
  exports.colorLocationMarkerInteractionPressed = '--color-location-marker-interaction-pressed';
542
+ exports.colorMediaBackground = '--color-media-background';
543
+ exports.colorMediaBorderPrimary = '--color-media-border-primary';
544
+ exports.colorMediaBorderSecondary = '--color-media-border-secondary';
545
+ exports.colorMediaBorderTertiary = '--color-media-border-tertiary';
546
+ exports.colorMediaDivider = '--color-media-divider';
547
+ exports.colorMediaForegroundPrimary = '--color-media-foreground-primary';
548
+ exports.colorMediaForegroundQuaternary = '--color-media-foreground-quaternary';
549
+ exports.colorMediaForegroundSecondary = '--color-media-foreground-secondary';
550
+ exports.colorMediaForegroundTertiary = '--color-media-foreground-tertiary';
551
+ exports.colorMediaInteractionActive = '--color-media-interaction-active';
552
+ exports.colorMediaInteractionFocus = '--color-media-interaction-focus';
553
+ exports.colorMediaInteractionHover = '--color-media-interaction-hover';
554
+ exports.colorMediaInteractionPressed = '--color-media-interaction-pressed';
404
555
  exports.colorNavigationBackground = '--color-navigation-background';
405
556
  exports.colorNavigationBorderPrimary = '--color-navigation-border-primary';
406
557
  exports.colorNavigationBorderSecondary = '--color-navigation-border-secondary';
@@ -574,9 +725,12 @@ exports.dimensionBase = '--dimension-base';
574
725
  exports.dimensionCardWidthLg = '--dimension-card-width-lg';
575
726
  exports.dimensionCardWidthMd = '--dimension-card-width-md';
576
727
  exports.dimensionCardWidthSm = '--dimension-card-width-sm';
728
+ exports.dimensionCardWidthXs = '--dimension-card-width-xs';
577
729
  exports.dimensionFormWidthLg = '--dimension-form-width-lg';
578
730
  exports.dimensionFormWidthMd = '--dimension-form-width-md';
579
731
  exports.dimensionFormWidthSm = '--dimension-form-width-sm';
732
+ exports.dimensionFormWidthXl = '--dimension-form-width-xl';
733
+ exports.dimensionFormWidthXs = '--dimension-form-width-xs';
580
734
  exports.dimensionIconography2xl = '--dimension-iconography-2xl';
581
735
  exports.dimensionIconography3xl = '--dimension-iconography-3xl';
582
736
  exports.dimensionIconographyLg = '--dimension-iconography-lg';
@@ -587,10 +741,14 @@ exports.dimensionIconographyXs = '--dimension-iconography-xs';
587
741
  exports.dimensionMenuWidthLg = '--dimension-menu-width-lg';
588
742
  exports.dimensionMenuWidthMd = '--dimension-menu-width-md';
589
743
  exports.dimensionMenuWidthSm = '--dimension-menu-width-sm';
744
+ exports.dimensionMenuWidthXs = '--dimension-menu-width-xs';
745
+ exports.dimensionModalWidth2xl = '--dimension-modal-width-2xl';
590
746
  exports.dimensionModalWidthFill = '--dimension-modal-width-fill';
591
747
  exports.dimensionModalWidthLg = '--dimension-modal-width-lg';
592
748
  exports.dimensionModalWidthMd = '--dimension-modal-width-md';
593
749
  exports.dimensionModalWidthSm = '--dimension-modal-width-sm';
750
+ exports.dimensionModalWidthXl = '--dimension-modal-width-xl';
751
+ exports.dimensionModalWidthXs = '--dimension-modal-width-xs';
594
752
  exports.dimensionOffset000 = '--dimension-offset-000';
595
753
  exports.dimensionOffset025 = '--dimension-offset-025';
596
754
  exports.dimensionOffset050 = '--dimension-offset-050';
@@ -611,6 +769,8 @@ exports.dimensionOffsetN150 = '--dimension-offset-n150';
611
769
  exports.dimensionOffsetN175 = '--dimension-offset-n175';
612
770
  exports.dimensionOffsetN200 = '--dimension-offset-n200';
613
771
  exports.dimensionOffsetN250 = '--dimension-offset-n250';
772
+ exports.dimensionPanelWidth2xl = '--dimension-panel-width-2xl';
773
+ exports.dimensionPanelWidth2xs = '--dimension-panel-width-2xs';
614
774
  exports.dimensionPanelWidthFill = '--dimension-panel-width-fill';
615
775
  exports.dimensionPanelWidthLg = '--dimension-panel-width-lg';
616
776
  exports.dimensionPanelWidthMd = '--dimension-panel-width-md';
@@ -635,7 +795,7 @@ exports.dimensionRadius400 = '--dimension-radius-400';
635
795
  exports.dimensionRadius600 = '--dimension-radius-600';
636
796
  exports.dimensionRadiusBase = '--dimension-radius-base';
637
797
  exports.dimensionRadiusHalf = '--dimension-radius-half';
638
- exports.dimensionScale100 = '--dimension-scale-100';
798
+ exports.dimensionScaleDefault = '--dimension-scale-default';
639
799
  exports.dimensionScaleSubtle = '--dimension-scale-subtle';
640
800
  exports.dimensionSize000 = '--dimension-size-000';
641
801
  exports.dimensionSize050 = '--dimension-size-050';
package/dist/index.d.ts CHANGED
@@ -148,6 +148,174 @@ export declare const colorBorderStrongPositive: '--color-border-strong-positive'
148
148
  export declare const colorBorderStrongWalkthrough: '--color-border-strong-walkthrough';
149
149
  export declare const colorBorderStrongWarning: '--color-border-strong-warning';
150
150
  export declare const colorBorderTertiary: '--color-border-tertiary';
151
+ export declare const colorCategoryBlueBoldBackground: '--color-category-blue-bold-background';
152
+ export declare const colorCategoryBlueBoldBorder: '--color-category-blue-bold-border';
153
+ export declare const colorCategoryBlueBoldForeground: '--color-category-blue-bold-foreground';
154
+ export declare const colorCategoryBlueFaintBackground: '--color-category-blue-faint-background';
155
+ export declare const colorCategoryBlueFaintBorder: '--color-category-blue-faint-border';
156
+ export declare const colorCategoryBlueFaintForeground: '--color-category-blue-faint-foreground';
157
+ export declare const colorCategoryBlueMediumBackground: '--color-category-blue-medium-background';
158
+ export declare const colorCategoryBlueMediumBorder: '--color-category-blue-medium-border';
159
+ export declare const colorCategoryBlueMediumForeground: '--color-category-blue-medium-foreground';
160
+ export declare const colorCategoryBlueStrongBackground: '--color-category-blue-strong-background';
161
+ export declare const colorCategoryBlueStrongBorder: '--color-category-blue-strong-border';
162
+ export declare const colorCategoryBlueStrongForeground: '--color-category-blue-strong-foreground';
163
+ export declare const colorCategoryCyanBoldBackground: '--color-category-cyan-bold-background';
164
+ export declare const colorCategoryCyanBoldBorder: '--color-category-cyan-bold-border';
165
+ export declare const colorCategoryCyanBoldForeground: '--color-category-cyan-bold-foreground';
166
+ export declare const colorCategoryCyanFaintBackground: '--color-category-cyan-faint-background';
167
+ export declare const colorCategoryCyanFaintBorder: '--color-category-cyan-faint-border';
168
+ export declare const colorCategoryCyanFaintForeground: '--color-category-cyan-faint-foreground';
169
+ export declare const colorCategoryCyanMediumBackground: '--color-category-cyan-medium-background';
170
+ export declare const colorCategoryCyanMediumBorder: '--color-category-cyan-medium-border';
171
+ export declare const colorCategoryCyanMediumForeground: '--color-category-cyan-medium-foreground';
172
+ export declare const colorCategoryCyanStrongBackground: '--color-category-cyan-strong-background';
173
+ export declare const colorCategoryCyanStrongBorder: '--color-category-cyan-strong-border';
174
+ export declare const colorCategoryCyanStrongForeground: '--color-category-cyan-strong-foreground';
175
+ export declare const colorCategoryGreenBoldBackground: '--color-category-green-bold-background';
176
+ export declare const colorCategoryGreenBoldBorder: '--color-category-green-bold-border';
177
+ export declare const colorCategoryGreenBoldForeground: '--color-category-green-bold-foreground';
178
+ export declare const colorCategoryGreenFaintBackground: '--color-category-green-faint-background';
179
+ export declare const colorCategoryGreenFaintBorder: '--color-category-green-faint-border';
180
+ export declare const colorCategoryGreenFaintForeground: '--color-category-green-faint-foreground';
181
+ export declare const colorCategoryGreenMediumBackground: '--color-category-green-medium-background';
182
+ export declare const colorCategoryGreenMediumBorder: '--color-category-green-medium-border';
183
+ export declare const colorCategoryGreenMediumForeground: '--color-category-green-medium-foreground';
184
+ export declare const colorCategoryGreenStrongBackground: '--color-category-green-strong-background';
185
+ export declare const colorCategoryGreenStrongBorder: '--color-category-green-strong-border';
186
+ export declare const colorCategoryGreenStrongForeground: '--color-category-green-strong-foreground';
187
+ export declare const colorCategoryGreyBoldBackground: '--color-category-grey-bold-background';
188
+ export declare const colorCategoryGreyBoldBorder: '--color-category-grey-bold-border';
189
+ export declare const colorCategoryGreyBoldForeground: '--color-category-grey-bold-foreground';
190
+ export declare const colorCategoryGreyFaintBackground: '--color-category-grey-faint-background';
191
+ export declare const colorCategoryGreyFaintBorder: '--color-category-grey-faint-border';
192
+ export declare const colorCategoryGreyFaintForeground: '--color-category-grey-faint-foreground';
193
+ export declare const colorCategoryGreyMediumBackground: '--color-category-grey-medium-background';
194
+ export declare const colorCategoryGreyMediumBorder: '--color-category-grey-medium-border';
195
+ export declare const colorCategoryGreyMediumForeground: '--color-category-grey-medium-foreground';
196
+ export declare const colorCategoryGreyStrongBackground: '--color-category-grey-strong-background';
197
+ export declare const colorCategoryGreyStrongBorder: '--color-category-grey-strong-border';
198
+ export declare const colorCategoryGreyStrongForeground: '--color-category-grey-strong-foreground';
199
+ export declare const colorCategoryInteractionOnBoldBackgroundFocus: '--color-category-interaction-on-bold-background-focus';
200
+ export declare const colorCategoryInteractionOnBoldBackgroundHover: '--color-category-interaction-on-bold-background-hover';
201
+ export declare const colorCategoryInteractionOnBoldBackgroundPressed: '--color-category-interaction-on-bold-background-pressed';
202
+ export declare const colorCategoryInteractionOnFaintBackgroundFocus: '--color-category-interaction-on-faint-background-focus';
203
+ export declare const colorCategoryInteractionOnFaintBackgroundHover: '--color-category-interaction-on-faint-background-hover';
204
+ export declare const colorCategoryInteractionOnFaintBackgroundPressed: '--color-category-interaction-on-faint-background-pressed';
205
+ export declare const colorCategoryInteractionOnMediumBackgroundFocus: '--color-category-interaction-on-medium-background-focus';
206
+ export declare const colorCategoryInteractionOnMediumBackgroundHover: '--color-category-interaction-on-medium-background-hover';
207
+ export declare const colorCategoryInteractionOnMediumBackgroundPressed: '--color-category-interaction-on-medium-background-pressed';
208
+ export declare const colorCategoryInteractionOnStrongBackgroundFocus: '--color-category-interaction-on-strong-background-focus';
209
+ export declare const colorCategoryInteractionOnStrongBackgroundHover: '--color-category-interaction-on-strong-background-hover';
210
+ export declare const colorCategoryInteractionOnStrongBackgroundPressed: '--color-category-interaction-on-strong-background-pressed';
211
+ export declare const colorCategoryMagentaBold2Background: '--color-category-magenta-bold-2-background';
212
+ export declare const colorCategoryMagentaBold2Border: '--color-category-magenta-bold-2-border';
213
+ export declare const colorCategoryMagentaBold2Foreground: '--color-category-magenta-bold-2-foreground';
214
+ export declare const colorCategoryMagentaBoldBackground: '--color-category-magenta-bold-background';
215
+ export declare const colorCategoryMagentaBoldBorder: '--color-category-magenta-bold-border';
216
+ export declare const colorCategoryMagentaBoldForeground: '--color-category-magenta-bold-foreground';
217
+ export declare const colorCategoryMagentaFaint2Background: '--color-category-magenta-faint-2-background';
218
+ export declare const colorCategoryMagentaFaint2Border: '--color-category-magenta-faint-2-border';
219
+ export declare const colorCategoryMagentaFaint2Foreground: '--color-category-magenta-faint-2-foreground';
220
+ export declare const colorCategoryMagentaFaintBackground: '--color-category-magenta-faint-background';
221
+ export declare const colorCategoryMagentaFaintBorder: '--color-category-magenta-faint-border';
222
+ export declare const colorCategoryMagentaFaintForeground: '--color-category-magenta-faint-foreground';
223
+ export declare const colorCategoryMagentaMedium2Background: '--color-category-magenta-medium-2-background';
224
+ export declare const colorCategoryMagentaMedium2Border: '--color-category-magenta-medium-2-border';
225
+ export declare const colorCategoryMagentaMedium2Foreground: '--color-category-magenta-medium-2-foreground';
226
+ export declare const colorCategoryMagentaMediumBackground: '--color-category-magenta-medium-background';
227
+ export declare const colorCategoryMagentaMediumBorder: '--color-category-magenta-medium-border';
228
+ export declare const colorCategoryMagentaMediumForeground: '--color-category-magenta-medium-foreground';
229
+ export declare const colorCategoryMagentaStrong2Background: '--color-category-magenta-strong-2-background';
230
+ export declare const colorCategoryMagentaStrong2Border: '--color-category-magenta-strong-2-border';
231
+ export declare const colorCategoryMagentaStrong2Foreground: '--color-category-magenta-strong-2-foreground';
232
+ export declare const colorCategoryMagentaStrongBackground: '--color-category-magenta-strong-background';
233
+ export declare const colorCategoryMagentaStrongBorder: '--color-category-magenta-strong-border';
234
+ export declare const colorCategoryMagentaStrongForeground: '--color-category-magenta-strong-foreground';
235
+ export declare const colorCategoryOliveBoldBackground: '--color-category-olive-bold-background';
236
+ export declare const colorCategoryOliveBoldBorder: '--color-category-olive-bold-border';
237
+ export declare const colorCategoryOliveBoldForeground: '--color-category-olive-bold-foreground';
238
+ export declare const colorCategoryOliveFaintBackground: '--color-category-olive-faint-background';
239
+ export declare const colorCategoryOliveFaintBorder: '--color-category-olive-faint-border';
240
+ export declare const colorCategoryOliveFaintForeground: '--color-category-olive-faint-foreground';
241
+ export declare const colorCategoryOliveMediumBackground: '--color-category-olive-medium-background';
242
+ export declare const colorCategoryOliveMediumBorder: '--color-category-olive-medium-border';
243
+ export declare const colorCategoryOliveMediumForeground: '--color-category-olive-medium-foreground';
244
+ export declare const colorCategoryOliveStrongBackground: '--color-category-olive-strong-background';
245
+ export declare const colorCategoryOliveStrongBorder: '--color-category-olive-strong-border';
246
+ export declare const colorCategoryOliveStrongForeground: '--color-category-olive-strong-foreground';
247
+ export declare const colorCategoryOrangeBoldBackground: '--color-category-orange-bold-background';
248
+ export declare const colorCategoryOrangeBoldBorder: '--color-category-orange-bold-border';
249
+ export declare const colorCategoryOrangeBoldForeground: '--color-category-orange-bold-foreground';
250
+ export declare const colorCategoryOrangeFaintBackground: '--color-category-orange-faint-background';
251
+ export declare const colorCategoryOrangeFaintBorder: '--color-category-orange-faint-border';
252
+ export declare const colorCategoryOrangeFaintForeground: '--color-category-orange-faint-foreground';
253
+ export declare const colorCategoryOrangeMediumBackground: '--color-category-orange-medium-background';
254
+ export declare const colorCategoryOrangeMediumBorder: '--color-category-orange-medium-border';
255
+ export declare const colorCategoryOrangeMediumForeground: '--color-category-orange-medium-foreground';
256
+ export declare const colorCategoryOrangeStrongBackground: '--color-category-orange-strong-background';
257
+ export declare const colorCategoryOrangeStrongBorder: '--color-category-orange-strong-border';
258
+ export declare const colorCategoryOrangeStrongForeground: '--color-category-orange-strong-foreground';
259
+ export declare const colorCategoryPinkBoldBackground: '--color-category-pink-bold-background';
260
+ export declare const colorCategoryPinkBoldBorder: '--color-category-pink-bold-border';
261
+ export declare const colorCategoryPinkBoldForeground: '--color-category-pink-bold-foreground';
262
+ export declare const colorCategoryPinkFaintBackground: '--color-category-pink-faint-background';
263
+ export declare const colorCategoryPinkFaintBorder: '--color-category-pink-faint-border';
264
+ export declare const colorCategoryPinkFaintForeground: '--color-category-pink-faint-foreground';
265
+ export declare const colorCategoryPinkMediumBackground: '--color-category-pink-medium-background';
266
+ export declare const colorCategoryPinkMediumBorder: '--color-category-pink-medium-border';
267
+ export declare const colorCategoryPinkMediumForeground: '--color-category-pink-medium-foreground';
268
+ export declare const colorCategoryPinkStrongBackground: '--color-category-pink-strong-background';
269
+ export declare const colorCategoryPinkStrongBorder: '--color-category-pink-strong-border';
270
+ export declare const colorCategoryPinkStrongForeground: '--color-category-pink-strong-foreground';
271
+ export declare const colorCategoryPurpleBoldBackground: '--color-category-purple-bold-background';
272
+ export declare const colorCategoryPurpleBoldBorder: '--color-category-purple-bold-border';
273
+ export declare const colorCategoryPurpleBoldForeground: '--color-category-purple-bold-foreground';
274
+ export declare const colorCategoryPurpleFaintBackground: '--color-category-purple-faint-background';
275
+ export declare const colorCategoryPurpleFaintBorder: '--color-category-purple-faint-border';
276
+ export declare const colorCategoryPurpleFaintForeground: '--color-category-purple-faint-foreground';
277
+ export declare const colorCategoryPurpleMediumBackground: '--color-category-purple-medium-background';
278
+ export declare const colorCategoryPurpleMediumBorder: '--color-category-purple-medium-border';
279
+ export declare const colorCategoryPurpleMediumForeground: '--color-category-purple-medium-foreground';
280
+ export declare const colorCategoryPurpleStrongBackground: '--color-category-purple-strong-background';
281
+ export declare const colorCategoryPurpleStrongBorder: '--color-category-purple-strong-border';
282
+ export declare const colorCategoryPurpleStrongForeground: '--color-category-purple-strong-foreground';
283
+ export declare const colorCategoryRedBoldBackground: '--color-category-red-bold-background';
284
+ export declare const colorCategoryRedBoldBorder: '--color-category-red-bold-border';
285
+ export declare const colorCategoryRedBoldForeground: '--color-category-red-bold-foreground';
286
+ export declare const colorCategoryRedFaintBackground: '--color-category-red-faint-background';
287
+ export declare const colorCategoryRedFaintBorder: '--color-category-red-faint-border';
288
+ export declare const colorCategoryRedFaintForeground: '--color-category-red-faint-foreground';
289
+ export declare const colorCategoryRedMediumBackground: '--color-category-red-medium-background';
290
+ export declare const colorCategoryRedMediumBorder: '--color-category-red-medium-border';
291
+ export declare const colorCategoryRedMediumForeground: '--color-category-red-medium-foreground';
292
+ export declare const colorCategoryRedStrongBackground: '--color-category-red-strong-background';
293
+ export declare const colorCategoryRedStrongBorder: '--color-category-red-strong-border';
294
+ export declare const colorCategoryRedStrongForeground: '--color-category-red-strong-foreground';
295
+ export declare const colorCategoryTealBoldBackground: '--color-category-teal-bold-background';
296
+ export declare const colorCategoryTealBoldBorder: '--color-category-teal-bold-border';
297
+ export declare const colorCategoryTealBoldForeground: '--color-category-teal-bold-foreground';
298
+ export declare const colorCategoryTealFaintBackground: '--color-category-teal-faint-background';
299
+ export declare const colorCategoryTealFaintBorder: '--color-category-teal-faint-border';
300
+ export declare const colorCategoryTealFaintForeground: '--color-category-teal-faint-foreground';
301
+ export declare const colorCategoryTealMediumBackground: '--color-category-teal-medium-background';
302
+ export declare const colorCategoryTealMediumBorder: '--color-category-teal-medium-border';
303
+ export declare const colorCategoryTealMediumForeground: '--color-category-teal-medium-foreground';
304
+ export declare const colorCategoryTealStrongBackground: '--color-category-teal-strong-background';
305
+ export declare const colorCategoryTealStrongBorder: '--color-category-teal-strong-border';
306
+ export declare const colorCategoryTealStrongForeground: '--color-category-teal-strong-foreground';
307
+ export declare const colorCategoryYellowBoldBackground: '--color-category-yellow-bold-background';
308
+ export declare const colorCategoryYellowBoldBorder: '--color-category-yellow-bold-border';
309
+ export declare const colorCategoryYellowBoldForeground: '--color-category-yellow-bold-foreground';
310
+ export declare const colorCategoryYellowFaintBackground: '--color-category-yellow-faint-background';
311
+ export declare const colorCategoryYellowFaintBorder: '--color-category-yellow-faint-border';
312
+ export declare const colorCategoryYellowFaintForeground: '--color-category-yellow-faint-foreground';
313
+ export declare const colorCategoryYellowMediumBackground: '--color-category-yellow-medium-background';
314
+ export declare const colorCategoryYellowMediumBorder: '--color-category-yellow-medium-border';
315
+ export declare const colorCategoryYellowMediumForeground: '--color-category-yellow-medium-foreground';
316
+ export declare const colorCategoryYellowStrongBackground: '--color-category-yellow-strong-background';
317
+ export declare const colorCategoryYellowStrongBorder: '--color-category-yellow-strong-border';
318
+ export declare const colorCategoryYellowStrongForeground: '--color-category-yellow-strong-foreground';
151
319
  export declare const colorDataCategory1: '--color-data-category-1';
152
320
  export declare const colorDataCategory10: '--color-data-category-10';
153
321
  export declare const colorDataCategory11: '--color-data-category-11';
@@ -283,36 +451,6 @@ export declare const colorForegroundStrongPositive: '--color-foreground-strong-p
283
451
  export declare const colorForegroundStrongWalkthrough: '--color-foreground-strong-walkthrough';
284
452
  export declare const colorForegroundStrongWarning: '--color-foreground-strong-warning';
285
453
  export declare const colorForegroundTertiary: '--color-foreground-tertiary';
286
- export declare const colorGeofenceCategoryFuelStationBackground: '--color-geofence-category-fuel-station-background';
287
- export declare const colorGeofenceCategoryFuelStationBorder: '--color-geofence-category-fuel-station-border';
288
- export declare const colorGeofenceCategoryFuelStationForeground: '--color-geofence-category-fuel-station-foreground';
289
- export declare const colorGeofenceCategoryInteractionFocus: '--color-geofence-category-interaction-focus';
290
- export declare const colorGeofenceCategoryInteractionHover: '--color-geofence-category-interaction-hover';
291
- export declare const colorGeofenceCategoryInteractionPressed: '--color-geofence-category-interaction-pressed';
292
- export declare const colorGeofenceCategoryJobSiteBackground: '--color-geofence-category-job-site-background';
293
- export declare const colorGeofenceCategoryJobSiteBorder: '--color-geofence-category-job-site-border';
294
- export declare const colorGeofenceCategoryJobSiteForeground: '--color-geofence-category-job-site-foreground';
295
- export declare const colorGeofenceCategoryMaintenanceFacilityBackground: '--color-geofence-category-maintenance-facility-background';
296
- export declare const colorGeofenceCategoryMaintenanceFacilityBorder: '--color-geofence-category-maintenance-facility-border';
297
- export declare const colorGeofenceCategoryMaintenanceFacilityForeground: '--color-geofence-category-maintenance-facility-foreground';
298
- export declare const colorGeofenceCategoryRestrictedLocationBackground: '--color-geofence-category-restricted-location-background';
299
- export declare const colorGeofenceCategoryRestrictedLocationBorder: '--color-geofence-category-restricted-location-border';
300
- export declare const colorGeofenceCategoryRestrictedLocationForeground: '--color-geofence-category-restricted-location-foreground';
301
- export declare const colorGeofenceCategoryRiskZoneBackground: '--color-geofence-category-risk-zone-background';
302
- export declare const colorGeofenceCategoryRiskZoneBorder: '--color-geofence-category-risk-zone-border';
303
- export declare const colorGeofenceCategoryRiskZoneForeground: '--color-geofence-category-risk-zone-foreground';
304
- export declare const colorGeofenceCategoryShipperBackground: '--color-geofence-category-shipper-background';
305
- export declare const colorGeofenceCategoryShipperBorder: '--color-geofence-category-shipper-border';
306
- export declare const colorGeofenceCategoryShipperForeground: '--color-geofence-category-shipper-foreground';
307
- export declare const colorGeofenceCategorySpecializedJobSiteBackground: '--color-geofence-category-specialized-job-site-background';
308
- export declare const colorGeofenceCategorySpecializedJobSiteBorder: '--color-geofence-category-specialized-job-site-border';
309
- export declare const colorGeofenceCategorySpecializedJobSiteForeground: '--color-geofence-category-specialized-job-site-foreground';
310
- export declare const colorGeofenceCategoryTerminalBackground: '--color-geofence-category-terminal-background';
311
- export declare const colorGeofenceCategoryTerminalBorder: '--color-geofence-category-terminal-border';
312
- export declare const colorGeofenceCategoryTerminalForeground: '--color-geofence-category-terminal-foreground';
313
- export declare const colorGeofenceCategoryUncategorizedBackground: '--color-geofence-category-uncategorized-background';
314
- export declare const colorGeofenceCategoryUncategorizedBorder: '--color-geofence-category-uncategorized-border';
315
- export declare const colorGeofenceCategoryUncategorizedForeground: '--color-geofence-category-uncategorized-foreground';
316
454
  export declare const colorInteractionActive: '--color-interaction-active';
317
455
  export declare const colorInteractionFocus: '--color-interaction-focus';
318
456
  export declare const colorInteractionHover: '--color-interaction-hover';
@@ -401,6 +539,19 @@ export declare const colorLocationMarkerForeground: '--color-location-marker-for
401
539
  export declare const colorLocationMarkerInteractionFocus: '--color-location-marker-interaction-focus';
402
540
  export declare const colorLocationMarkerInteractionHover: '--color-location-marker-interaction-hover';
403
541
  export declare const colorLocationMarkerInteractionPressed: '--color-location-marker-interaction-pressed';
542
+ export declare const colorMediaBackground: '--color-media-background';
543
+ export declare const colorMediaBorderPrimary: '--color-media-border-primary';
544
+ export declare const colorMediaBorderSecondary: '--color-media-border-secondary';
545
+ export declare const colorMediaBorderTertiary: '--color-media-border-tertiary';
546
+ export declare const colorMediaDivider: '--color-media-divider';
547
+ export declare const colorMediaForegroundPrimary: '--color-media-foreground-primary';
548
+ export declare const colorMediaForegroundQuaternary: '--color-media-foreground-quaternary';
549
+ export declare const colorMediaForegroundSecondary: '--color-media-foreground-secondary';
550
+ export declare const colorMediaForegroundTertiary: '--color-media-foreground-tertiary';
551
+ export declare const colorMediaInteractionActive: '--color-media-interaction-active';
552
+ export declare const colorMediaInteractionFocus: '--color-media-interaction-focus';
553
+ export declare const colorMediaInteractionHover: '--color-media-interaction-hover';
554
+ export declare const colorMediaInteractionPressed: '--color-media-interaction-pressed';
404
555
  export declare const colorNavigationBackground: '--color-navigation-background';
405
556
  export declare const colorNavigationBorderPrimary: '--color-navigation-border-primary';
406
557
  export declare const colorNavigationBorderSecondary: '--color-navigation-border-secondary';
@@ -574,9 +725,12 @@ export declare const dimensionBase: '--dimension-base';
574
725
  export declare const dimensionCardWidthLg: '--dimension-card-width-lg';
575
726
  export declare const dimensionCardWidthMd: '--dimension-card-width-md';
576
727
  export declare const dimensionCardWidthSm: '--dimension-card-width-sm';
728
+ export declare const dimensionCardWidthXs: '--dimension-card-width-xs';
577
729
  export declare const dimensionFormWidthLg: '--dimension-form-width-lg';
578
730
  export declare const dimensionFormWidthMd: '--dimension-form-width-md';
579
731
  export declare const dimensionFormWidthSm: '--dimension-form-width-sm';
732
+ export declare const dimensionFormWidthXl: '--dimension-form-width-xl';
733
+ export declare const dimensionFormWidthXs: '--dimension-form-width-xs';
580
734
  export declare const dimensionIconography2xl: '--dimension-iconography-2xl';
581
735
  export declare const dimensionIconography3xl: '--dimension-iconography-3xl';
582
736
  export declare const dimensionIconographyLg: '--dimension-iconography-lg';
@@ -587,10 +741,14 @@ export declare const dimensionIconographyXs: '--dimension-iconography-xs';
587
741
  export declare const dimensionMenuWidthLg: '--dimension-menu-width-lg';
588
742
  export declare const dimensionMenuWidthMd: '--dimension-menu-width-md';
589
743
  export declare const dimensionMenuWidthSm: '--dimension-menu-width-sm';
744
+ export declare const dimensionMenuWidthXs: '--dimension-menu-width-xs';
745
+ export declare const dimensionModalWidth2xl: '--dimension-modal-width-2xl';
590
746
  export declare const dimensionModalWidthFill: '--dimension-modal-width-fill';
591
747
  export declare const dimensionModalWidthLg: '--dimension-modal-width-lg';
592
748
  export declare const dimensionModalWidthMd: '--dimension-modal-width-md';
593
749
  export declare const dimensionModalWidthSm: '--dimension-modal-width-sm';
750
+ export declare const dimensionModalWidthXl: '--dimension-modal-width-xl';
751
+ export declare const dimensionModalWidthXs: '--dimension-modal-width-xs';
594
752
  export declare const dimensionOffset000: '--dimension-offset-000';
595
753
  export declare const dimensionOffset025: '--dimension-offset-025';
596
754
  export declare const dimensionOffset050: '--dimension-offset-050';
@@ -611,6 +769,8 @@ export declare const dimensionOffsetN150: '--dimension-offset-n150';
611
769
  export declare const dimensionOffsetN175: '--dimension-offset-n175';
612
770
  export declare const dimensionOffsetN200: '--dimension-offset-n200';
613
771
  export declare const dimensionOffsetN250: '--dimension-offset-n250';
772
+ export declare const dimensionPanelWidth2xl: '--dimension-panel-width-2xl';
773
+ export declare const dimensionPanelWidth2xs: '--dimension-panel-width-2xs';
614
774
  export declare const dimensionPanelWidthFill: '--dimension-panel-width-fill';
615
775
  export declare const dimensionPanelWidthLg: '--dimension-panel-width-lg';
616
776
  export declare const dimensionPanelWidthMd: '--dimension-panel-width-md';
@@ -635,7 +795,7 @@ export declare const dimensionRadius400: '--dimension-radius-400';
635
795
  export declare const dimensionRadius600: '--dimension-radius-600';
636
796
  export declare const dimensionRadiusBase: '--dimension-radius-base';
637
797
  export declare const dimensionRadiusHalf: '--dimension-radius-half';
638
- export declare const dimensionScale100: '--dimension-scale-100';
798
+ export declare const dimensionScaleDefault: '--dimension-scale-default';
639
799
  export declare const dimensionScaleSubtle: '--dimension-scale-subtle';
640
800
  export declare const dimensionSize000: '--dimension-size-000';
641
801
  export declare const dimensionSize050: '--dimension-size-050';