@ds-mo/tokens 2.15.0 → 3.0.1

package/dist/index.mjs

@@ -56,6 +56,7 @@ export const colorAlwaysDarkInteractionActive = '--color-always-dark-interaction
 export const colorAlwaysDarkInteractionFocus = '--color-always-dark-interaction-focus';
 export const colorAlwaysDarkInteractionHover = '--color-always-dark-interaction-hover';
 export const colorAlwaysDarkInteractionPressed = '--color-always-dark-interaction-pressed';
+export const colorAlwaysDarkShimmer = '--color-always-dark-shimmer';
 export const colorBackgroundBoldAi = '--color-background-bold-ai';
 export const colorBackgroundBoldBrand = '--color-background-bold-brand';
 export const colorBackgroundBoldCaution = '--color-background-bold-caution';
@@ -95,7 +96,6 @@ export const colorBackgroundStrongNeutral = '--color-background-strong-neutral';
 export const colorBackgroundStrongPositive = '--color-background-strong-positive';
 export const colorBackgroundStrongWalkthrough = '--color-background-strong-walkthrough';
 export const colorBackgroundStrongWarning = '--color-background-strong-warning';
-export const colorBackgroundTranslucent = '--color-background-translucent';
 export const colorBackgroundTransparent = '--color-background-transparent';
 export const colorBorderBoldAi = '--color-border-bold-ai';
 export const colorBorderBoldBrand = '--color-border-bold-brand';
@@ -133,9 +133,6 @@ export const colorBorderOnMediumBackgroundTertiary = '--color-border-on-medium-b
 export const colorBorderOnStrongBackgroundPrimary = '--color-border-on-strong-background-primary';
 export const colorBorderOnStrongBackgroundSecondary = '--color-border-on-strong-background-secondary';
 export const colorBorderOnStrongBackgroundTertiary = '--color-border-on-strong-background-tertiary';
-export const colorBorderOnTranslucentBackgroundPrimary = '--color-border-on-translucent-background-primary';
-export const colorBorderOnTranslucentBackgroundSecondary = '--color-border-on-translucent-background-secondary';
-export const colorBorderOnTranslucentBackgroundTertiary = '--color-border-on-translucent-background-tertiary';
 export const colorBorderPrimary = '--color-border-primary';
 export const colorBorderSecondary = '--color-border-secondary';
 export const colorBorderStrongAi = '--color-border-strong-ai';
@@ -369,10 +366,9 @@ export const colorDataWinLossLoss = '--color-data-win-loss-loss';
 export const colorDataWinLossWin = '--color-data-win-loss-win';
 export const colorDataWinLossWinAlt = '--color-data-win-loss-win-alt';
 export const colorDividerDivider = '--color-divider-divider';
-export const colorDividerOnBoldBackground = '--color-divider-on-bold-background';
-export const colorDividerOnMediumBackground = '--color-divider-on-medium-background';
-export const colorDividerOnStrongBackground = '--color-divider-on-strong-background';
-export const colorDividerOnTranslucentBackground = '--color-divider-on-translucent-background';
+export const colorDividerDividerOnBoldBackground = '--color-divider-divider-on-bold-background';
+export const colorDividerDividerOnMediumBackground = '--color-divider-divider-on-medium-background';
+export const colorDividerDividerOnStrongBackground = '--color-divider-divider-on-strong-background';
 export const colorDriverStatusBackgroundDriving = '--color-driver-status-background-driving';
 export const colorDriverStatusBackgroundOffDuty = '--color-driver-status-background-off-duty';
 export const colorDriverStatusBackgroundOnDuty = '--color-driver-status-background-on-duty';
@@ -437,10 +433,6 @@ export const colorForegroundOnStrongBackgroundPrimary = '--color-foreground-on-s
 export const colorForegroundOnStrongBackgroundQuaternary = '--color-foreground-on-strong-background-quaternary';
 export const colorForegroundOnStrongBackgroundSecondary = '--color-foreground-on-strong-background-secondary';
 export const colorForegroundOnStrongBackgroundTertiary = '--color-foreground-on-strong-background-tertiary';
-export const colorForegroundOnTranslucentBackgroundPrimary = '--color-foreground-on-translucent-background-primary';
-export const colorForegroundOnTranslucentBackgroundQuaternary = '--color-foreground-on-translucent-background-quaternary';
-export const colorForegroundOnTranslucentBackgroundSecondary = '--color-foreground-on-translucent-background-secondary';
-export const colorForegroundOnTranslucentBackgroundTertiary = '--color-foreground-on-translucent-background-tertiary';
 export const colorForegroundPrimary = '--color-foreground-primary';
 export const colorForegroundQuaternary = '--color-foreground-quaternary';
 export const colorForegroundSecondary = '--color-foreground-secondary';
