brandsync-tokens 1.0.29 → 1.0.31

package/dist/css/tokens.css

@@ -502,28 +502,28 @@
   /* Border Colors - Light Mode */
   --bs-border-default: var(--bs-neutral-100);
   --bs-border-neutral-hover: var(--bs-neutral-400);
-  --bs-border-neutral-focus: var(--bs-brand-600);
+  --bs-border-neutral-focus: var(--bs-focus-border-);
   --bs-border-neutral-active: var(--bs-neutral-500);
   --bs-border-neutral-disabled: var(--bs-neutral-200);
   --bs-border-neutral-container: var(--bs-neutral-200);
   --bs-border-neutral-container-hover: var(--bs-neutral-300);
-  --bs-border-neutral-container-focused: var(--bs-neutral-300);
+  --bs-border-neutral-container-focused: var(--bs-focus-border-);
   --bs-border-neutral-container-pressed: var(--bs-neutral-400);
   --bs-border-success: var(--bs-success-500);
   --bs-border-success-hover: var(--bs-success-600);
-  --bs-border-success-focus: var(--bs-success-700);
+  --bs-border-success-focus: var(--bs-focus-border-);
   --bs-border-warning: var(--bs-warning-500);
   --bs-border-warning-hover: var(--bs-warning-600);
-  --bs-border-warning-focus: var(--bs-warning-700);
+  --bs-border-warning-focus: var(--bs-focus-border-);
   --bs-border-error: var(--bs-error-700);
   --bs-border-error-hover: var(--bs-error-800);
-  --bs-border-error-focus: var(--bs-error-700);
+  --bs-border-error-focus: var(--bs-focus-border-);
   --bs-border-info: var(--bs-information-500);
   --bs-border-info-hover: var(--bs-information-600);
-  --bs-border-info-focus: var(--bs-information-700);
+  --bs-border-info-focus: var(--bs-focus-border-);
   --bs-border-primary: var(--bs-brand-500);
   --bs-border-primary-hover: var(--bs-brand-600);
-  --bs-border-primary-focus: var(--bs-brand-600);
+  --bs-border-primary-focus: var(--bs-focus-border-);
   --bs-border-primary-pressed: var(--bs-brand-700);
 
   /* Elevation Colors - Light Mode */
@@ -732,9 +732,10 @@
   --bs-snackbar-text-default: var(--bs-text-inverse);
   --bs-snackbar-icon-default: var(--bs-icon-inverse);
   --bs-snackbar-bg-action: var(--bs-color-primary-default);
-  --bs-snackbar-bg-hover: var(--bs-color-primary-hover);
-  --bs-snackbar-bg-focused: var(--bs-color-primary-focused);
-  --bs-snackbar-bg-pressed: var(--bs-color-primary-pressed);
+  --bs-snackbar-bg-success: var(--bs-color-success-default);
+  --bs-snackbar-bg-error: var(--bs-color-error-default);
+  --bs-snackbar-bg-warning: var(--bs-color-warning-default);
+  --bs-snackbar-bg-info: var(--bs-color-info-default);
   --bs-snackbar-action-text: var(--bs-text-action);
   --bs-snackbar-action-border-focus: var(--bs-color-primary-focused);
 
@@ -1091,6 +1092,365 @@
   --bs-brand-800: var(--bs-brand-colors-blue-800);
   --bs-brand-900: var(--bs-brand-colors-blue-900);
   --bs-brand-950: var(--bs-brand-colors-blue-950);
