@telesign/boreal-web-components 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/collection/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/collection/services/floating/index.js

@@ -0,0 +1,3 @@
+export * from './positioning.service';
+export * from './interfaces';
+export * from './types';

package/dist/collection/services/floating/interfaces/Anchored.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/services/floating/interfaces/Backdrop.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/services/floating/interfaces/index.js

@@ -0,0 +1,5 @@
+export * from './Floating';
+export * from './Props';
+export * from './Anchored';
+export * from './Positioning';
+export * from './Backdrop';

package/dist/collection/services/floating/positioning.service.js

@@ -26,7 +26,7 @@ class FloatingAdapter {
             middleware.push(flip());
         if (enableShift)
             middleware.push(shift());
-        if (arrowElement !== undefined || arrowElement !== null)
+        if (arrowElement !== undefined && arrowElement !== null)
             middleware.push(arrow({ element: arrowElement }));
         const result = await computePosition(reference, floating, {
             placement,

package/dist/collection/services/floating/types/index.js

@@ -0,0 +1 @@
+export * from './Arrow';

package/dist/collection/services/index.js

@@ -0,0 +1,2 @@
+export * from './floating';
+export * from './logger';

package/dist/collection/services/logger/index.js

@@ -0,0 +1 @@
+export * from './Logger';

package/dist/collection/types/IFormProps.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/index.js

@@ -3,3 +3,6 @@ export * from './form';
 export * from './size';
 export * from './states';
 export * from './stylesMap';
+export * from './IFormProps';
+export * from './menu';
+export * from './links';

package/dist/collection/types/links.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/types/menu.js

@@ -0,0 +1,8 @@
+export const MENU_ROLES = {
+    MENU: 'menu',
+    LISTBOX: 'listbox',
+};
+export const MENU_ITEM_ROLES = {
+    MENUITEM: 'menuitem',
+    OPTION: 'option',
+};

package/dist/collection/types/position.js

@@ -9,3 +9,13 @@ export const POSITION = {
     LEFT: 'left',
     RIGHT: 'right',
 };
+export const POPOVER_POSITION = {
+    TOP_START: 'top-start',
+    BOTTOM_START: 'bottom-start',
+    LEFT: 'left',
+    RIGHT: 'right',
+    TOP_END: 'top-end',
+    BOTTOM_END: 'bottom-end',
+    TOP: 'top',
+    BOTTOM: 'bottom',
+};

package/dist/collection/utils/constants/common/Aria.js

@@ -0,0 +1,10 @@
+/**
+ * Centralized list of `aria-label` values used by interactive elements.
+ * Add new entries to the `ARIA_LABELS` object to keep labels consistent
+ * and prevent typos across the design system.
+ */
+export const ARIA_LABELS = {
+    Clear: 'Clear',
+    ShowPassword: 'Show password',
+    HidePassword: 'Hide password',
+};

package/dist/collection/utils/constants/common/Events.js

@@ -7,4 +7,5 @@ export const EVENTS = {
     Focus: 'focus',
     Blur: 'blur',
     Click: 'click',
+    BdsClick: 'bdsClick',
 };

package/dist/collection/utils/constants/common/Icons.js

@@ -0,0 +1,16 @@
+/**
+ * Centralized list of icon font-class names used by design-system components.
+ * Add new entries to the `ICONS` object to keep class names consistent
+ * and prevent typos across the design system.
+ */
+export const ICONS = {
+    Close: 'bds-icon-close',
+    ChevronDown: 'bds-icon-chevron-down',
+    InfoCircle: 'bds-icon-info-circle',
+    InfoCircleFill: 'bds-icon-info-circle-fill',
+    CheckCircleFill: 'bds-icon-check-circle-fill',
+    WarningTriangleFill: 'bds-icon-info-major-triangle-up-fill',
+    AlertCircleFill: 'bds-icon-alert-circle-fill',
+    SightOn: 'bds-icon-sight-on',
+    SightOff: 'bds-icon-sight-off',
+};

package/dist/collection/utils/constants/common/Keys.js

@@ -11,6 +11,18 @@ export const KEYBOARD = {
     },
     Escape: {
         key: 'Escape',
+        code: 27,
+    },
+    Space: {
+        key: ' ',
         code: 32,
     },
+    ArrowUp: {
+        key: 'ArrowUp',
+        code: 38,
+    },
+    ArrowDown: {
+        key: 'ArrowDown',
+        code: 40,
+    },
 };

package/dist/collection/utils/constants/common/index.js

@@ -0,0 +1,4 @@
+export * from './Aria';
+export * from './Events';
+export * from './Icons';
+export * from './Keys';

package/dist/collection/utils/constants/index.js

@@ -0,0 +1 @@
+export * from './common';

package/dist/collection/utils/form/internals.js

@@ -22,7 +22,7 @@
  * ```
  */
 export function setFormValue(internals, value) {
-    internals.setFormValue(value);
+    internals.setFormValue?.(value);
 }
 /**
  * Runs an array of validators against the host element and reports the combined
@@ -74,6 +74,6 @@ export function runValidators(internals, validators, el) {
         }
     }
     const valid = Object.keys(flags).length === 0;
-    internals.setValidity(valid ? {} : flags, firstMessage);
+    internals.setValidity?.(valid ? {} : flags, firstMessage);
     return valid;
 }

package/dist/collection/utils/helpers/common/BaseAttributes.js

@@ -1,17 +1,10 @@
 /**
- * Ensure the given component instance has an auto-generated id if one wasn't provided.
- * Designed to be called from `componentWillLoad` on a Stencil component.
+ * 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.
  */
-export function createId(component) {
-    if (!component.idComponent)
-        component.idComponent = `bds-${Math.random().toString(36).substr(2, 9)}`;
-}
-/**
- * Components can spread the result into their host.
- */
-export function getBaseAttributes(component) {
-    createId(component);
-    return {
-        id: component.idComponent,
-    };
+export function createId(prefix = 'bds') {
+    return `${prefix}-${Math.random().toString(36).substr(2, 9)}`;
 }

package/dist/collection/utils/helpers/common/index.js

@@ -0,0 +1 @@
+export * from './BaseAttributes';

package/dist/collection/utils/helpers/index.js

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './validateProps';

package/dist/collection/utils/helpers/overlays/getOffset.js

@@ -0,0 +1,13 @@
+/**
+ * Calculates the offset for the floating element based on whether the arrow is hidden and if a custom offset is provided.
+ * @param hideArrow - A boolean indicating whether the arrow is hidden.
+ * @param hasOffset - An optional number indicating the custom offset.
+ * @param offset - The default offset value.
+ * @returns The calculated offset value.
+ */
+export const getOffset = (hideArrow = false, hasOffset = 0, offset) => {
+    if (hideArrow)
+        return hasOffset !== undefined ? hasOffset : 0;
+    else
+        return hasOffset !== undefined ? offset + hasOffset : offset;
+};

package/dist/collection/utils/helpers/validateProps.js

@@ -1,3 +1,24 @@
+/**
+ * Validates a numeric component prop against a min/max range.
+ * Issues a console warning when out of range — does not reset the value.
+ * Silently skips `undefined` (optional props) and `'full'` (valid sentinel for span props).
+ *
+ * @param min - Minimum valid value (inclusive).
+ * @param max - Maximum valid value (inclusive). Omit for unbounded upper limit.
+ * @param element - The host element whose property is being checked.
+ * @param propertyName - The name of the prop to validate.
+ */
+export function validateNumericProp(min, max, element, propertyName) {
+    const raw = element[propertyName];
+    if (raw === undefined || raw === 'full')
+        return;
+    const current = Number(raw);
+    const outOfRange = Number.isNaN(current) || current < min || (max !== undefined && current > max);
+    if (outOfRange) {
+        const rangeDesc = max !== undefined ? `${min}–${max}` : `≥${min}`;
+        console.warn(`[BorealDS] Invalid value "${raw}" for prop "${propertyName}" on <${element.tagName.toLowerCase()}>. Expected ${rangeDesc}.`);
+    }
+}
 /**
  * Validates a component prop against a list of accepted values.
  * If the current value is invalid, the prop is reset to the fallback and a warning is issued.

package/dist/collection/utils/index.js

@@ -1,3 +1,7 @@
 export * from './a11y';
 export * from './dom';
 export * from './form';
+export * from './helpers';
+export * from './testing';
+export * from './constants';
+export * from './menu';

package/dist/collection/utils/menu/index.js

@@ -0,0 +1 @@
+export * from './menu-item.utils';