@@ -469,10 +461,6 @@ export const colorInteractionOnStrongBackgroundActive = '--color-interaction-on-
 export const colorInteractionOnStrongBackgroundFocus = '--color-interaction-on-strong-background-focus';
 export const colorInteractionOnStrongBackgroundHover = '--color-interaction-on-strong-background-hover';
 export const colorInteractionOnStrongBackgroundPressed = '--color-interaction-on-strong-background-pressed';
-export const colorInteractionOnTranslucentBackgroundActive = '--color-interaction-on-translucent-background-active';
-export const colorInteractionOnTranslucentBackgroundFocus = '--color-interaction-on-translucent-background-focus';
-export const colorInteractionOnTranslucentBackgroundHover = '--color-interaction-on-translucent-background-hover';
-export const colorInteractionOnTranslucentBackgroundPressed = '--color-interaction-on-translucent-background-pressed';
 export const colorInteractionPressed = '--color-interaction-pressed';
 export const colorInvertedBackground = '--color-inverted-background';
 export const colorInvertedBorderBoldAi = '--color-inverted-border-bold-ai';
@@ -532,6 +520,7 @@ export const colorInvertedInteractionActive = '--color-inverted-interaction-acti
 export const colorInvertedInteractionFocus = '--color-inverted-interaction-focus';
 export const colorInvertedInteractionHover = '--color-inverted-interaction-hover';
 export const colorInvertedInteractionPressed = '--color-inverted-interaction-pressed';
+export const colorInvertedShimmer = '--color-inverted-shimmer';
 export const colorLocationMarkerBackgroundBrand = '--color-location-marker-background-brand';
 export const colorLocationMarkerBackgroundCaution = '--color-location-marker-background-caution';
 export const colorLocationMarkerBackgroundNegative = '--color-location-marker-background-negative';
@@ -555,6 +544,7 @@ 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 colorMediaShimmer = '--color-media-shimmer';
 export const colorNavigationBackground = '--color-navigation-background';
 export const colorNavigationBorderPrimary = '--color-navigation-border-primary';
 export const colorNavigationBorderSecondary = '--color-navigation-border-secondary';
@@ -569,6 +559,7 @@ export const colorNavigationInteractionActive = '--color-navigation-interaction-
 export const colorNavigationInteractionFocus = '--color-navigation-interaction-focus';
 export const colorNavigationInteractionHover = '--color-navigation-interaction-hover';
 export const colorNavigationInteractionPressed = '--color-navigation-interaction-pressed';
+export const colorNavigationShimmer = '--color-navigation-shimmer';
 export const colorReferenceBlack0 = '--color-reference-black-0';
 export const colorReferenceBlack10 = '--color-reference-black-10';
 export const colorReferenceBlack100 = '--color-reference-black-100';
@@ -722,8 +713,24 @@ export const colorSafetyScoreInteractionPressed = '--color-safety-score-interact
 export const colorSettingsProfileBackground = '--color-settings-profile-background';
 export const colorSettingsProfileBorder = '--color-settings-profile-border';
 export const colorSettingsProfileForeground = '--color-settings-profile-foreground';
-export const colorShimmerFade = '--color-shimmer-fade';
-export const colorShimmerHighlight = '--color-shimmer-highlight';
+export const colorShimmerShimmer = '--color-shimmer-shimmer';
+export const colorShimmerShimmerOnBoldBackground = '--color-shimmer-shimmer-on-bold-background';
+export const colorShimmerShimmerOnMediumBackground = '--color-shimmer-shimmer-on-medium-background';
+export const colorShimmerShimmerOnStrongBackground = '--color-shimmer-shimmer-on-strong-background';
+export const colorTranslucentBorderPrimary = '--color-translucent-border-primary';
+export const colorTranslucentBorderSecondary = '--color-translucent-border-secondary';
+export const colorTranslucentBorderTertiary = '--color-translucent-border-tertiary';
+export const colorTranslucentDivider = '--color-translucent-divider';
+export const colorTranslucentForegroundPrimary = '--color-translucent-foreground-primary';
+export const colorTranslucentForegroundQuaternary = '--color-translucent-foreground-quaternary';
+export const colorTranslucentForegroundSecondary = '--color-translucent-foreground-secondary';
+export const colorTranslucentForegroundTertiary = '--color-translucent-foreground-tertiary';
+export const colorTranslucentInteractionActive = '--color-translucent-interaction-active';
+export const colorTranslucentInteractionFocus = '--color-translucent-interaction-focus';
+export const colorTranslucentInteractionHover = '--color-translucent-interaction-hover';
+export const colorTranslucentInteractionPressed = '--color-translucent-interaction-pressed';
+export const colorTranslucentShimmer = '--color-translucent-shimmer';
+export const colorTranslucentTranslucent = '--color-translucent-translucent';
 export const dimensionBase = '--dimension-base';
 export const dimensionCardHeightLg = '--dimension-card-height-lg';
 export const dimensionCardHeightMd = '--dimension-card-height-md';