@telesign/boreal-web-components 0.1.0-alpha.3 → 0.1.0-alpha.5

package/dist/scss/variables/_theme-proximus.scss

@@ -1,225 +1,224 @@
-$boreal-accent-dark: $boreal-color-proximus-mint-mint-700;
+$boreal-primary-darker: $boreal-color-proximus-cobalt-cobalt-900;
+$boreal-primary-dark: $boreal-color-proximus-cobalt-cobalt-700;
+$boreal-primary-base: $boreal-color-proximus-cobalt-cobalt-500;
+$boreal-primary-light: $boreal-color-proximus-cobalt-cobalt-200;
+$boreal-primary-lighter: $boreal-color-proximus-cobalt-cobalt-50;
+$boreal-accent-darker: $boreal-color-proximus-cobalt-cobalt-900;
+$boreal-accent-dark: $boreal-color-proximus-cobalt-cobalt-700;
+$boreal-accent-base: $boreal-color-proximus-cobalt-cobalt-500;
+$boreal-accent-light: $boreal-color-proximus-cobalt-cobalt-300;
+$boreal-accent-lighter: $boreal-color-proximus-cobalt-cobalt-100;
+$boreal-neutral: $boreal-color-proximus-neutral-neutral-50;
+$boreal-neutral-lighter: $boreal-color-proximus-onyx-onyx-50;
+$boreal-neutral-light: $boreal-color-proximus-onyx-onyx-100;
+$boreal-neutral-paper: $boreal-color-proximus-onyx-onyx-200;
+$boreal-neutral-dark: $boreal-color-proximus-onyx-onyx-100;
+$boreal-neutral-base: $boreal-color-proximus-onyx-onyx-200;
+$boreal-neutral-darker: $boreal-color-proximus-onyx-onyx-500;
+$boreal-neutral-deep: $boreal-color-proximus-onyx-onyx-600;
+$boreal-neutral-ink: $boreal-color-proximus-onyx-onyx-700;
+$boreal-neutral-deeper: $boreal-color-proximus-onyx-onyx-800;
+$boreal-neutral-contrast: $boreal-color-proximus-onyx-onyx-900;
+$boreal-base-darker: $boreal-color-proximus-onyx-onyx-200;
+$boreal-base-dark: $boreal-color-proximus-onyx-onyx-100;
+$boreal-base-alt: $boreal-color-proximus-onyx-onyx-700;
+$boreal-base-light: $boreal-color-proximus-neutral-neutral-300;
+$boreal-base-lighter: $boreal-color-proximus-neutral-neutral-200;
+$boreal-danger-darker: $boreal-color-proximus-red-red-900;
+$boreal-danger-dark: $boreal-color-proximus-red-red-800;
+$boreal-danger-base: $boreal-color-proximus-red-red-500;
+$boreal-danger-light: $boreal-color-proximus-red-red-200;
+$boreal-danger-lighter: $boreal-color-proximus-red-red-50;
+$boreal-success-dark: $boreal-color-proximus-mint-mint-700;
+$boreal-success-base: $boreal-color-proximus-mint-mint-500;
+$boreal-success-lighter: $boreal-color-proximus-mint-mint-50;
+$boreal-success-darker: $boreal-color-proximus-mint-mint-900;
+$boreal-success-light: $boreal-color-proximus-mint-mint-200;
+$boreal-warning-darker: $boreal-color-proximus-amber-amber-900;
+$boreal-warning-dark: $boreal-color-proximus-amber-amber-700;
+$boreal-warning-base: $boreal-color-proximus-amber-amber-400;
+$boreal-warning-light: $boreal-color-proximus-amber-amber-200;
+$boreal-warning-lighter: $boreal-color-proximus-amber-amber-50;
+$boreal-information-darker: $boreal-color-proximus-cobalt-cobalt-900;
+$boreal-information-dark: $boreal-color-proximus-cobalt-cobalt-700;
+$boreal-information-base: $boreal-color-proximus-cobalt-cobalt-500;
+$boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
+$boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-50;
+$boreal-white: $boreal-color-proximus-neutral-neutral-50;
 $boreal-black: $boreal-color-proximus-onyx-onyx-900;
-$boreal-accent-light: $boreal-color-proximus-mint-mint-200;
-$boreal-white: $boreal-color-white;
-$boreal-accent-base: $boreal-color-proximus-mint-mint-400;
-$boreal-extended-teal-light: $boreal-color-engage-teal-teal-20;
-$boreal-extended-teal-lighter: $boreal-color-engage-teal-teal-5;
-$boreal-extended-teal-base: $boreal-color-engage-teal-teal-40;
-$boreal-extended-teal-dark: $boreal-color-engage-teal-teal-70;
-$boreal-extended-teal-darker: $boreal-color-engage-teal-teal-90;
-$boreal-extended-purple-base: $boreal-color-engage-purple-purple-50;
-$boreal-extended-purple-dark: $boreal-color-engage-purple-purple-70;
-$boreal-extended-orange-base: $boreal-color-engage-orange-orange-40;
-$boreal-extended-purple-light: $boreal-color-engage-purple-purple-20;
-$boreal-extended-orange-darker: $boreal-color-engage-orange-orange-90;
+$boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
+$boreal-user-base: $boreal-color-proximus-cobalt-cobalt-50;
 $boreal-extended-orange-lighter: $boreal-color-engage-orange-orange-5;
