@ds-mo/tokens 2.5.1 → 2.6.0

package/dist/index.mjs

@@ -148,6 +148,174 @@ export const colorBorderStrongPositive = '--color-border-strong-positive';
 export const colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';
 export const colorBorderStrongWarning = '--color-border-strong-warning';
 export const colorBorderTertiary = '--color-border-tertiary';
+export const colorCategoryBlueBoldBackground = '--color-category-blue-bold-background';
+export const colorCategoryBlueBoldBorder = '--color-category-blue-bold-border';
+export const colorCategoryBlueBoldForeground = '--color-category-blue-bold-foreground';
+export const colorCategoryBlueFaintBackground = '--color-category-blue-faint-background';
+export const colorCategoryBlueFaintBorder = '--color-category-blue-faint-border';
+export const colorCategoryBlueFaintForeground = '--color-category-blue-faint-foreground';
+export const colorCategoryBlueMediumBackground = '--color-category-blue-medium-background';
+export const colorCategoryBlueMediumBorder = '--color-category-blue-medium-border';
+export const colorCategoryBlueMediumForeground = '--color-category-blue-medium-foreground';
+export const colorCategoryBlueStrongBackground = '--color-category-blue-strong-background';
+export const colorCategoryBlueStrongBorder = '--color-category-blue-strong-border';
+export const colorCategoryBlueStrongForeground = '--color-category-blue-strong-foreground';
+export const colorCategoryCyanBoldBackground = '--color-category-cyan-bold-background';
+export const colorCategoryCyanBoldBorder = '--color-category-cyan-bold-border';
+export const colorCategoryCyanBoldForeground = '--color-category-cyan-bold-foreground';
+export const colorCategoryCyanFaintBackground = '--color-category-cyan-faint-background';
+export const colorCategoryCyanFaintBorder = '--color-category-cyan-faint-border';
+export const colorCategoryCyanFaintForeground = '--color-category-cyan-faint-foreground';
+export const colorCategoryCyanMediumBackground = '--color-category-cyan-medium-background';
+export const colorCategoryCyanMediumBorder = '--color-category-cyan-medium-border';
+export const colorCategoryCyanMediumForeground = '--color-category-cyan-medium-foreground';
+export const colorCategoryCyanStrongBackground = '--color-category-cyan-strong-background';
+export const colorCategoryCyanStrongBorder = '--color-category-cyan-strong-border';
+export const colorCategoryCyanStrongForeground = '--color-category-cyan-strong-foreground';
+export const colorCategoryGreenBoldBackground = '--color-category-green-bold-background';
+export const colorCategoryGreenBoldBorder = '--color-category-green-bold-border';
+export const colorCategoryGreenBoldForeground = '--color-category-green-bold-foreground';
+export const colorCategoryGreenFaintBackground = '--color-category-green-faint-background';
+export const colorCategoryGreenFaintBorder = '--color-category-green-faint-border';
+export const colorCategoryGreenFaintForeground = '--color-category-green-faint-foreground';
+export const colorCategoryGreenMediumBackground = '--color-category-green-medium-background';
+export const colorCategoryGreenMediumBorder = '--color-category-green-medium-border';
+export const colorCategoryGreenMediumForeground = '--color-category-green-medium-foreground';
+export const colorCategoryGreenStrongBackground = '--color-category-green-strong-background';
+export const colorCategoryGreenStrongBorder = '--color-category-green-strong-border';
+export const colorCategoryGreenStrongForeground = '--color-category-green-strong-foreground';
+export const colorCategoryGreyBoldBackground = '--color-category-grey-bold-background';
+export const colorCategoryGreyBoldBorder = '--color-category-grey-bold-border';
+export const colorCategoryGreyBoldForeground = '--color-category-grey-bold-foreground';
+export const colorCategoryGreyFaintBackground = '--color-category-grey-faint-background';
+export const colorCategoryGreyFaintBorder = '--color-category-grey-faint-border';
+export const colorCategoryGreyFaintForeground = '--color-category-grey-faint-foreground';
+export const colorCategoryGreyMediumBackground = '--color-category-grey-medium-background';
+export const colorCategoryGreyMediumBorder = '--color-category-grey-medium-border';
+export const colorCategoryGreyMediumForeground = '--color-category-grey-medium-foreground';
+export const colorCategoryGreyStrongBackground = '--color-category-grey-strong-background';
+export const colorCategoryGreyStrongBorder = '--color-category-grey-strong-border';
+export const colorCategoryGreyStrongForeground = '--color-category-grey-strong-foreground';
+export const colorCategoryInteractionOnBoldBackgroundFocus = '--color-category-interaction-on-bold-background-focus';
+export const colorCategoryInteractionOnBoldBackgroundHover = '--color-category-interaction-on-bold-background-hover';
+export const colorCategoryInteractionOnBoldBackgroundPressed = '--color-category-interaction-on-bold-background-pressed';
+export const colorCategoryInteractionOnFaintBackgroundFocus = '--color-category-interaction-on-faint-background-focus';
+export const colorCategoryInteractionOnFaintBackgroundHover = '--color-category-interaction-on-faint-background-hover';
+export const colorCategoryInteractionOnFaintBackgroundPressed = '--color-category-interaction-on-faint-background-pressed';
+export const colorCategoryInteractionOnMediumBackgroundFocus = '--color-category-interaction-on-medium-background-focus';
+export const colorCategoryInteractionOnMediumBackgroundHover = '--color-category-interaction-on-medium-background-hover';
+export const colorCategoryInteractionOnMediumBackgroundPressed = '--color-category-interaction-on-medium-background-pressed';
+export const colorCategoryInteractionOnStrongBackgroundFocus = '--color-category-interaction-on-strong-background-focus';
+export const colorCategoryInteractionOnStrongBackgroundHover = '--color-category-interaction-on-strong-background-hover';
+export const colorCategoryInteractionOnStrongBackgroundPressed = '--color-category-interaction-on-strong-background-pressed';
+export const colorCategoryMagentaBold2Background = '--color-category-magenta-bold-2-background';
+export const colorCategoryMagentaBold2Border = '--color-category-magenta-bold-2-border';
+export const colorCategoryMagentaBold2Foreground = '--color-category-magenta-bold-2-foreground';
+export const colorCategoryMagentaBoldBackground = '--color-category-magenta-bold-background';
+export const colorCategoryMagentaBoldBorder = '--color-category-magenta-bold-border';
+export const colorCategoryMagentaBoldForeground = '--color-category-magenta-bold-foreground';
+export const colorCategoryMagentaFaint2Background = '--color-category-magenta-faint-2-background';
+export const colorCategoryMagentaFaint2Border = '--color-category-magenta-faint-2-border';
+export const colorCategoryMagentaFaint2Foreground = '--color-category-magenta-faint-2-foreground';
+export const colorCategoryMagentaFaintBackground = '--color-category-magenta-faint-background';
+export const colorCategoryMagentaFaintBorder = '--color-category-magenta-faint-border';
+export const colorCategoryMagentaFaintForeground = '--color-category-magenta-faint-foreground';
+export const colorCategoryMagentaMedium2Background = '--color-category-magenta-medium-2-background';
+export const colorCategoryMagentaMedium2Border = '--color-category-magenta-medium-2-border';
+export const colorCategoryMagentaMedium2Foreground = '--color-category-magenta-medium-2-foreground';
+export const colorCategoryMagentaMediumBackground = '--color-category-magenta-medium-background';
+export const colorCategoryMagentaMediumBorder = '--color-category-magenta-medium-border';
+export const colorCategoryMagentaMediumForeground = '--color-category-magenta-medium-foreground';
+export const colorCategoryMagentaStrong2Background = '--color-category-magenta-strong-2-background';
+export const colorCategoryMagentaStrong2Border = '--color-category-magenta-strong-2-border';
+export const colorCategoryMagentaStrong2Foreground = '--color-category-magenta-strong-2-foreground';
+export const colorCategoryMagentaStrongBackground = '--color-category-magenta-strong-background';
+export const colorCategoryMagentaStrongBorder = '--color-category-magenta-strong-border';
+export const colorCategoryMagentaStrongForeground = '--color-category-magenta-strong-foreground';
+export const colorCategoryOliveBoldBackground = '--color-category-olive-bold-background';
+export const colorCategoryOliveBoldBorder = '--color-category-olive-bold-border';
+export const colorCategoryOliveBoldForeground = '--color-category-olive-bold-foreground';
+export const colorCategoryOliveFaintBackground = '--color-category-olive-faint-background';
+export const colorCategoryOliveFaintBorder = '--color-category-olive-faint-border';
+export const colorCategoryOliveFaintForeground = '--color-category-olive-faint-foreground';
+export const colorCategoryOliveMediumBackground = '--color-category-olive-medium-background';
+export const colorCategoryOliveMediumBorder = '--color-category-olive-medium-border';
+export const colorCategoryOliveMediumForeground = '--color-category-olive-medium-foreground';
+export const colorCategoryOliveStrongBackground = '--color-category-olive-strong-background';
+export const colorCategoryOliveStrongBorder = '--color-category-olive-strong-border';
+export const colorCategoryOliveStrongForeground = '--color-category-olive-strong-foreground';
+export const colorCategoryOrangeBoldBackground = '--color-category-orange-bold-background';
+export const colorCategoryOrangeBoldBorder = '--color-category-orange-bold-border';
+export const colorCategoryOrangeBoldForeground = '--color-category-orange-bold-foreground';
+export const colorCategoryOrangeFaintBackground = '--color-category-orange-faint-background';
+export const colorCategoryOrangeFaintBorder = '--color-category-orange-faint-border';
+export const colorCategoryOrangeFaintForeground = '--color-category-orange-faint-foreground';
+export const colorCategoryOrangeMediumBackground = '--color-category-orange-medium-background';
+export const colorCategoryOrangeMediumBorder = '--color-category-orange-medium-border';
+export const colorCategoryOrangeMediumForeground = '--color-category-orange-medium-foreground';
+export const colorCategoryOrangeStrongBackground = '--color-category-orange-strong-background';
+export const colorCategoryOrangeStrongBorder = '--color-category-orange-strong-border';
+export const colorCategoryOrangeStrongForeground = '--color-category-orange-strong-foreground';
+export const colorCategoryPinkBoldBackground = '--color-category-pink-bold-background';
+export const colorCategoryPinkBoldBorder = '--color-category-pink-bold-border';
+export const colorCategoryPinkBoldForeground = '--color-category-pink-bold-foreground';
+export const colorCategoryPinkFaintBackground = '--color-category-pink-faint-background';
+export const colorCategoryPinkFaintBorder = '--color-category-pink-faint-border';
+export const colorCategoryPinkFaintForeground = '--color-category-pink-faint-foreground';
+export const colorCategoryPinkMediumBackground = '--color-category-pink-medium-background';
+export const colorCategoryPinkMediumBorder = '--color-category-pink-medium-border';
+export const colorCategoryPinkMediumForeground = '--color-category-pink-medium-foreground';
+export const colorCategoryPinkStrongBackground = '--color-category-pink-strong-background';
+export const colorCategoryPinkStrongBorder = '--color-category-pink-strong-border';
+export const colorCategoryPinkStrongForeground = '--color-category-pink-strong-foreground';
+export const colorCategoryPurpleBoldBackground = '--color-category-purple-bold-background';
+export const colorCategoryPurpleBoldBorder = '--color-category-purple-bold-border';
+export const colorCategoryPurpleBoldForeground = '--color-category-purple-bold-foreground';
+export const colorCategoryPurpleFaintBackground = '--color-category-purple-faint-background';
+export const colorCategoryPurpleFaintBorder = '--color-category-purple-faint-border';
+export const colorCategoryPurpleFaintForeground = '--color-category-purple-faint-foreground';
+export const colorCategoryPurpleMediumBackground = '--color-category-purple-medium-background';
+export const colorCategoryPurpleMediumBorder = '--color-category-purple-medium-border';
+export const colorCategoryPurpleMediumForeground = '--color-category-purple-medium-foreground';
+export const colorCategoryPurpleStrongBackground = '--color-category-purple-strong-background';
+export const colorCategoryPurpleStrongBorder = '--color-category-purple-strong-border';
+export const colorCategoryPurpleStrongForeground = '--color-category-purple-strong-foreground';
+export const colorCategoryRedBoldBackground = '--color-category-red-bold-background';
+export const colorCategoryRedBoldBorder = '--color-category-red-bold-border';
+export const colorCategoryRedBoldForeground = '--color-category-red-bold-foreground';
+export const colorCategoryRedFaintBackground = '--color-category-red-faint-background';
+export const colorCategoryRedFaintBorder = '--color-category-red-faint-border';
+export const colorCategoryRedFaintForeground = '--color-category-red-faint-foreground';
+export const colorCategoryRedMediumBackground = '--color-category-red-medium-background';
+export const colorCategoryRedMediumBorder = '--color-category-red-medium-border';
+export const colorCategoryRedMediumForeground = '--color-category-red-medium-foreground';
+export const colorCategoryRedStrongBackground = '--color-category-red-strong-background';
+export const colorCategoryRedStrongBorder = '--color-category-red-strong-border';
+export const colorCategoryRedStrongForeground = '--color-category-red-strong-foreground';
+export const colorCategoryTealBoldBackground = '--color-category-teal-bold-background';
+export const colorCategoryTealBoldBorder = '--color-category-teal-bold-border';
+export const colorCategoryTealBoldForeground = '--color-category-teal-bold-foreground';
+export const colorCategoryTealFaintBackground = '--color-category-teal-faint-background';
+export const colorCategoryTealFaintBorder = '--color-category-teal-faint-border';
+export const colorCategoryTealFaintForeground = '--color-category-teal-faint-foreground';
+export const colorCategoryTealMediumBackground = '--color-category-teal-medium-background';
+export const colorCategoryTealMediumBorder = '--color-category-teal-medium-border';
+export const colorCategoryTealMediumForeground = '--color-category-teal-medium-foreground';
+export const colorCategoryTealStrongBackground = '--color-category-teal-strong-background';
+export const colorCategoryTealStrongBorder = '--color-category-teal-strong-border';
+export const colorCategoryTealStrongForeground = '--color-category-teal-strong-foreground';
+export const colorCategoryYellowBoldBackground = '--color-category-yellow-bold-background';
+export const colorCategoryYellowBoldBorder = '--color-category-yellow-bold-border';
+export const colorCategoryYellowBoldForeground = '--color-category-yellow-bold-foreground';
+export const colorCategoryYellowFaintBackground = '--color-category-yellow-faint-background';
+export const colorCategoryYellowFaintBorder = '--color-category-yellow-faint-border';
+export const colorCategoryYellowFaintForeground = '--color-category-yellow-faint-foreground';
+export const colorCategoryYellowMediumBackground = '--color-category-yellow-medium-background';
+export const colorCategoryYellowMediumBorder = '--color-category-yellow-medium-border';
+export const colorCategoryYellowMediumForeground = '--color-category-yellow-medium-foreground';
+export const colorCategoryYellowStrongBackground = '--color-category-yellow-strong-background';
+export const colorCategoryYellowStrongBorder = '--color-category-yellow-strong-border';
+export const colorCategoryYellowStrongForeground = '--color-category-yellow-strong-foreground';
 export const colorDataCategory1 = '--color-data-category-1';
 export const colorDataCategory10 = '--color-data-category-10';
 export const colorDataCategory11 = '--color-data-category-11';