+  --bs-4-responsive-desktop-fontsize-display-display1: 80px;
+  --bs-4-responsive-desktop-fontsize-display-display2: 72px;
+  --bs-4-responsive-desktop-fontsize-display-display3: 60px;
+  --bs-4-responsive-desktop-fontsize-display-display4: 56px;
+  --bs-4-responsive-desktop-fontsize-display-display5: 48px;
+  --bs-4-responsive-desktop-fontsize-display-display6: 40px;
+  --bs-4-responsive-desktop-fontsize-display-display7: 32px;
+  --bs-4-responsive-desktop-fontsize-heading-h1: 48px;
+  --bs-4-responsive-desktop-fontsize-heading-h2: 40px;
+  --bs-4-responsive-desktop-fontsize-heading-h3: 32px;
+  --bs-4-responsive-desktop-fontsize-heading-h4: 24px;
+  --bs-4-responsive-desktop-fontsize-heading-h5: 20px;
+  --bs-4-responsive-desktop-fontsize-heading-h6: 16px;
+  --bs-4-responsive-desktop-fontsize-body-lg: 20px;
+  --bs-4-responsive-desktop-fontsize-body-md: 16px;
+  --bs-4-responsive-desktop-fontsize-body-sm: 14px;
+  --bs-4-responsive-desktop-fontsize-caption-lg: 16px;
+  --bs-4-responsive-desktop-fontsize-caption-md: 14px;
+  --bs-4-responsive-desktop-fontsize-caption-sm: 12px;
+  --bs-4-responsive-desktop-line-height-display-display1: 96;
+  --bs-4-responsive-desktop-line-height-display-display2: 88;
+  --bs-4-responsive-desktop-line-height-display-display3: 72;
+  --bs-4-responsive-desktop-line-height-display-display4: 64;
+  --bs-4-responsive-desktop-line-height-display-display5: 56;
+  --bs-4-responsive-desktop-line-height-display-display6: 48;
+  --bs-4-responsive-desktop-line-height-display-display7: 40;
+  --bs-4-responsive-desktop-line-height-heading-h1: 56;
+  --bs-4-responsive-desktop-line-height-heading-h2: 48;
+  --bs-4-responsive-desktop-line-height-heading-h3: 40;
+  --bs-4-responsive-desktop-line-height-heading-h4: 32;
+  --bs-4-responsive-desktop-line-height-heading-h5: 24;
+  --bs-4-responsive-desktop-line-height-heading-h6: 20;
+  --bs-4-responsive-desktop-line-height-body-lg: 28;
+  --bs-4-responsive-desktop-line-height-body-md: 24;
+  --bs-4-responsive-desktop-line-height-body-sm: 20;
+  --bs-4-responsive-desktop-line-height-caption-lg: 24;
+  --bs-4-responsive-desktop-line-height-caption-md: 20;
+  --bs-4-responsive-desktop-line-height-caption-sm: 16;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display1: 40;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display2: 36;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display3: 30;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display4: 28;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display5: 24;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display6: 20;
+  --bs-4-responsive-desktop-paragraph-spacing-display-display7: 16;
+  --bs-4-responsive-desktop-paragraph-spacing-heading-h1: 24;
+  --bs-4-responsive-desktop-paragraph-spacing-heading-h2: 20;
+  --bs-4-responsive-desktop-paragraph-spacing-heading-h3: 16;
+  --bs-4-responsive-desktop-paragraph-spacing-heading-h4: 12;
+  --bs-4-responsive-desktop-paragraph-spacing-heading-h5: 10;
+  --bs-4-responsive-desktop-paragraph-spacing-heading-h6: 8;
+  --bs-4-responsive-desktop-paragraph-spacing-body-lg: 10;
+  --bs-4-responsive-desktop-paragraph-spacing-body-md: 8;
+  --bs-4-responsive-desktop-paragraph-spacing-body-sm: 8;
+  --bs-4-responsive-desktop-paragraph-spacing-caption-lg: 8;
+  --bs-4-responsive-desktop-paragraph-spacing-caption-md: 8;
+  --bs-4-responsive-desktop-paragraph-spacing-caption-sm: 6;
+  --bs-4-responsive-desktop-margin-fluid: var(--bs-scale-300);
+  --bs-4-responsive-desktop-margin-with-navigation-drawer: var(--bs-scale-300);
+  --bs-4-responsive-desktop-gutter-gutter: var(--bs-scale-300);
+  --bs-4-responsive-desktop-layout-columns-columns: 12rem;
+  --bs-4-responsive-desktop-breakpoints-max-width: 1920rem;
+  --bs-4-responsive-desktop-breakpoints-min-width: 1024rem;
+  --bs-4-responsive-desktop-navigation-header-hamburger-menu: false;
+  --bs-4-responsive-desktop-navigation-header-logo: true;
+  --bs-4-responsive-desktop-navigation-header-left-menu: true;
+  --bs-4-responsive-desktop-navigation-header-page-label: false;
+  --bs-4-responsive-desktop-navigation-header-gap: 40;
+  --bs-4-responsive-tablet-fontsize-display-display1: 72px;
+  --bs-4-responsive-tablet-fontsize-display-display2: 64px;
+  --bs-4-responsive-tablet-fontsize-display-display3: 56px;
+  --bs-4-responsive-tablet-fontsize-display-display4: 48px;
+  --bs-4-responsive-tablet-fontsize-display-display5: 40px;
+  --bs-4-responsive-tablet-fontsize-display-display6: 32px;
+  --bs-4-responsive-tablet-fontsize-display-display7: 24px;
+  --bs-4-responsive-tablet-fontsize-heading-h1: 40px;
+  --bs-4-responsive-tablet-fontsize-heading-h2: 32px;
+  --bs-4-responsive-tablet-fontsize-heading-h3: 24px;
+  --bs-4-responsive-tablet-fontsize-heading-h4: 22px;
+  --bs-4-responsive-tablet-fontsize-heading-h5: 20px;
+  --bs-4-responsive-tablet-fontsize-heading-h6: 16px;
+  --bs-4-responsive-tablet-fontsize-body-lg: 20px;
+  --bs-4-responsive-tablet-fontsize-body-md: 16px;
+  --bs-4-responsive-tablet-fontsize-body-sm: 14px;
+  --bs-4-responsive-tablet-fontsize-caption-lg: 14px;
+  --bs-4-responsive-tablet-fontsize-caption-md: 14px;
+  --bs-4-responsive-tablet-fontsize-caption-sm: 12px;
+  --bs-4-responsive-tablet-line-height-display-display1: 88;
+  --bs-4-responsive-tablet-line-height-display-display2: 72;
+  --bs-4-responsive-tablet-line-height-display-display3: 64;
+  --bs-4-responsive-tablet-line-height-display-display4: 56;
+  --bs-4-responsive-tablet-line-height-display-display5: 48;
+  --bs-4-responsive-tablet-line-height-display-display6: 40;
+  --bs-4-responsive-tablet-line-height-display-display7: 32;
+  --bs-4-responsive-tablet-line-height-heading-h1: 48;
+  --bs-4-responsive-tablet-line-height-heading-h2: 40;
+  --bs-4-responsive-tablet-line-height-heading-h3: 32;
+  --bs-4-responsive-tablet-line-height-heading-h4: 28;
+  --bs-4-responsive-tablet-line-height-heading-h5: 24;
+  --bs-4-responsive-tablet-line-height-heading-h6: 20;
+  --bs-4-responsive-tablet-line-height-body-lg: 28;
+  --bs-4-responsive-tablet-line-height-body-md: 24;
+  --bs-4-responsive-tablet-line-height-body-sm: 20;
+  --bs-4-responsive-tablet-line-height-caption-lg: 20;
+  --bs-4-responsive-tablet-line-height-caption-md: 20;
+  --bs-4-responsive-tablet-line-height-caption-sm: 16;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display1: 36;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display2: 32;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display3: 28;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display4: 24;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display5: 20;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display6: 16;
+  --bs-4-responsive-tablet-paragraph-spacing-display-display7: 12;
+  --bs-4-responsive-tablet-paragraph-spacing-heading-h1: 20;
+  --bs-4-responsive-tablet-paragraph-spacing-heading-h2: 16;
+  --bs-4-responsive-tablet-paragraph-spacing-heading-h3: 12;
+  --bs-4-responsive-tablet-paragraph-spacing-heading-h4: 10;
+  --bs-4-responsive-tablet-paragraph-spacing-heading-h5: 8;
+  --bs-4-responsive-tablet-paragraph-spacing-heading-h6: 8;
+  --bs-4-responsive-tablet-paragraph-spacing-body-lg: 10;
+  --bs-4-responsive-tablet-paragraph-spacing-body-md: 8;
+  --bs-4-responsive-tablet-paragraph-spacing-body-sm: 8;
+  --bs-4-responsive-tablet-paragraph-spacing-caption-lg: 8;
+  --bs-4-responsive-tablet-paragraph-spacing-caption-md: 8;
+  --bs-4-responsive-tablet-paragraph-spacing-caption-sm: 6;
+  --bs-4-responsive-tablet-margin-fluid: var(--bs-scale-300);
+  --bs-4-responsive-tablet-margin-with-navigation-drawer: var(--bs-scale-300);
+  --bs-4-responsive-tablet-gutter-gutter: var(--bs-scale-200);
+  --bs-4-responsive-tablet-layout-columns-columns: 8rem;
+  --bs-4-responsive-tablet-breakpoints-max-width: 1023rem;
+  --bs-4-responsive-tablet-breakpoints-min-width: 600rem;
+  --bs-4-responsive-tablet-navigation-header-hamburger-menu: true;
+  --bs-4-responsive-tablet-navigation-header-logo: false;
+  --bs-4-responsive-tablet-navigation-header-left-menu: false;
+  --bs-4-responsive-tablet-navigation-header-page-label: false;
+  --bs-4-responsive-tablet-navigation-header-gap: 12;
+  --bs-4-responsive-mobile-fontsize-display-display1: 64px;
+  --bs-4-responsive-mobile-fontsize-display-display2: 56px;
+  --bs-4-responsive-mobile-fontsize-display-display3: 48px;
+  --bs-4-responsive-mobile-fontsize-display-display4: 40px;
+  --bs-4-responsive-mobile-fontsize-display-display5: 32px;
+  --bs-4-responsive-mobile-fontsize-display-display6: 24px;
+  --bs-4-responsive-mobile-fontsize-display-display7: 20px;
+  --bs-4-responsive-mobile-fontsize-heading-h1: 32px;
+  --bs-4-responsive-mobile-fontsize-heading-h2: 28px;
+  --bs-4-responsive-mobile-fontsize-heading-h3: 24px;
+  --bs-4-responsive-mobile-fontsize-heading-h4: 22px;
+  --bs-4-responsive-mobile-fontsize-heading-h5: 20px;
+  --bs-4-responsive-mobile-fontsize-heading-h6: 16px;
+  --bs-4-responsive-mobile-fontsize-body-lg: 18px;
+  --bs-4-responsive-mobile-fontsize-body-md: 16px;
+  --bs-4-responsive-mobile-fontsize-body-sm: 12px;
+  --bs-4-responsive-mobile-fontsize-caption-lg: 14px;
+  --bs-4-responsive-mobile-fontsize-caption-md: 14px;
+  --bs-4-responsive-mobile-fontsize-caption-sm: 12px;
+  --bs-4-responsive-mobile-line-height-display-display1: 72;
+  --bs-4-responsive-mobile-line-height-display-display2: 64;
+  --bs-4-responsive-mobile-line-height-display-display3: 56;
+  --bs-4-responsive-mobile-line-height-display-display4: 48;
+  --bs-4-responsive-mobile-line-height-display-display5: 40;
+  --bs-4-responsive-mobile-line-height-display-display6: 32;
+  --bs-4-responsive-mobile-line-height-display-display7: 28;
+  --bs-4-responsive-mobile-line-height-heading-h1: 40;
+  --bs-4-responsive-mobile-line-height-heading-h2: 36;
+  --bs-4-responsive-mobile-line-height-heading-h3: 32;
+  --bs-4-responsive-mobile-line-height-heading-h4: 28;
+  --bs-4-responsive-mobile-line-height-heading-h5: 24;
+  --bs-4-responsive-mobile-line-height-heading-h6: 20;
+  --bs-4-responsive-mobile-line-height-body-lg: 24;
+  --bs-4-responsive-mobile-line-height-body-md: 24;
+  --bs-4-responsive-mobile-line-height-body-sm: 20;
+  --bs-4-responsive-mobile-line-height-caption-lg: 20;
+  --bs-4-responsive-mobile-line-height-caption-md: 20;
+  --bs-4-responsive-mobile-line-height-caption-sm: 16;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display1: 32;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display2: 28;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display3: 24;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display4: 20;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display5: 16;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display6: 12;
+  --bs-4-responsive-mobile-paragraph-spacing-display-display7: 10;
+  --bs-4-responsive-mobile-paragraph-spacing-heading-h1: 16;
+  --bs-4-responsive-mobile-paragraph-spacing-heading-h2: 12;
+  --bs-4-responsive-mobile-paragraph-spacing-heading-h3: 10;
+  --bs-4-responsive-mobile-paragraph-spacing-heading-h4: 10;
+  --bs-4-responsive-mobile-paragraph-spacing-heading-h5: 8;
+  --bs-4-responsive-mobile-paragraph-spacing-heading-h6: 8;
+  --bs-4-responsive-mobile-paragraph-spacing-body-lg: 10;
+  --bs-4-responsive-mobile-paragraph-spacing-body-md: 8;
+  --bs-4-responsive-mobile-paragraph-spacing-body-sm: 8;
+  --bs-4-responsive-mobile-paragraph-spacing-caption-lg: 8;
+  --bs-4-responsive-mobile-paragraph-spacing-caption-md: 8;
+  --bs-4-responsive-mobile-paragraph-spacing-caption-sm: 6;
+  --bs-4-responsive-mobile-margin-fluid: var(--bs-scale-200);
+  --bs-4-responsive-mobile-margin-with-navigation-drawer: var(--bs-scale-200);
+  --bs-4-responsive-mobile-gutter-gutter: var(--bs-scale-200);
+  --bs-4-responsive-mobile-layout-columns-columns: 4rem;
+  --bs-4-responsive-mobile-breakpoints-max-width: 599rem;
+  --bs-4-responsive-mobile-breakpoints-min-width: 0;
+  --bs-4-responsive-mobile-navigation-header-hamburger-menu: true;
+  --bs-4-responsive-mobile-navigation-header-logo: false;
+  --bs-4-responsive-mobile-navigation-header-left-menu: false;
+  --bs-4-responsive-mobile-navigation-header-page-label: true;
+  --bs-4-responsive-mobile-navigation-header-gap: 8;
+  --bs-5-brand-colors-blue-brand-50: var(--bs-brand-colors-blue-50);
+  --bs-5-brand-colors-blue-brand-100: var(--bs-brand-colors-blue-100);
+  --bs-5-brand-colors-blue-brand-200: var(--bs-brand-colors-blue-200);
+  --bs-5-brand-colors-blue-brand-300: var(--bs-brand-colors-blue-300);
+  --bs-5-brand-colors-blue-brand-400: var(--bs-brand-colors-blue-400);
+  --bs-5-brand-colors-blue-brand-500: var(--bs-brand-colors-blue-500);
+  --bs-5-brand-colors-blue-brand-600: var(--bs-brand-colors-blue-600);
+  --bs-5-brand-colors-blue-brand-700: var(--bs-brand-colors-blue-700);
+  --bs-5-brand-colors-blue-brand-800: var(--bs-brand-colors-blue-800);
+  --bs-5-brand-colors-blue-brand-900: var(--bs-brand-colors-blue-900);
+  --bs-5-brand-colors-blue-brand-950: var(--bs-brand-colors-blue-950);
+  --bs-5-brand-colors-purple-brand-50: var(--bs-brand-colors-purple-50);
+  --bs-5-brand-colors-purple-brand-100: var(--bs-brand-colors-purple-100);
+  --bs-5-brand-colors-purple-brand-200: var(--bs-brand-colors-purple-200);
+  --bs-5-brand-colors-purple-brand-300: var(--bs-brand-colors-purple-300);
+  --bs-5-brand-colors-purple-brand-400: var(--bs-brand-colors-purple-400);
+  --bs-5-brand-colors-purple-brand-500: var(--bs-brand-colors-purple-500);
+  --bs-5-brand-colors-purple-brand-600: var(--bs-brand-colors-purple-600);
+  --bs-5-brand-colors-purple-brand-700: var(--bs-brand-colors-purple-700);
+  --bs-5-brand-colors-purple-brand-800: var(--bs-brand-colors-purple-800);
+  --bs-5-brand-colors-purple-brand-900: var(--bs-brand-colors-purple-900);
+  --bs-5-brand-colors-purple-brand-950: var(--bs-brand-colors-purple-950);
+  --bs-5-brand-colors-cobalt-brand-50: var(--bs-brand-colors-cobalt-50);
+  --bs-5-brand-colors-cobalt-brand-100: var(--bs-brand-colors-cobalt-100);
+  --bs-5-brand-colors-cobalt-brand-200: var(--bs-brand-colors-cobalt-200);
+  --bs-5-brand-colors-cobalt-brand-300: var(--bs-brand-colors-cobalt-300);
+  --bs-5-brand-colors-cobalt-brand-400: var(--bs-brand-colors-cobalt-400);
+  --bs-5-brand-colors-cobalt-brand-500: var(--bs-brand-colors-cobalt-500);
+  --bs-5-brand-colors-cobalt-brand-600: var(--bs-brand-colors-cobalt-600);
+  --bs-5-brand-colors-cobalt-brand-700: var(--bs-brand-colors-cobalt-700);
+  --bs-5-brand-colors-cobalt-brand-800: var(--bs-brand-colors-cobalt-800);
+  --bs-5-brand-colors-cobalt-brand-900: var(--bs-brand-colors-cobalt-900);
+  --bs-5-brand-colors-cobalt-brand-950: var(--bs-brand-colors-cobalt-950);
+  --bs-5-brand-colors-steel-brand-50: {Brand Colors.steel.50};
+  --bs-5-brand-colors-steel-brand-100: {Brand Colors.steel.100};
+  --bs-5-brand-colors-steel-brand-200: {Brand Colors.steel.200};
+  --bs-5-brand-colors-steel-brand-300: {Brand Colors.steel.300};
+  --bs-5-brand-colors-steel-brand-400: {Brand Colors.steel.400};
+  --bs-5-brand-colors-steel-brand-500: {Brand Colors.steel.500};
+  --bs-5-brand-colors-steel-brand-600: {Brand Colors.steel.600};
+  --bs-5-brand-colors-steel-brand-700: {Brand Colors.steel.800};
+  --bs-5-brand-colors-steel-brand-800: {Brand Colors.steel.800};
+  --bs-5-brand-colors-steel-brand-900: {Brand Colors.steel.900};
+  --bs-5-brand-colors-steel-brand-950: {Brand Colors.steel.950};
+  --bs-5-brand-colors-teal-brand-50: {Brand Colors.teal.50};
+  --bs-5-brand-colors-teal-brand-100: {Brand Colors.teal.100};
+  --bs-5-brand-colors-teal-brand-200: {Brand Colors.teal.200};
+  --bs-5-brand-colors-teal-brand-300: {Brand Colors.teal.300};
+  --bs-5-brand-colors-teal-brand-400: {Brand Colors.teal.400};
+  --bs-5-brand-colors-teal-brand-500: {Brand Colors.teal.500};
+  --bs-5-brand-colors-teal-brand-600: {Brand Colors.teal.600};
+  --bs-5-brand-colors-teal-brand-700: {Brand Colors.teal.700};
+  --bs-5-brand-colors-teal-brand-800: {Brand Colors.teal.800};
+  --bs-5-brand-colors-teal-brand-900: {Brand Colors.teal.900};
+  --bs-5-brand-colors-teal-brand-950: {Brand Colors.teal.950};
+  --bs-5-brand-colors-jade-brand-50: {Brand Colors.jade.50};
+  --bs-5-brand-colors-jade-brand-100: {Brand Colors.jade.100};
+  --bs-5-brand-colors-jade-brand-200: {Brand Colors.jade.200};
+  --bs-5-brand-colors-jade-brand-300: {Brand Colors.jade.300};
+  --bs-5-brand-colors-jade-brand-400: {Brand Colors.jade.400};
+  --bs-5-brand-colors-jade-brand-500: {Brand Colors.jade.500};
+  --bs-5-brand-colors-jade-brand-600: {Brand Colors.jade.600};
+  --bs-5-brand-colors-jade-brand-700: {Brand Colors.teal.700};
+  --bs-5-brand-colors-jade-brand-800: {Brand Colors.jade.800};
+  --bs-5-brand-colors-jade-brand-900: {Brand Colors.jade.900};
+  --bs-5-brand-colors-jade-brand-950: {Brand Colors.jade.950};
+  --bs-5-brand-colors-green-brand-50: var(--bs-brand-colors-green-50);
+  --bs-5-brand-colors-green-brand-100: var(--bs-brand-colors-green-100);
+  --bs-5-brand-colors-green-brand-200: var(--bs-brand-colors-green-200);
+  --bs-5-brand-colors-green-brand-300: var(--bs-brand-colors-green-300);
+  --bs-5-brand-colors-green-brand-400: var(--bs-brand-colors-green-400);
+  --bs-5-brand-colors-green-brand-500: var(--bs-brand-colors-green-500);
+  --bs-5-brand-colors-green-brand-600: var(--bs-brand-colors-green-600);
+  --bs-5-brand-colors-green-brand-700: var(--bs-brand-colors-green-700);
+  --bs-5-brand-colors-green-brand-800: var(--bs-brand-colors-green-800);
+  --bs-5-brand-colors-green-brand-900: var(--bs-brand-colors-green-900);
+  --bs-5-brand-colors-green-brand-950: var(--bs-brand-colors-green-950);
+  --bs-5-brand-colors-lime-brand-50: var(--bs-brand-colors-lime-50);
+  --bs-5-brand-colors-lime-brand-100: var(--bs-brand-colors-lime-100);
+  --bs-5-brand-colors-lime-brand-200: var(--bs-brand-colors-lime-200);
+  --bs-5-brand-colors-lime-brand-300: var(--bs-brand-colors-lime-300);
+  --bs-5-brand-colors-lime-brand-400: var(--bs-brand-colors-lime-400);
+  --bs-5-brand-colors-lime-brand-500: var(--bs-brand-colors-lime-500);
+  --bs-5-brand-colors-lime-brand-600: var(--bs-brand-colors-lime-600);
+  --bs-5-brand-colors-lime-brand-700: var(--bs-brand-colors-lime-700);
+  --bs-5-brand-colors-lime-brand-800: var(--bs-brand-colors-lime-800);
+  --bs-5-brand-colors-lime-brand-900: var(--bs-brand-colors-lime-900);
+  --bs-5-brand-colors-lime-brand-950: var(--bs-brand-colors-lime-950);
+  --bs-5-brand-colors-yellow-brand-50: var(--bs-brand-colors-yellow-50);
+  --bs-5-brand-colors-yellow-brand-100: var(--bs-brand-colors-yellow-100);
+  --bs-5-brand-colors-yellow-brand-200: var(--bs-brand-colors-yellow-200);
+  --bs-5-brand-colors-yellow-brand-300: var(--bs-brand-colors-yellow-300);
+  --bs-5-brand-colors-yellow-brand-400: var(--bs-brand-colors-yellow-400);
+  --bs-5-brand-colors-yellow-brand-500: var(--bs-brand-colors-yellow-500);
+  --bs-5-brand-colors-yellow-brand-600: var(--bs-brand-colors-yellow-600);
+  --bs-5-brand-colors-yellow-brand-700: var(--bs-brand-colors-yellow-700);
+  --bs-5-brand-colors-yellow-brand-800: var(--bs-brand-colors-yellow-800);
+  --bs-5-brand-colors-yellow-brand-900: var(--bs-brand-colors-yellow-900);
+  --bs-5-brand-colors-yellow-brand-950: var(--bs-brand-colors-yellow-950);
+  --bs-5-brand-colors-amber-brand-50: var(--bs-brand-colors-amber-50);
+  --bs-5-brand-colors-amber-brand-100: var(--bs-brand-colors-amber-100);
+  --bs-5-brand-colors-amber-brand-200: var(--bs-brand-colors-amber-200);
+  --bs-5-brand-colors-amber-brand-300: var(--bs-brand-colors-amber-300);
+  --bs-5-brand-colors-amber-brand-400: var(--bs-brand-colors-amber-400);
+  --bs-5-brand-colors-amber-brand-500: var(--bs-brand-colors-amber-500);
+  --bs-5-brand-colors-amber-brand-600: var(--bs-brand-colors-amber-600);
+  --bs-5-brand-colors-amber-brand-700: var(--bs-brand-colors-amber-700);
+  --bs-5-brand-colors-amber-brand-800: var(--bs-brand-colors-amber-800);
+  --bs-5-brand-colors-amber-brand-900: var(--bs-brand-colors-amber-900);
+  --bs-5-brand-colors-amber-brand-950: var(--bs-brand-colors-amber-950);
+  --bs-5-brand-colors-orange-brand-50: var(--bs-brand-colors-orange-50);
+  --bs-5-brand-colors-orange-brand-100: var(--bs-brand-colors-orange-100);
+  --bs-5-brand-colors-orange-brand-200: var(--bs-brand-colors-orange-200);
+  --bs-5-brand-colors-orange-brand-300: var(--bs-brand-colors-orange-300);
+  --bs-5-brand-colors-orange-brand-400: var(--bs-brand-colors-orange-400);
+  --bs-5-brand-colors-orange-brand-500: var(--bs-brand-colors-orange-500);
+  --bs-5-brand-colors-orange-brand-600: var(--bs-brand-colors-orange-600);
+  --bs-5-brand-colors-orange-brand-700: var(--bs-brand-colors-orange-700);
+  --bs-5-brand-colors-orange-brand-800: var(--bs-brand-colors-orange-800);
+  --bs-5-brand-colors-orange-brand-900: var(--bs-brand-colors-orange-900);
+  --bs-5-brand-colors-orange-brand-950: var(--bs-brand-colors-amber-950);
+  --bs-5-brand-colors-magenta-brand-50: var(--bs-brand-colors-magenta-50);
+  --bs-5-brand-colors-magenta-brand-100: var(--bs-brand-colors-magenta-100);
+  --bs-5-brand-colors-magenta-brand-200: var(--bs-brand-colors-magenta-200);
+  --bs-5-brand-colors-magenta-brand-300: var(--bs-brand-colors-magenta-300);
+  --bs-5-brand-colors-magenta-brand-400: var(--bs-brand-colors-magenta-400);
+  --bs-5-brand-colors-magenta-brand-500: var(--bs-brand-colors-magenta-500);
+  --bs-5-brand-colors-magenta-brand-600: var(--bs-brand-colors-magenta-600);
+  --bs-5-brand-colors-magenta-brand-700: var(--bs-brand-colors-magenta-700);
+  --bs-5-brand-colors-magenta-brand-800: var(--bs-brand-colors-magenta-800);
+  --bs-5-brand-colors-magenta-brand-900: var(--bs-brand-colors-magenta-900);
+  --bs-5-brand-colors-magenta-brand-950: var(--bs-brand-colors-magenta-950);
+  --bs-5-brand-colors-maroon-brand-50: var(--bs-brand-colors-maroon-50);
+  --bs-5-brand-colors-maroon-brand-100: var(--bs-brand-colors-maroon-100);
+  --bs-5-brand-colors-maroon-brand-200: var(--bs-brand-colors-maroon-200);
+  --bs-5-brand-colors-maroon-brand-300: var(--bs-brand-colors-maroon-300);
+  --bs-5-brand-colors-maroon-brand-400: var(--bs-brand-colors-maroon-400);
+  --bs-5-brand-colors-maroon-brand-500: var(--bs-brand-colors-maroon-500);
+  --bs-5-brand-colors-maroon-brand-600: var(--bs-brand-colors-maroon-600);
+  --bs-5-brand-colors-maroon-brand-700: var(--bs-brand-colors-maroon-700);
+  --bs-5-brand-colors-maroon-brand-800: var(--bs-brand-colors-maroon-800);
+  --bs-5-brand-colors-maroon-brand-900: var(--bs-brand-colors-maroon-900);
+  --bs-5-brand-colors-maroon-brand-950: var(--bs-brand-colors-maroon-950);
+  --bs-5-brand-colors-violet-brand-50: var(--bs-brand-colors-violet-50);
+  --bs-5-brand-colors-violet-brand-100: var(--bs-brand-colors-violet-100);
+  --bs-5-brand-colors-violet-brand-200: var(--bs-brand-colors-violet-200);
+  --bs-5-brand-colors-violet-brand-300: var(--bs-brand-colors-violet-300);
+  --bs-5-brand-colors-violet-brand-400: var(--bs-brand-colors-violet-400);
+  --bs-5-brand-colors-violet-brand-500: var(--bs-brand-colors-violet-500);
+  --bs-5-brand-colors-violet-brand-600: var(--bs-brand-colors-violet-600);
+  --bs-5-brand-colors-violet-brand-700: var(--bs-brand-colors-violet-700);
+  --bs-5-brand-colors-violet-brand-800: var(--bs-brand-colors-violet-800);
+  --bs-5-brand-colors-violet-brand-900: var(--bs-brand-colors-violet-900);
+  --bs-5-brand-colors-violet-brand-950: var(--bs-brand-colors-violet-950);
+  --bs-focus-border-: var(--bs-information-500);
   --bs-label: Label;
   --bs-border-width-0: var(--bs-scale-0);
   --bs-border-width-thin: var(--bs-scale-10);