-$boreal-extended-orange-dark: $boreal-color-engage-orange-orange-70;
 $boreal-extended-orange-light: $boreal-color-engage-orange-orange-20;
+$boreal-extended-orange-base: $boreal-color-engage-orange-orange-40;
+$boreal-extended-orange-dark: $boreal-color-engage-orange-orange-70;
+$boreal-extended-orange-darker: $boreal-color-engage-orange-orange-90;
+$boreal-extended-onyx-lighter: $boreal-color-protect-onyx-onyx-100;
+$boreal-extended-onyx-light: $boreal-color-protect-onyx-onyx-200;
+$boreal-extended-onyx-base: $boreal-color-protect-onyx-onyx-500;
+$boreal-extended-onyx-dark: $boreal-color-protect-onyx-onyx-600;
+$boreal-extended-onyx-darker: $boreal-color-protect-onyx-onyx-900;
 $boreal-extended-purple-lighter: $boreal-color-engage-purple-purple-5;
+$boreal-extended-purple-light: $boreal-color-engage-purple-purple-20;
+$boreal-extended-purple-base: $boreal-color-engage-purple-purple-50;
+$boreal-extended-purple-dark: $boreal-color-engage-purple-purple-70;
 $boreal-extended-purple-darker: $boreal-color-engage-purple-purple-90;
+$boreal-extended-rose-lighter: $boreal-color-engage-rose-rose-5;
+$boreal-extended-rose-light: $boreal-color-engage-rose-rose-20;
+$boreal-extended-rose-base: $boreal-color-engage-rose-rose-50;
+$boreal-extended-rose-dark: $boreal-color-engage-rose-rose-70;
+$boreal-extended-rose-darker: $boreal-color-engage-rose-rose-90;
+$boreal-extended-teal-lighter: $boreal-color-engage-teal-teal-5;
+$boreal-extended-teal-base: $boreal-color-engage-teal-teal-40;
+$boreal-extended-teal-dark: $boreal-color-engage-teal-teal-70;
+$boreal-extended-teal-light: $boreal-color-engage-teal-teal-20;
+$boreal-extended-teal-darker: $boreal-color-engage-teal-teal-90;
 $boreal-extended-cyan-lighter: $boreal-color-engage-cyan-cyan-5;
 $boreal-extended-cyan-light: $boreal-color-engage-cyan-cyan-20;
 $boreal-extended-cyan-base: $boreal-color-engage-cyan-cyan-40;
 $boreal-extended-cyan-dark: $boreal-color-engage-cyan-cyan-70;
 $boreal-extended-cyan-darker: $boreal-color-engage-cyan-cyan-90;
-$boreal-extended-lime-dark: $boreal-color-engage-lime-lime-70;
+$boreal-extended-lime-lighter: $boreal-color-engage-lime-lime-5;
+$boreal-extended-lime-light: $boreal-color-engage-lime-lime-20;
 $boreal-extended-lime-base: $boreal-color-engage-lime-lime-40;
+$boreal-extended-lime-dark: $boreal-color-engage-lime-lime-70;
 $boreal-extended-lime-darker: $boreal-color-engage-lime-lime-90;
-$boreal-extended-lime-light: $boreal-color-engage-lime-lime-20;
-$boreal-extended-lime-lighter: $boreal-color-engage-lime-lime-5;
 $boreal-extended-cobalt-lighter: $boreal-color-protect-cobalt-cobalt-50;
 $boreal-extended-cobalt-light: $boreal-color-protect-cobalt-cobalt-100;
 $boreal-extended-cobalt-base: $boreal-color-protect-cobalt-cobalt-600;
 $boreal-extended-cobalt-dark: $boreal-color-protect-cobalt-cobalt-800;
 $boreal-extended-cobalt-darker: $boreal-color-protect-cobalt-cobalt-900;