@@ -283,36 +451,6 @@ export const colorForegroundStrongPositive = '--color-foreground-strong-positive
 export const colorForegroundStrongWalkthrough = '--color-foreground-strong-walkthrough';
 export const colorForegroundStrongWarning = '--color-foreground-strong-warning';
 export const colorForegroundTertiary = '--color-foreground-tertiary';
-export const colorGeofenceCategoryFuelStationBackground = '--color-geofence-category-fuel-station-background';
-export const colorGeofenceCategoryFuelStationBorder = '--color-geofence-category-fuel-station-border';
-export const colorGeofenceCategoryFuelStationForeground = '--color-geofence-category-fuel-station-foreground';
-export const colorGeofenceCategoryInteractionFocus = '--color-geofence-category-interaction-focus';
-export const colorGeofenceCategoryInteractionHover = '--color-geofence-category-interaction-hover';
-export const colorGeofenceCategoryInteractionPressed = '--color-geofence-category-interaction-pressed';
-export const colorGeofenceCategoryJobSiteBackground = '--color-geofence-category-job-site-background';
-export const colorGeofenceCategoryJobSiteBorder = '--color-geofence-category-job-site-border';
-export const colorGeofenceCategoryJobSiteForeground = '--color-geofence-category-job-site-foreground';
-export const colorGeofenceCategoryMaintenanceFacilityBackground = '--color-geofence-category-maintenance-facility-background';
-export const colorGeofenceCategoryMaintenanceFacilityBorder = '--color-geofence-category-maintenance-facility-border';
-export const colorGeofenceCategoryMaintenanceFacilityForeground = '--color-geofence-category-maintenance-facility-foreground';
-export const colorGeofenceCategoryRestrictedLocationBackground = '--color-geofence-category-restricted-location-background';
-export const colorGeofenceCategoryRestrictedLocationBorder = '--color-geofence-category-restricted-location-border';
-export const colorGeofenceCategoryRestrictedLocationForeground = '--color-geofence-category-restricted-location-foreground';
-export const colorGeofenceCategoryRiskZoneBackground = '--color-geofence-category-risk-zone-background';
-export const colorGeofenceCategoryRiskZoneBorder = '--color-geofence-category-risk-zone-border';
-export const colorGeofenceCategoryRiskZoneForeground = '--color-geofence-category-risk-zone-foreground';
-export const colorGeofenceCategoryShipperBackground = '--color-geofence-category-shipper-background';
-export const colorGeofenceCategoryShipperBorder = '--color-geofence-category-shipper-border';
-export const colorGeofenceCategoryShipperForeground = '--color-geofence-category-shipper-foreground';
-export const colorGeofenceCategorySpecializedJobSiteBackground = '--color-geofence-category-specialized-job-site-background';
-export const colorGeofenceCategorySpecializedJobSiteBorder = '--color-geofence-category-specialized-job-site-border';
-export const colorGeofenceCategorySpecializedJobSiteForeground = '--color-geofence-category-specialized-job-site-foreground';
-export const colorGeofenceCategoryTerminalBackground = '--color-geofence-category-terminal-background';
-export const colorGeofenceCategoryTerminalBorder = '--color-geofence-category-terminal-border';
-export const colorGeofenceCategoryTerminalForeground = '--color-geofence-category-terminal-foreground';
-export const colorGeofenceCategoryUncategorizedBackground = '--color-geofence-category-uncategorized-background';
-export const colorGeofenceCategoryUncategorizedBorder = '--color-geofence-category-uncategorized-border';
-export const colorGeofenceCategoryUncategorizedForeground = '--color-geofence-category-uncategorized-foreground';
 export const colorInteractionActive = '--color-interaction-active';
 export const colorInteractionFocus = '--color-interaction-focus';
 export const colorInteractionHover = '--color-interaction-hover';
