@ds-mo/tokens 2.14.0 → 3.0.0

package/dist/index.d.ts

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

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';