-$boreal-extended-onyx-lighter: $boreal-color-protect-onyx-onyx-100;
-$boreal-extended-onyx-light: $boreal-color-protect-onyx-onyx-200;
-$boreal-extended-onyx-base: $boreal-color-protect-onyx-onyx-500;
-$boreal-extended-onyx-dark: $boreal-color-protect-onyx-onyx-600;
-$boreal-extended-onyx-darker: $boreal-color-protect-onyx-onyx-900;
-$boreal-extended-rose-lighter: $boreal-color-engage-rose-rose-5;
-$boreal-extended-rose-light: $boreal-color-engage-rose-rose-20;
-$boreal-extended-rose-base: $boreal-color-engage-rose-rose-50;
-$boreal-extended-rose-dark: $boreal-color-engage-rose-rose-70;
-$boreal-extended-rose-darker: $boreal-color-engage-rose-rose-90;
-$boreal-neutral-deep: $boreal-color-proximus-onyx-onyx-600;
-$boreal-information-lighter: $boreal-color-proximus-cobalt-cobalt-5;
-$boreal-information-light: $boreal-color-proximus-cobalt-cobalt-200;
-$boreal-success-lighter: $boreal-color-proximus-mint-mint-5;
-$boreal-information-base: $boreal-color-proximus-cobalt-cobalt-500;
-$boreal-neutral-contrast: $boreal-color-proximus-onyx-onyx-900;
-$boreal-information-dark: $boreal-color-proximus-cobalt-cobalt-700;
-$boreal-neutral-base: $boreal-color-proximus-onyx-onyx-400;
-$boreal-warning-base: $boreal-color-proximus-amber-amber-400;
-$boreal-neutral-ink: $boreal-color-proximus-onyx-onyx-700;
-$boreal-warning-dark: $boreal-color-proximus-amber-amber-700;
-$boreal-warning-darker: $boreal-color-proximus-amber-amber-900;
-$boreal-warning-light: $boreal-color-proximus-amber-amber-200;
-$boreal-focus: $boreal-color-proximus-cobalt-cobalt-200;
-$boreal-success-light: $boreal-color-proximus-mint-mint-200;
-$boreal-neutral-ligther: $boreal-color-proximus-neutral-neutral-200;
-$boreal-success-base: $boreal-color-proximus-mint-mint-600;
-$boreal-primary-dark: $boreal-color-proximus-cobalt-cobalt-700;
-$boreal-danger-darker: $boreal-color-proximus-red-red-900;
-$boreal-primary-darker: $boreal-color-proximus-cobalt-cobalt-900;
-$boreal-danger-dark: $boreal-color-proximus-red-red-800;
-$boreal-base-alt: $boreal-color-proximus-onyx-onyx-900;
-$boreal-neutral-dark: $boreal-color-proximus-onyx-onyx-100;
-$boreal-danger-lighter: $boreal-color-proximus-red-red-50;
-$boreal-base-lighter: $boreal-color-proximus-neutral-neutral-300;
-$boreal-danger-light: $boreal-color-proximus-red-red-200;
-$boreal-accent-lighter: $boreal-color-proximus-mint-mint-5;
-$boreal-success-dark: $boreal-color-proximus-mint-mint-700;
-$boreal-neutral: $boreal-color-proximus-onyx-onyx-50;
-$boreal-accent-darker: $boreal-color-proximus-mint-mint-900;
-$boreal-neutral-paper: $boreal-color-proximus-onyx-onyx-200;
-$boreal-warning-lighter: $boreal-color-proximus-amber-amber-50;
-$boreal-success-darker: $boreal-color-proximus-mint-mint-900;
-$boreal-primary-base: $boreal-color-proximus-cobalt-cobalt-500;
-$boreal-information-darker: $boreal-color-proximus-cobalt-cobalt-900;
-$boreal-neutral-darker: $boreal-color-proximus-onyx-onyx-500;
-$boreal-neutral-light: $boreal-color-proximus-onyx-onyx-100;
-$boreal-danger-base: $boreal-color-proximus-red-red-500;
-$boreal-neutral-deeper: $boreal-color-proximus-onyx-onyx-800;
-$boreal-base-light: $boreal-color-proximus-neutral-neutral-300;
-$boreal-primary-light: $boreal-color-proximus-cobalt-cobalt-200;
-$boreal-primary-lighter: $boreal-color-proximus-cobalt-cobalt-5;
-$boreal-base-dark: $boreal-color-proximus-onyx-onyx-100;
-$boreal-base-darker: $boreal-color-proximus-onyx-onyx-200;
-$boreal-user-base: $boreal-color-proximus-cobalt-cobalt-5;
-$boreal-bg-overlay: $boreal-neutral-contrast;
-$boreal-bg-inverse: $boreal-white;
-$boreal-bg-primary-darker: $boreal-primary-darker;
-$boreal-bg-neutral: $boreal-neutral;
-$boreal-bg-primary-base: $boreal-primary-base;
-$boreal-bg-neutral-ink: $boreal-neutral-ink;
 $boreal-bg-primary-lighter: $boreal-primary-lighter;
 $boreal-bg-primary-light: $boreal-primary-light;