@@ -401,6 +539,19 @@ export const colorLocationMarkerForeground = '--color-location-marker-foreground
 export const colorLocationMarkerInteractionFocus = '--color-location-marker-interaction-focus';
 export const colorLocationMarkerInteractionHover = '--color-location-marker-interaction-hover';
 export const colorLocationMarkerInteractionPressed = '--color-location-marker-interaction-pressed';
+export const colorMediaBackground = '--color-media-background';
+export const colorMediaBorderPrimary = '--color-media-border-primary';
+export const colorMediaBorderSecondary = '--color-media-border-secondary';
+export const colorMediaBorderTertiary = '--color-media-border-tertiary';
+export const colorMediaDivider = '--color-media-divider';
+export const colorMediaForegroundPrimary = '--color-media-foreground-primary';
+export const colorMediaForegroundQuaternary = '--color-media-foreground-quaternary';
+export const colorMediaForegroundSecondary = '--color-media-foreground-secondary';
+export const colorMediaForegroundTertiary = '--color-media-foreground-tertiary';
+export const colorMediaInteractionActive = '--color-media-interaction-active';
+export const colorMediaInteractionFocus = '--color-media-interaction-focus';
+export const colorMediaInteractionHover = '--color-media-interaction-hover';
+export const colorMediaInteractionPressed = '--color-media-interaction-pressed';
 export const colorNavigationBackground = '--color-navigation-background';
 export const colorNavigationBorderPrimary = '--color-navigation-border-primary';
 export const colorNavigationBorderSecondary = '--color-navigation-border-secondary';