@@ -1249,28 +1609,28 @@
   /* Border Colors - Dark Mode */
   --bs-border-default: var(--bs-neutral-800);
   --bs-border-neutral-hover: var(--bs-neutral-300);
-  --bs-border-neutral-focus: var(--bs-brand-400);
+  --bs-border-neutral-focus: var(--bs-focus-border-);
   --bs-border-neutral-active: var(--bs-neutral-500);
   --bs-border-neutral-disabled: var(--bs-neutral-700);
   --bs-border-neutral-container: var(--bs-neutral-700);
   --bs-border-neutral-container-hover: var(--bs-neutral-500);
-  --bs-border-neutral-container-focused: var(--bs-neutral-500);
+  --bs-border-neutral-container-focused: var(--bs-focus-border-);
   --bs-border-neutral-container-pressed: var(--bs-neutral-300);
   --bs-border-success: var(--bs-success-400);
   --bs-border-success-hover: var(--bs-success-300);
-  --bs-border-success-focus: var(--bs-success-200);
+  --bs-border-success-focus: var(--bs-focus-border-);
   --bs-border-warning: var(--bs-warning-400);
   --bs-border-warning-hover: var(--bs-warning-300);
-  --bs-border-warning-focus: var(--bs-warning-300);
+  --bs-border-warning-focus: var(--bs-focus-border-);
   --bs-border-error: var(--bs-error-300);
   --bs-border-error-hover: var(--bs-error-200);