+$boreal-bg-primary-base: $boreal-primary-base;
+$boreal-bg-primary-darker: $boreal-primary-darker;
+$boreal-bg-inverse: $boreal-white;
+$boreal-bg-neutral: $boreal-neutral;
 $boreal-bg-neutral-light: $boreal-neutral-light;
 $boreal-bg-neutral-paper: $boreal-neutral-paper;
-$boreal-bg-nuetral-dark: $boreal-neutral-dark;
+$boreal-bg-neutral-dark: $boreal-neutral-dark;
 $boreal-bg-neutral-base: $boreal-neutral-base;
 $boreal-bg-neutral-darker: $boreal-neutral-darker;
 $boreal-bg-neutral-deep: $boreal-neutral-deep;
-$boreal-text-success-base: $boreal-success-base;
-$boreal-text-danger-base: $boreal-danger-base;
-$boreal-text-information-base: $boreal-information-base;
-$boreal-text-accent: $boreal-accent-base;
+$boreal-bg-neutral-ink: $boreal-neutral-ink;
+$boreal-bg-overlay: $boreal-neutral-contrast;
 $boreal-text-default: $boreal-neutral-ink;
 $boreal-text-default-light: $boreal-neutral-base;
-$boreal-text-inverse: $boreal-white;
-$boreal-text-warning-base: $boreal-warning-base;
+$boreal-text-base: $boreal-base-alt;
+$boreal-text-default-dark: $boreal-neutral-dark;
+$boreal-text-default-darker: $boreal-neutral-darker;
+$boreal-text-default-deep: $boreal-neutral-deep;
+$boreal-text-default-ink: $boreal-neutral-ink;
 $boreal-text-disabled: $boreal-neutral-dark;
+$boreal-text-accent: $boreal-accent-base;
+$boreal-text-primary-dark: $boreal-primary-dark;
 $boreal-text-primary-base: $boreal-primary-base;
+$boreal-text-primary-light: $boreal-primary-light;
 $boreal-text-danger-dark: $boreal-danger-dark;
-$boreal-text-success-dark: $boreal-success-dark;
-$boreal-text-information-dark: $boreal-information-darker;
-$boreal-text-warning-light: $boreal-warning-light;
+$boreal-text-danger-base: $boreal-danger-base;
 $boreal-text-danger-light: $boreal-danger-light;
+$boreal-text-success-dark: $boreal-success-dark;
+$boreal-text-success-base: $boreal-success-base;
 $boreal-text-success-light: $boreal-success-light;
+$boreal-text-information-dark: $boreal-information-darker;
+$boreal-text-information-base: $boreal-information-base;
 $boreal-text-information-light: $boreal-information-light;
 $boreal-text-warning-dark: $boreal-warning-darker;
-$boreal-text-base: $boreal-base-alt;
-$boreal-text-primary-light: $boreal-primary-light;
-$boreal-text-primary-dark: $boreal-primary-dark;
-$boreal-text-default-dark: $boreal-neutral-dark;
-$boreal-text-default-darker: $boreal-neutral-darker;
-$boreal-text-default-deep: $boreal-neutral-deep;
-$boreal-text-default-ink: $boreal-neutral-ink;
+$boreal-text-warning-base: $boreal-warning-base;
+$boreal-text-warning-light: $boreal-warning-light;
+$boreal-text-inverse: $boreal-white;
 $boreal-ui-default-base: $boreal-neutral;
-$boreal-ui-inverse: $boreal-white;
+$boreal-ui-default-lighter: $boreal-base-lighter;
+$boreal-ui-default-light: $boreal-neutral-paper;
+$boreal-ui-default-paper: $boreal-neutral-dark;
+$boreal-ui-default-dark: $boreal-neutral-base;
+$boreal-ui-default-darker: $boreal-neutral-darker;
+$boreal-ui-default-deep: $boreal-neutral-deep;
+$boreal-ui-default-ink: $boreal-neutral-ink;
+$boreal-ui-primary-dark: $boreal-primary-dark;
+$boreal-ui-primary-base: $boreal-primary-base;
+$boreal-ui-primary-light: $boreal-primary-light;
+$boreal-ui-primary-lighter: $boreal-primary-lighter;
 $boreal-ui-accent: $boreal-accent-base;
 $boreal-ui-black-light: $boreal-neutral-darker;
+$boreal-ui-black: $boreal-neutral-contrast;
 $boreal-ui-base: $boreal-base-alt;
 $boreal-ui-base-light: $boreal-base-light;
-$boreal-ui-disabled: $boreal-neutral-ligther;
-$boreal-ui-info-light: $boreal-information-light;
-$boreal-ui-success-light: $boreal-success-light;
+$boreal-ui-base-lighter: $boreal-base-lighter;
+$boreal-ui-success-dark: $boreal-success-dark;
 $boreal-ui-success-base: $boreal-success-base;