@@ -574,9 +725,12 @@ export const dimensionBase = '--dimension-base';
 export const dimensionCardWidthLg = '--dimension-card-width-lg';
 export const dimensionCardWidthMd = '--dimension-card-width-md';
 export const dimensionCardWidthSm = '--dimension-card-width-sm';
+export const dimensionCardWidthXs = '--dimension-card-width-xs';
 export const dimensionFormWidthLg = '--dimension-form-width-lg';
 export const dimensionFormWidthMd = '--dimension-form-width-md';
 export const dimensionFormWidthSm = '--dimension-form-width-sm';
+export const dimensionFormWidthXl = '--dimension-form-width-xl';
+export const dimensionFormWidthXs = '--dimension-form-width-xs';
 export const dimensionIconography2xl = '--dimension-iconography-2xl';
 export const dimensionIconography3xl = '--dimension-iconography-3xl';
 export const dimensionIconographyLg = '--dimension-iconography-lg';
@@ -587,10 +741,14 @@ export const dimensionIconographyXs = '--dimension-iconography-xs';
 export const dimensionMenuWidthLg = '--dimension-menu-width-lg';
 export const dimensionMenuWidthMd = '--dimension-menu-width-md';
 export const dimensionMenuWidthSm = '--dimension-menu-width-sm';
