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

package/dist/boreal-web-components/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/cjs/BaseAttributes-DBBhKt7O.js

@@ -0,0 +1,14 @@
+'use strict';
+
+/**
+ * Generates a stable random ID for internal ARIA linkage.
+ * Used by components to wire labels, descriptions, and controls
+ * without exposing the ID as a public prop.
+ *
+ * @param prefix - Component-specific prefix for readability in DevTools.
+ */
+function createId(prefix = 'bds') {
+    return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
+}
+
+exports.createId = createId;

package/dist/cjs/Keys-rKl2za5q.js

@@ -0,0 +1,18 @@
+'use strict';
+
+/**
+ * Centralised keyboard key values used across components.
+ * Use these constants instead of raw string literals to prevent typos and keep key references consistent.
+ * Each value matches the `KeyboardEvent.key` string as defined by the W3C UI Events specification.
+ */
+const KEYBOARD = {
+    Enter: 'Enter',
+    Escape: 'Escape',
+    Space: ' ',
+    ArrowUp: 'ArrowUp',
+    ArrowDown: 'ArrowDown',
+    ArrowLeft: 'ArrowLeft',
+    ArrowRight: 'ArrowRight',
+};
+
+exports.KEYBOARD = KEYBOARD;

package/dist/cjs/Logger-DnziItRH.js

@@ -0,0 +1,51 @@
+'use strict';
+
+/**
+ * Default implementation of the logger service.
+ * This class is responsible for logging errors, warnings and messages to the DevTools console.
+ */
+class Logger {
+    /**
+     * Throw a normalized error with the component name and the message.
+     * @param component Is the name of the component that is throwing the error.
+     * @param message Is the message of the error.
+     * @throws Error with the component name and the message.
+     * @example
+     * const logger = new Logger();
+     * logger.error('MyComponent', 'This is an error');
+     * // Throws an error with the message "[MyComponent]: This is an error"
+     */
+    error(component, message) {
+        throw new Error(`[${component}]: ${message}`);
+    }
+    /**
+     * Log a warning with the component name and the message.
+     * @param component Is the name of the component that is throwing the warning.
+     * @param message Is the message of the warning.
+     * @example
+     * const logger = new Logger();
+     * logger.warn('MyComponent', 'This is a warning');
+     * // Logs a warning with the message "[MyComponent]: This is a warning"
+     */
+    warn(component, message) {
+        console.warn(`[${component}]: ${message}`);
+    }
+    /**
+     * Log a message with the component name and the message.
+     * @param component Is the name of the component that is logging the message.
+     * @param message Is the message of the message.
+     * @example
+     * const logger = new Logger();
+     * logger.log('MyComponent', 'This is a message');
+     * // Logs a message with the message "[MyComponent]: This is a message"
+     * @example
+     * const logger = new Logger();
+     * logger.log('MyComponent', 'This is a message');
+     * // Logs a message with the message "[MyComponent]: This is a message"
+     */
+    log(component, message) {
+        console.log(`[${component}]: ${message}`);
+    }
+}
+
+exports.Logger = Logger;

package/dist/cjs/{attributes-wIHueigW.js → attributes-CgRFplrN.js}

@@ -75,6 +75,9 @@ const ariaAttributes = [
 ];
 const inheritAriaAttributes = (el, ignoreList) => {
     let attributesToInherit = ariaAttributes;
+    if (ignoreList && ignoreList.length > 0) {
+        attributesToInherit = attributesToInherit.filter(attr => !ignoreList.includes(attr));
+    }
     return inheritAttributes(el, attributesToInherit);
 };
 