-  --bs-border-error-focus: var(--bs-error-50);
+  --bs-border-error-focus: var(--bs-focus-border-);
   --bs-border-info: var(--bs-information-400);
   --bs-border-info-hover: var(--bs-information-600);
-  --bs-border-info-focus: var(--bs-information-200);
+  --bs-border-info-focus: var(--bs-focus-border-);
   --bs-border-primary: var(--bs-brand-400);
   --bs-border-primary-hover: var(--bs-brand-300);
-  --bs-border-primary-focus: var(--bs-brand-300);
+  --bs-border-primary-focus: var(--bs-focus-border-);
   --bs-border-primary-pressed: var(--bs-brand-200);
 
   /* Elevation Colors - Dark Mode */
@@ -1283,6 +1643,7 @@
   --bs-elevation-inner: var(--bs-dark-mode-600);
   --bs-elevation-focus: var(--bs-dark-mode-700);
 
+  --bs-focus-border-: var(--bs-information-300);
   --bs-label: Label;
   --bs-border-width-0: var(--bs-scale-0);
   --bs-border-width-thin: var(--bs-scale-10);

package/dist/dart/BrandsyncTokens.dart

@@ -1,4 +1,4 @@
-// Do not edit directly, this file was auto-generated on 2026-05-19.
+// Do not edit directly, this file was auto-generated on 2026-08-24.
 
 import 'package:flutter/material.dart';
 

