@sage/design-tokens 13.2.0 → 14.0.0

package/scss/product/large/components/progress.scss

@@ -69,9 +69,10 @@ $progress-size-carouselselector-dot-m: $global-size-micro-l;
 $progress-size-carouselselector-activedot-m: $global-size-macro-xxs;
 $progress-size-carouselselector-hitarea-m: $global-size-macro-xs;
 $progress-size-carouselslide-x-m: $global-size-macro-xl; // Inactive slide
-$progress-size-ring-s: $global-size-macro-s; // Loader ring
-$progress-size-ring-m: $global-size-macro-s * 2; // Loader ring
-$progress-size-ring-l: $global-size-macro-xs * 4; // Loader ring
+$progress-size-spinner-xs: $global-size-macro-xs - $global-size-micro-xs; // Loader ring for XS size loader spinners
+$progress-size-spinner-s: $global-size-macro-s; // Loader ring
+$progress-size-spinner-m: $global-size-macro-s * 2; // Loader ring
+$progress-size-spinner-l: $global-size-macro-xs * 4; // Loader ring
 $progress-size-stepflow-m: $global-size-micro-m; // Step height
 $progress-size-stepindicator-bar: $global-size-micro-xxs; // step indicator bar
 $progress-size-stepindicator-stepcircle-s: $global-size-macro-xs; // M size step indicator

package/scss/product/small/components/badge.scss

@@ -8,11 +8,16 @@
 $badge-radius-badge: $global-radius-circle; // Badge
 $badge-color-notification-bg-default: $modes-color-status-negative-default; // Used in global nav notification badges
 $badge-color-notification-bg-alt: $modes-color-status-info-default;
+$badge-color-notification-inverse-border-default: $modes-color-generic-content-extreme;
+$badge-color-notification-inverse-bg-default: $modes-color-status-negative-inverse-default; // Used in global nav notification badges
+$badge-color-notification-inverse-bg-alt: $modes-color-status-info-inverse-default;
+$badge-color-notification-inverse-label-default: $modes-color-generic-content-extreme;
+$badge-color-notification-inverse-label-alt: $modes-color-generic-content-extreme;
 $badge-typography-responsive-m: $global-typography-responsive-component-notification-m;
 $badge-typography-adaptive-m: $global-typography-adaptive-component-notification-m;
-$badge-color-notification-border-default: $modes-color-generic-fg-nought;
-$badge-color-notification-label-default: $modes-color-generic-fg-nought;
-$badge-color-notification-label-alt: $modes-color-generic-fg-nought;
+$badge-color-notification-border-default: $modes-color-generic-content-nought;
+$badge-color-notification-label-default: $modes-color-generic-content-nought;
+$badge-color-notification-label-alt: $modes-color-generic-content-nought;
 $badge-size-micro-dot: $global-size-micro-m; // Micro dot badge size
 $badge-size-micro-numbered-min: $global-size-macro-xxs; // Micro dot badge size with numbering
 $badge-size-micro-numbered-max: $global-size-macro-s; // Micro dot badge size max width

package/scss/product/small/components/logo.scss

@@ -8,8 +8,6 @@
 $logo-size-ai-m: 14px; // AI star
 $logo-color-sage-bg-default: $modes-color-brand-default; // sage logo
 $logo-color-sage-bg-alt: $modes-color-brand-default-alt;
-$logo-color-trust-bg-default: $modes-color-status-positive-default; // filled
-$logo-color-trust-outline: $modes-color-generic-content-extreme;
 $logo-color-copilot-no-bg-fg-default: $modes-color-brand-copilot-no-bg-monochrome;
 $logo-color-ai-identifier-bg-star: $modes-color-brand-copilot-ai-identifier-default; // star bg color
 $logo-color-ai-identifier-bg-dot: $modes-color-brand-copilot-ai-identifier-with-default;

package/scss/product/small/components/progress.scss

@@ -69,9 +69,10 @@ $progress-size-carouselselector-dot-m: $global-size-micro-l;
 $progress-size-carouselselector-activedot-m: $global-size-macro-xxs;
 $progress-size-carouselselector-hitarea-m: $global-size-macro-xs;
 $progress-size-carouselslide-x-m: $global-size-macro-xl; // Inactive slide
-$progress-size-ring-s: $global-size-macro-s; // Loader ring
-$progress-size-ring-m: $global-size-macro-s * 2; // Loader ring
-$progress-size-ring-l: $global-size-macro-xs * 4; // Loader ring
+$progress-size-spinner-xs: $global-size-macro-xs - $global-size-micro-xs; // Loader ring for XS size loader spinners
+$progress-size-spinner-s: $global-size-macro-s; // Loader ring
+$progress-size-spinner-m: $global-size-macro-s * 2; // Loader ring
+$progress-size-spinner-l: $global-size-macro-xs * 4; // Loader ring
 $progress-size-stepflow-m: $global-size-micro-m; // Step height
 $progress-size-stepindicator-bar: $global-size-micro-xxs; // step indicator bar
 $progress-size-stepindicator-stepcircle-s: $global-size-macro-xs; // M size step indicator