-$boreal-ui-black: $boreal-neutral-contrast;
-$boreal-ui-danger-light: $boreal-danger-light;
-$boreal-ui-primary-lighter: $boreal-primary-lighter;
-$boreal-ui-danger-base: $boreal-danger-base;
-$boreal-ui-info-base: $boreal-information-base;
-$boreal-ui-primary-base: $boreal-primary-base;
-$boreal-ui-primary-light: $boreal-primary-light;
-$boreal-ui-primary-dark: $boreal-primary-dark;
-$boreal-ui-warning-base: $boreal-warning-base;
+$boreal-ui-success-light: $boreal-success-light;
 $boreal-ui-success-lighter: $boreal-success-lighter;
+$boreal-ui-danger-dark: $boreal-danger-dark;
+$boreal-ui-danger-base: $boreal-danger-base;
+$boreal-ui-danger-light: $boreal-danger-light;
 $boreal-ui-danger-lighter: $boreal-danger-lighter;
+$boreal-ui-info-dark: $boreal-information-dark;
+$boreal-ui-info-base: $boreal-information-base;
+$boreal-ui-info-light: $boreal-information-light;
 $boreal-ui-info-lighter: $boreal-information-lighter;
+$boreal-ui-warning-dark: $boreal-warning-dark;
+$boreal-ui-warning-base: $boreal-warning-base;
 $boreal-ui-warning-light: $boreal-warning-light;
 $boreal-ui-warning-lighter: $boreal-warning-lighter;
-$boreal-ui-base-lighter: $boreal-base-lighter;
-$boreal-ui-default-lighter: $boreal-neutral-ligther;
-$boreal-ui-success-dark: $boreal-success-dark;
-$boreal-ui-danger-dark: $boreal-danger-dark;
-$boreal-ui-info-dark: $boreal-information-dark;
-$boreal-ui-warning-dark: $boreal-warning-dark;
-$boreal-ui-default-light: $boreal-neutral-light;
-$boreal-ui-default-paper: $boreal-neutral-paper;
-$boreal-ui-default-dark: $boreal-neutral-dark;
-$boreal-ui-default-darker: $boreal-neutral-darker;
-$boreal-ui-default-deep: $boreal-neutral-deep;
-$boreal-ui-default-ink: $boreal-neutral-ink;
-$boreal-icon-info-dark: $boreal-information-darker;
+$boreal-ui-disabled: $boreal-neutral-lighter;
+$boreal-ui-inverse: $boreal-white;
+$boreal-stroke-primary-dark: $boreal-primary-dark;
+$boreal-stroke-primary-base: $boreal-primary-base;
+$boreal-stroke-primary-light: $boreal-primary-light;
+$boreal-stroke-default-lighter: $boreal-base-lighter;
+$boreal-stroke-default-light: $boreal-base-light;
+$boreal-stroke-default-dark: $boreal-base-dark;
+$boreal-stroke-default-ink: $boreal-base-alt;
+$boreal-stroke-accent: $boreal-accent-base;
+$boreal-stroke-info-dark: $boreal-information-dark;
+$boreal-stroke-info-base: $boreal-information-base;
+$boreal-stroke-info-light: $boreal-information-light;
+$boreal-stroke-warning-dark: $boreal-warning-dark;
+$boreal-stroke-warning: $boreal-warning-base;
+$boreal-stroke-warning-light: $boreal-warning-light;
+$boreal-stroke-success-dark: $boreal-success-dark;
+$boreal-stroke-success-base: $boreal-success-base;
+$boreal-stroke-success-light: $boreal-success-light;
+$boreal-stroke-danger-dark: $boreal-danger-dark;
+$boreal-stroke-danger-base: $boreal-danger-base;
+$boreal-stroke-danger-light: $boreal-danger-light;
+$boreal-stroke-focus: $boreal-focus;
+$boreal-stroke-inverse: $boreal-white;
+$boreal-icon-primary-dark: $boreal-primary-dark;
+$boreal-icon-primary-base: $boreal-primary-base;
+$boreal-icon-primary-light: $boreal-primary-light;
+$boreal-icon-accent-base: $boreal-accent-base;
 $boreal-icon-default-lighter: $boreal-neutral-paper;
 $boreal-icon-default-light: $boreal-neutral-dark;
 $boreal-icon-default-dark: $boreal-neutral-base;