package/dist/json/components.json

@@ -12,7 +12,7 @@
     "bg-pressed": "#ffffff",
     "bg-focused": "#ffffff",
     "icon-primary": "#6d7585",
-    "border-focus": "#0062c1"
+    "border-focus": "#0078cb"
   },
   "switch": {
     "track-bg-default": "#dee2ed",
@@ -27,7 +27,7 @@
     "track-border-default": "#c2c7d3",
     "icon-default": "{color.icons.secondary}",
     "track-border-hover": "#a0a5b4",
-    "track-border-focus": "#0062c1",
+    "track-border-focus": "#0078cb",
     "icon-checked": "#0062c1",
     "track-bg-disabled": "#dee2ed",
     "icon-disabled": "#828998"
@@ -38,7 +38,7 @@
     "bg-disabled": "#dee2ed",
     "border-default": "#c2c7d3",
     "border-hover": "#a0a5b4",
-    "border-focus": "#0062c1",
+    "border-focus": "#0078cb",
     "border-disabled": "#c2c7d3",
     "border-error": "#982a2a",
     "text": "#000000",
@@ -78,7 +78,7 @@
     "icon-disabled": "#828998",
     "border-default": "#dee2ed",
     "border-inverse": "#c2c7d3",
-    "border-focus": "#0062c1",
+    "border-focus": "#0078cb",
     "bg-default": "#dee2ed",
     "bg-neutral": "#4d535f",
     "bg-neutral-container": "#eff0f8",
@@ -134,7 +134,7 @@
     "bg-disabled": "#dee2ed",
     "selected-border-default": "#0073e1",
     "selected-border-hover": "#0062c1",
-    "selected-border-focus": "#0062c1",
+    "selected-border-focus": "#0078cb",
     "selected-border-pressed": "#0051a2",
     "enabled-border-default": "#dee2ed",
     "enabled-border-hover": "#828998",
@@ -146,7 +146,7 @@
     "icon-disabled": "#6d7585",
     "label-default": "#000000",
     "label-disabled": "#6d7585",
-    "focus-ring": "#0062c1"
+    "focus-ring": "#0078cb"
   },
   "paper": {
     "bg-base": "#ffffff",
@@ -175,9 +175,10 @@
     "text-default": "#ffffff",
     "icon-default": "#ffffff",
     "bg-action": "#0062c1",
-    "bg-hover": "#0051a2",
-    "bg-focused": "#0051a2",
-    "bg-pressed": "#003a78",
+    "bg-success": "#11714e",
+    "bg-error": "#b92f31",
+    "bg-warning": "#805d00",
+    "bg-info": "#0066ae",
     "action-text": "#0062c1",
     "action-border-focus": "#0051a2"
   }