package/dist/cjs/bds-avatar.cjs.entry.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var index = require('./index-CwYIVC9N.js');
+var attributes = require('./attributes-CgRFplrN.js');
+var validateProps = require('./validateProps-CJe9X5x8.js');
+
+const AVATAR_VARIANT = {
+    ICON: 'icon',
+    NAME: 'name',
+    FULL: 'full',
+};
+
+const bdsAvatarCss = () => `@charset "UTF-8";.bds-avatar{font-family:var(--boreal-typography-font-family-primary)}.bds-avatar__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-xs)}.bds-avatar__circle{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--boreal-layout-ml);height:var(--boreal-layout-ml);border-radius:var(--boreal-radius-full);background-color:var(--bds-avatar-background)}.bds-avatar__initials{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:var(--boreal-typography-font-size-xs);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-xs);color:var(--bds-avatar-initials-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bds-avatar__name{font-size:var(--boreal-typography-font-size-sm);font-weight:var(--boreal-typography-font-weight-semibold);line-height:var(--boreal-typography-line-height-sm);color:var(--boreal-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}`;
+
+const BdsAvatar = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.inheritedAttributes = {};
+        /** The full name used to generate initials or display as label **/
+        this.username = '';
+        /**
+         * Controls which avatar elements are displayed: icon (initials), name, or both.
+         * @default 'full'
+         */
+        this.variant = AVATAR_VARIANT.FULL;
+        /** Custom background color as hex code. If not provided, defaults to Boreal success color **/
+        this.background = '';
+        /** Custom text color as hex code. If not provided, defaults to white **/
+        this.initialsColor = '';
+    }
+    componentWillLoad() {
+        this.checkPropValues();
+        this.inheritedAttributes = {
+            ...attributes.inheritAriaAttributes(this.el),
+        };
+    }
+    componentDidLoad() {
+        if (this.normalizedUsername.length <= 0 && this.variant !== AVATAR_VARIANT.ICON)
+            console.warn('[BorealDS Avatar] Missing required `username` prop. The avatar relies on it to display initials or name.');
+    }
+    checkPropValues() {
+        validateProps.validatePropValue(Object.values(AVATAR_VARIANT), AVATAR_VARIANT.FULL, this.el, 'variant');
+    }
+    get normalizedUsername() {
+        return this.username.trim();
+    }
+    /**
+     * Utility function to extract initials from the username.
+     * Takes the first letter of the first and last name.
+     * Examples: "John Doe" -> "JD", "John" -> "J", "" -> ""
+     *
+     * @param name - The full name to extract initials from
+     * @returns The initials (up to 2 characters)
+     */
+    extractInitials(name = '') {
+        if (name.length === 0)
+            return '';
+        const nameParts = name
+            .trim()
+            .split(/\s+/)
+            .filter(part => part.length > 0);
+        if (nameParts.length === 0)
+            return '';
+        if (nameParts.length === 1)
+            return nameParts[0].charAt(0).toUpperCase();
+        const firstLetter = nameParts[0].charAt(0).toUpperCase();
+        const lastLetter = nameParts[nameParts.length - 1].charAt(0).toUpperCase();
+        return `${firstLetter}${lastLetter}`;
+    }
+    getAvatarStyles() {
+        const customBackground = this.background || 'var(--boreal-ui-success-base)';
+        const customTextColor = this.initialsColor || 'var(--boreal-text-inverse)';
+        return {
+            ['--bds-avatar-background']: `${customBackground}`,
+            ['--bds-avatar-initials-color']: `${customTextColor}`,
+        };
+    }
+    render() {
+        const initials = this.extractInitials(this.normalizedUsername);
+        const avatarAriaLabel = this.normalizedUsername.length > 0 ? `User name: ${this.normalizedUsername}` : 'User name';
+        const showIcon = this.variant === AVATAR_VARIANT.FULL || this.variant === AVATAR_VARIANT.ICON;
+        const showName = this.normalizedUsername && (this.variant === AVATAR_VARIANT.FULL || this.variant === AVATAR_VARIANT.NAME);
+        return (index.h(index.Host, { key: '26a86e31e803b5c77f09fda1d9f228e3641f0a53', class: "bds-avatar", role: "img", "aria-label": avatarAriaLabel, ...this.inheritedAttributes }, index.h("div", { key: '906e9708ac61caa1cbf21a9e8019aadaea010970', class: "bds-avatar__container" }, showIcon && (index.h("div", { key: 'b2962d2a61a5a6561f5cf7f817c3ca270ba42671', class: "bds-avatar__circle", style: this.getAvatarStyles() }, index.h("span", { key: '44b5aa4c4ea78479b83b2f39121ae767d0304182', class: "bds-avatar__initials" }, initials))), showName && index.h("span", { key: 'e3b5af88572994fbecfb0bff46d4f6b417c74d16', class: "bds-avatar__name" }, this.normalizedUsername))));
+    }
+    get el() { return index.getElement(this); }
+};
+BdsAvatar.style = bdsAvatarCss();
+
+exports.bds_avatar = BdsAvatar;