-$boreal-icon-success-base: $boreal-success-base;
-$boreal-icon-inverse: $boreal-white;
-$boreal-icon-warning-base: $boreal-warning-base;
-$boreal-icon-accent-base: $boreal-accent-base;
-$boreal-icon-danger-base: $boreal-danger-base;
-$boreal-icon-base: $boreal-base-alt;
-$boreal-icon-primary-base: $boreal-primary-base;
-$boreal-icon-success-dark: $boreal-success-dark;
-$boreal-icon-warning-dark: $boreal-warning-darker;
-$boreal-icon-danger-dark: $boreal-danger-dark;
+$boreal-icon-default-ink: $boreal-neutral-ink;
+$boreal-icon-info-dark: $boreal-information-darker;
 $boreal-icon-info-base: $boreal-information-base;
 $boreal-icon-info-light: $boreal-information-light;
+$boreal-icon-success-dark: $boreal-success-dark;
+$boreal-icon-success-base: $boreal-success-base;
 $boreal-icon-success-light: $boreal-success-light;
+$boreal-icon-warning-dark: $boreal-warning-darker;
+$boreal-icon-warning-base: $boreal-warning-base;
 $boreal-icon-warning-light: $boreal-warning-light;
+$boreal-icon-danger-dark: $boreal-danger-dark;
+$boreal-icon-danger-base: $boreal-danger-base;
 $boreal-icon-danger-light: $boreal-danger-light;
+$boreal-icon-base: $boreal-base-alt;
+$boreal-icon-inverse: $boreal-white;
 $boreal-icon-disabled: $boreal-neutral-dark;
-$boreal-icon-primary-light: $boreal-primary-light;
-$boreal-icon-primary-dark: $boreal-primary-dark;
 $boreal-icon-user: $boreal-user-base;
-$boreal-icon-default-ink: $boreal-neutral-ink;
-$boreal-alpha-black-50: #272a2f80;
+$boreal-alpha-black-5: #272a2f0d;
+$boreal-alpha-black-10: #272a2f1a;
 $boreal-alpha-black-25: #272a2f40;
-$boreal-alpha-white-50: #ffffff80;
-$boreal-alpha-white-25: #ffffff40;
+$boreal-alpha-black-50: #272a2f80;
 $boreal-alpha-white-10: #ffffff1a;
+$boreal-alpha-white-25: #ffffff40;
+$boreal-alpha-white-50: #ffffff80;
+$boreal-alpha-white-55: #ffffff8c;
 $boreal-alpha-white-75: #ffffffbf;
+$boreal-alpha-white-80: #ffffffcc;
 $boreal-alpha-white-85: #ffffffd9;
 $boreal-alpha-white-90: #ffffffe6;
-$boreal-alpha-white-95: #ffffffe6;
-$boreal-alpha-white-80: #ffffffcc;
-$boreal-alpha-white-55: #ffffff8c;
-$boreal-alpha-black-5: #272a2f0d;
-$boreal-alpha-black-10: #272a2f1a;
-$boreal-extended-tael-darker: $boreal-extended-teal-darker;
-$boreal-stroke-warning: $boreal-warning-base;
-$boreal-stroke-inverse: $boreal-white;
-$boreal-stroke-info-base: $boreal-information-base;
-$boreal-stroke-success-base: $boreal-success-base;
-$boreal-stroke-default-dark: $boreal-base-dark;
-$boreal-stroke-default-light: $boreal-base-light;
-$boreal-stroke-default-ink: $boreal-base-alt;
-$boreal-stroke-focus: $boreal-focus;
-$boreal-stroke-danger-base: $boreal-danger-base;
-$boreal-stroke-accent: $boreal-accent-base;
-$boreal-stroke-primary-base: $boreal-primary-base;
-$boreal-stroke-primary-light: $boreal-primary-light;
-$boreal-stroke-primary-dark: $boreal-primary-dark;
-$boreal-stroke-info-light: $boreal-information-light;
-$boreal-stroke-info-dark: $boreal-information-dark;
-$boreal-stroke-success-light: $boreal-success-light;
-$boreal-stroke-success-dark: $boreal-success-dark;
-$boreal-stroke-warning-light: $boreal-warning-light;
-$boreal-stroke-warning-dark: $boreal-warning-dark;
-$boreal-stroke-danger-light: $boreal-danger-light;
-$boreal-stroke-danger-dark: $boreal-danger-dark;
-$boreal-stroke-default-lighter: $boreal-base-lighter;
+$boreal-alpha-white-95: #ffffffe6;

package/dist/types/components/actions/bds-button/bds-button.d.ts