+export const dimensionMenuWidthXs = '--dimension-menu-width-xs';
+export const dimensionModalWidth2xl = '--dimension-modal-width-2xl';
 export const dimensionModalWidthFill = '--dimension-modal-width-fill';
 export const dimensionModalWidthLg = '--dimension-modal-width-lg';
 export const dimensionModalWidthMd = '--dimension-modal-width-md';
 export const dimensionModalWidthSm = '--dimension-modal-width-sm';
+export const dimensionModalWidthXl = '--dimension-modal-width-xl';
+export const dimensionModalWidthXs = '--dimension-modal-width-xs';
 export const dimensionOffset000 = '--dimension-offset-000';
 export const dimensionOffset025 = '--dimension-offset-025';
 export const dimensionOffset050 = '--dimension-offset-050';
@@ -611,6 +769,8 @@ export const dimensionOffsetN150 = '--dimension-offset-n150';
 export const dimensionOffsetN175 = '--dimension-offset-n175';
 export const dimensionOffsetN200 = '--dimension-offset-n200';
 export const dimensionOffsetN250 = '--dimension-offset-n250';
+export const dimensionPanelWidth2xl = '--dimension-panel-width-2xl';
+export const dimensionPanelWidth2xs = '--dimension-panel-width-2xs';
 export const dimensionPanelWidthFill = '--dimension-panel-width-fill';
 export const dimensionPanelWidthLg = '--dimension-panel-width-lg';
 export const dimensionPanelWidthMd = '--dimension-panel-width-md';
@@ -635,7 +795,7 @@ export const dimensionRadius400 = '--dimension-radius-400';
 export const dimensionRadius600 = '--dimension-radius-600';
 export const dimensionRadiusBase = '--dimension-radius-base';
 export const dimensionRadiusHalf = '--dimension-radius-half';
-export const dimensionScale100 = '--dimension-scale-100';
+export const dimensionScaleDefault = '--dimension-scale-default';
 export const dimensionScaleSubtle = '--dimension-scale-subtle';
 export const dimensionSize000 = '--dimension-size-000';
 export const dimensionSize050 = '--dimension-size-050';