package/dist/cjs/bds-badge.cjs.entry.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var index = require('./index-CwYIVC9N.js');
+var states = require('./states-BweP5Vpu.js');
+var validateProps = require('./validateProps-CJe9X5x8.js');
+
+const BADGE_VARIANT = {
+    ...states.STATUS_VARIANT,
+    DEFAULT: 'default',
+};
+
+const bdsBadgeCss = () => `@charset "UTF-8";.bds-badge{color:var(--boreal-text-default-ink);text-align:center;font-family:var(--boreal-typography-font-family-primary);font-size:var(--boreal-typography-font-size-xs);font-style:normal;font-weight:var(--boreal-typography-font-weight-regular);line-height:var(--boreal-typography-line-height-xs);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-height:var(--boreal-spacing-ml);padding:var(--boreal-spacing-3xs) var(--boreal-spacing-2xs);-ms-flex-pack:center;justify-content:center;gap:var(--boreal-spacing-3xs);border-radius:var(--boreal-radius-xs)}.bds-badge--default{color:var(--boreal-text-default-ink);background-color:var(--boreal-ui-base-light)}.bds-badge--default>[slot=icon]{display:contents;color:var(--boreal-icon-base)}.bds-badge--info{color:var(--boreal-text-information-dark);background-color:var(--boreal-ui-info-light)}.bds-badge--info>[slot=icon]{display:contents;color:var(--boreal-icon-info-dark)}.bds-badge--success{color:var(--boreal-text-success-dark);background-color:var(--boreal-ui-success-light)}.bds-badge--success>[slot=icon]{display:contents;color:var(--boreal-icon-success-dark)}.bds-badge--warning{color:var(--boreal-text-warning-dark);background-color:var(--boreal-ui-warning-light)}.bds-badge--warning>[slot=icon]{display:contents;color:var(--boreal-icon-warning-dark)}.bds-badge--danger{color:var(--boreal-text-danger-dark);background-color:var(--boreal-ui-danger-light)}.bds-badge--danger>[slot=icon]{display:contents;color:var(--boreal-icon-danger-dark)}.bds-badge--disabled{opacity:0.5;pointer-events:none}`;
+
+const BdsBadge = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /** Controls the visual style of the badge. Accepted values: 'default' | 'info' | 'success' | 'warning' | 'danger'. Default is 'default'. */
+        this.variant = BADGE_VARIANT.DEFAULT;
+        /** Disables the badge when true, reducing opacity and preventing pointer interaction. Default is false. */
+        this.disabled = false;
+    }
+    /** Validates the `variant` prop against allowed values and resets to the default if invalid. */
+    checkPropValues() {
+        validateProps.validatePropValue(Object.values(BADGE_VARIANT), BADGE_VARIANT.DEFAULT, this.el, 'variant');
+    }
+    /** Runs prop validation before the component is first rendered. */
+    componentWillLoad() {
+        this.checkPropValues();
+    }
+    /** Builds the BEM class map applied to the host element based on the current prop values. */
+    get badgeClasses() {
+        return {
+            'bds-badge': true,
+            [`bds-badge--${this.variant}`]: true,
+            'bds-badge--disabled': this.disabled,
+        };
+    }
+    render() {
+        return (index.h(index.Host, { key: 'f686ff59037a77660bc82262b9374193dface206', class: this.badgeClasses, role: "status", "aria-live": "polite", "aria-label": `status ${this.variant}`, "aria-disabled": this.disabled ? 'true' : null }, index.h("slot", { key: '5089ac4144f7fdd1023ee3561010859b6b96ef3b', name: "icon" }), index.h("slot", { key: '44addf6e20aa27f1ed3df4ab728b5a0a37cc2f20' })));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "variant": [{
+                "checkPropValues": 0
+            }]
+    }; }
+};
+BdsBadge.style = bdsBadgeCss();
+
+exports.bds_badge = BdsBadge;