@@ -15,7 +15,7 @@ import { ComponentState } from "../../../types/index";
  * @attr {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
  * @attr {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
  * @attr {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
- * @attr {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+ * @attr {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
  * @attr {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
  * @attr {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
  *
@@ -25,14 +25,14 @@ import { ComponentState } from "../../../types/index";
  * @property {string} type - The type of the button, which can be 'button', 'submit', or 'reset'. Default is 'button'.
  * @property {string} color - The color theme of the button, which can be 'default', 'primary', 'success', or 'error'. Default is 'default'.
  * @property {string} variant - The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.
- * @property {string} size - The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'.
+ * @property {string} size - The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'.
  * @property {boolean} loading - Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false.
  * @property {boolean} disclosure - Indicates if the button should show a chevron down at the end of the content.
  *
  * @default 'button' - Default type value
  * @default 'default' - Default color value
  * @default 'default' - Default variant value
- * @default 'medium' - Default size value
+ * @default 'md' - Default size value
  * @default 'default' - Default status value
  * @default false - Default disabled value
  * @default '' - Default label value
@@ -55,7 +55,7 @@ export declare class BdsButton implements IButton {
     readonly color: IButton['color'];
     /** variant is a string attribute. The visual style of the button, which can be 'default', 'outline', or 'plain'. Default is 'default'.*/
     readonly variant: IButton['variant'];
-    /** size is a string attribute. The size of the button, which can be 'small', 'medium', or 'large'. Default is 'medium'. */
+    /** size is a string attribute. The size of the button, which can be 'sm', 'md', or 'lg'. Default is 'md'. */
     readonly size: IButton['size'];
     /** loading is a boolean attribute. Indicates whether the button is in a loading state, which can be used to show a loading spinner and disable the button. Default is false. */
     readonly loading: IButton['loading'];

package/dist/types/components/actions/bds-button/types/enum.d.ts

@@ -4,9 +4,9 @@ export declare const BUTTON_VARIANTS: {
     readonly PLAIN: "plain";
 };
 export declare const BUTTON_SIZES: {
-    readonly SMALL: "small";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
+    readonly SMALL: "sm";
+    readonly MEDIUM: "md";
+    readonly LARGE: "lg";
 };
 export declare const BUTTON_TYPES: {
     readonly BUTTON: "button";

package/dist/types/components/actions/bds-button-group/bds-button-group.d.ts

@@ -0,0 +1,36 @@
+import { IButtonGroup } from './types/IButtonGroup';
+/**
+ * Button group component for grouping related buttons together in a unified visual unit.
+ * @slot - The content of the button group, typically multiple `<bds-button>` elements.
+ *
+ */
+export declare class BdsButtonGroup implements IButtonGroup {
+    private inheritedAttributes;
+    private readonly logger;
+    /** Controls the size applied to all child `<bds-button>` elements. Accepted values: `'sm'`, `'md'`, `'lg'`. Default is `'md'`. */
+    readonly size: IButtonGroup['size'];
+    /** Controls the layout direction of the grouped buttons. Accepted values: `'horizontal'`, `'vertical'`. Default is `'horizontal'`. */
+    readonly orientation: IButtonGroup['orientation'];
+    /** Provides an accessible label for the button group. */
+    readonly label: IButtonGroup['label'];
+    /** Controls the color applied to all child `<bds-button>` elements. Accepted values: see `CoreColors`. Default is `default`. */
+    readonly color: IButtonGroup['color'];
+    /** Controls the variant applied to all child `<bds-button>` elements. Accepted values: `'default'`, `'outline'`, `'plain'`. Default is `'default'`. */
+    readonly variant: IButtonGroup['variant'];
+    /** Reference to the host element. */
+    el: HTMLBdsButtonGroupElement;
+    /** Validates `size`, `orientation`, `color`, and `variant` prop values on change, falling back to defaults if invalid. */
+    validateProps(): void;
+    /** Propagates `size`, `color` and `variant` to all child `<bds-button>` elements via `setAttribute`. */
+    propagatePropsToButtons(): void;
+    /** Validates props before the first render. */
+    componentWillLoad(): void;
+    /** Warns when non-`<bds-button>` elements are placed in the default slot. */
+    private validateSlotContent;
+    /** Propagates initial props to child buttons after the component is mounted. */
+    componentDidLoad(): void;
+    /** Builds the CSS class map applied to the host element based `orientation`. */
+    private get classMapButtonGroup();
+    render(): any;
+}
+//# sourceMappingURL=bds-button-group.d.ts.map

package/dist/types/components/actions/bds-button-group/types/IButtonGroup.d.ts

@@ -0,0 +1,11 @@
+import { Orientation } from "../../../../types/orientation";
+import { CoreColors } from "../../../../types/coreColors";
+import { ButtonVariant, ButtonSizes } from '../../bds-button/types/types';
+export interface IButtonGroup {
+    size: ButtonSizes;
+    orientation: Orientation;
+    label?: string;
+    color: CoreColors;
+    variant: ButtonVariant;
+}
+//# sourceMappingURL=IButtonGroup.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu/bds-list-menu.d.ts

@@ -0,0 +1,74 @@
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { IListMenu, ListMenuChangeDetail } from './types/IListMenu';
+/**
+ * Container component that manages a list of menu items.
+ * It handles selection logic (single/multiple) and maintains the data state.
+ *
+ * @summary A list menu component that can contain multiple menu items and manage their selection state.
+ * @slot - Default slot for bds-list-menu-item elements.
+ *
+ * @fires bdsChange - Emitted when the selection changes, providing the current selected value(s).
+ * @fires bdsSelect - Emmited when item is selected in menu-role="menu" is clicked
+ * @method getSelectedValues - Returns the currently selected value(s). If multiple is true, returns an array of strings; otherwise, returns a single string or undefined.
+ * @method setSelectedValues - Sets the selected value(s). Accepts a string for single selection or an array of strings for multiple selection.
+ */
+export declare class BdsListMenu {
+    private inheritedAttributes;
+    /** The host element */
+    el: HTMLBdsListMenuElement;
+    /** The selection mode of the menu. Can be 'SINGLE' or 'MULTIPLE'. Default is 'SINGLE'. */
+    readonly selectionMode: IListMenu['selectionMode'];
+    /** Defines the ARIA role of the menu. Can be 'menu' or 'listbox'. Default is 'menu'. */
+    readonly menuRole: IListMenu['menuRole'];
+    /** Determines if the menu items have selectall/deselectall controls */
+    readonly selectControls: IListMenu['selectControls'];
+    /** State to manage selected values */
+    selectedValues: string[];
+    /** Emitted when the selection changes, providing the current selected value(s). */
+    readonly bdsChange: EventEmitter<string | string[]>;
+    /** Emitted when the selection changes, providing the current selected value(s). */
+    readonly bdsSelect: EventEmitter<ListMenuChangeDetail>;
+    /** Verify props to be valid */
+    checkProps(): void;
+    /**
+     * Retrieves the currently selected value(s) programmatically.
+     * @method getSelectedValues
+     * @returns {Promise<string | string[]>} The selected value(s) based on the 'multiple' prop.
+     */
+    getSelectedValues(): Promise<string | string[]>;
+    /**
+     * Sets the selected values programmatically.
+     * Useful for initializing the menu from an external data source or form reset.
+     * @method setSelectedValues
+     * @param {string | string[]} values - The value or values to be marked as selected.
+     */
+    setSelectedValues(values: string | string[]): Promise<void>;
+    /** Handles the click event on a menu item, updating the selection state accordingly. */
+    handleItemClick(event: CustomEvent): void;
+    /** Initializes the selected values based on the child menu items that have the 'selected' attribute set. */
+    componentWillLoad(): void;
+    /** Get all child menu items */
+    get childItems(): HTMLBdsListMenuItemElement[];
+    /** First clickable element  */
+    get firstEnabledItem(): HTMLBdsListMenuItemElement;
+    get isMultiple(): boolean;
+    /** Updates the active state of the menu items based on the current selection. */
+    private updateActiveState;
+    /** Handles selection logic for multiple selection mode. */
+    private handleMultipleSelection;
+    /** Handles selection logic for single selection mode. */
+    private handleSingleSelection;
+    /** Updates the state of child menu items based on the current selection. */
+    private updateChildrenState;
+    /** activate item based on interaction */
+    private setActiveItem;
+    /** Initializes the selected values based on the child menu items that have the 'selected' attribute set. */
+    private initialSelectedValues;
+    /** Handles the toggle of select/deselect all controls, updating the selection state accordingly. */
+    private handleToggleSelect;
+    /** Renders the select/deselect all controls if applicable based on the props. */
+    private renderSelectControls;
+    /** Renders the component with a slot for menu items. */
+    render(): any;
+}
+//# sourceMappingURL=bds-list-menu.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/IListMenu.d.ts

@@ -0,0 +1,14 @@
+import { MenuRole } from "../../../../../types/index";
+import { ListMenuSelectionMode } from './types';
+export interface IListMenu {
+    menuRole: MenuRole;
+    selectionMode: ListMenuSelectionMode;
+    selectControls: boolean;
+}
+export interface ListMenuChangeDetail {
+    value: string | string[] | undefined;
+    element: HTMLElement;
+    index: string | number;
+    checked: boolean | undefined;
+}
+//# sourceMappingURL=IListMenu.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/enum.d.ts

@@ -0,0 +1,5 @@
+export declare const LIST_MENU_SELECTION_MODE: {
+    readonly SINGLE: "single";
+    readonly MULTIPLE: "multiple";
+};
+//# sourceMappingURL=enum.d.ts.map

package/dist/types/components/actions/bds-list-menu/bds-list-menu/types/types.d.ts

@@ -0,0 +1,3 @@
+import { LIST_MENU_SELECTION_MODE } from './enum';
+export type ListMenuSelectionMode = (typeof LIST_MENU_SELECTION_MODE)[keyof typeof LIST_MENU_SELECTION_MODE];
+//# sourceMappingURL=types.d.ts.map