npm - @telesign/boreal-web-components - Versions diffs - 0.1.0-alpha.3 → 0.1.0-alpha.4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (446) hide show

package/dist/boreal-web-components/css/theme-proximus.css CHANGED Viewed

@@ -1,227 +1,226 @@
 [data-theme="proximus"] {
-  --boreal-accent-dark: var(--boreal-color-proximus-mint-mint-700);
+  --boreal-primary-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
+  --boreal-primary-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
+  --boreal-primary-base: var(--boreal-color-proximus-cobalt-cobalt-500);
+  --boreal-primary-light: var(--boreal-color-proximus-cobalt-cobalt-200);
+  --boreal-primary-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
+  --boreal-accent-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
+  --boreal-accent-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
+  --boreal-accent-base: var(--boreal-color-proximus-cobalt-cobalt-500);
+  --boreal-accent-light: var(--boreal-color-proximus-cobalt-cobalt-300);
+  --boreal-accent-lighter: var(--boreal-color-proximus-cobalt-cobalt-100);
+  --boreal-neutral: var(--boreal-color-proximus-neutral-neutral-50);
+  --boreal-neutral-lighter: var(--boreal-color-proximus-onyx-onyx-50);
+  --boreal-neutral-light: var(--boreal-color-proximus-onyx-onyx-100);
+  --boreal-neutral-paper: var(--boreal-color-proximus-onyx-onyx-200);
+  --boreal-neutral-dark: var(--boreal-color-proximus-onyx-onyx-100);
+  --boreal-neutral-base: var(--boreal-color-proximus-onyx-onyx-200);
+  --boreal-neutral-darker: var(--boreal-color-proximus-onyx-onyx-500);
+  --boreal-neutral-deep: var(--boreal-color-proximus-onyx-onyx-600);
+  --boreal-neutral-ink: var(--boreal-color-proximus-onyx-onyx-700);
+  --boreal-neutral-deeper: var(--boreal-color-proximus-onyx-onyx-800);
+  --boreal-neutral-contrast: var(--boreal-color-proximus-onyx-onyx-900);
+  --boreal-base-darker: var(--boreal-color-proximus-onyx-onyx-200);
+  --boreal-base-dark: var(--boreal-color-proximus-onyx-onyx-100);
+  --boreal-base-alt: var(--boreal-color-proximus-onyx-onyx-700);
+  --boreal-base-light: var(--boreal-color-proximus-neutral-neutral-300);
+  --boreal-base-lighter: var(--boreal-color-proximus-neutral-neutral-200);
+  --boreal-danger-darker: var(--boreal-color-proximus-red-red-900);
+  --boreal-danger-dark: var(--boreal-color-proximus-red-red-800);
+  --boreal-danger-base: var(--boreal-color-proximus-red-red-500);
+  --boreal-danger-light: var(--boreal-color-proximus-red-red-200);
+  --boreal-danger-lighter: var(--boreal-color-proximus-red-red-50);
+  --boreal-success-dark: var(--boreal-color-proximus-mint-mint-700);
+  --boreal-success-base: var(--boreal-color-proximus-mint-mint-500);
+  --boreal-success-lighter: var(--boreal-color-proximus-mint-mint-50);
+  --boreal-success-darker: var(--boreal-color-proximus-mint-mint-900);
+  --boreal-success-light: var(--boreal-color-proximus-mint-mint-200);
+  --boreal-warning-darker: var(--boreal-color-proximus-amber-amber-900);
+  --boreal-warning-dark: var(--boreal-color-proximus-amber-amber-700);
+  --boreal-warning-base: var(--boreal-color-proximus-amber-amber-400);
+  --boreal-warning-light: var(--boreal-color-proximus-amber-amber-200);
+  --boreal-warning-lighter: var(--boreal-color-proximus-amber-amber-50);
+  --boreal-information-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
+  --boreal-information-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
+  --boreal-information-base: var(--boreal-color-proximus-cobalt-cobalt-500);
+  --boreal-information-light: var(--boreal-color-proximus-cobalt-cobalt-200);
+  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-50);
+  --boreal-white: var(--boreal-color-proximus-neutral-neutral-50);
   --boreal-black: var(--boreal-color-proximus-onyx-onyx-900);
-  --boreal-accent-light: var(--boreal-color-proximus-mint-mint-200);
-  --boreal-white: var(--boreal-color-white);
-  --boreal-accent-base: var(--boreal-color-proximus-mint-mint-400);
-  --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
-  --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
-  --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
-  --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
-  --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
-  --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
-  --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
-  --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
-  --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
-  --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
+  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
+  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-50);
   --boreal-extended-orange-lighter: var(--boreal-color-engage-orange-orange-5);
-  --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
   --boreal-extended-orange-light: var(--boreal-color-engage-orange-orange-20);
+  --boreal-extended-orange-base: var(--boreal-color-engage-orange-orange-40);
+  --boreal-extended-orange-dark: var(--boreal-color-engage-orange-orange-70);
+  --boreal-extended-orange-darker: var(--boreal-color-engage-orange-orange-90);
+  --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
+  --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
+  --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
+  --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
+  --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
   --boreal-extended-purple-lighter: var(--boreal-color-engage-purple-purple-5);
+  --boreal-extended-purple-light: var(--boreal-color-engage-purple-purple-20);
+  --boreal-extended-purple-base: var(--boreal-color-engage-purple-purple-50);
+  --boreal-extended-purple-dark: var(--boreal-color-engage-purple-purple-70);
   --boreal-extended-purple-darker: var(--boreal-color-engage-purple-purple-90);
+  --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
+  --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
+  --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
+  --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
+  --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
+  --boreal-extended-teal-lighter: var(--boreal-color-engage-teal-teal-5);
+  --boreal-extended-teal-base: var(--boreal-color-engage-teal-teal-40);
+  --boreal-extended-teal-dark: var(--boreal-color-engage-teal-teal-70);
+  --boreal-extended-teal-light: var(--boreal-color-engage-teal-teal-20);
+  --boreal-extended-teal-darker: var(--boreal-color-engage-teal-teal-90);
   --boreal-extended-cyan-lighter: var(--boreal-color-engage-cyan-cyan-5);
   --boreal-extended-cyan-light: var(--boreal-color-engage-cyan-cyan-20);
   --boreal-extended-cyan-base: var(--boreal-color-engage-cyan-cyan-40);
   --boreal-extended-cyan-dark: var(--boreal-color-engage-cyan-cyan-70);
   --boreal-extended-cyan-darker: var(--boreal-color-engage-cyan-cyan-90);
-  --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
+  --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
+  --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
   --boreal-extended-lime-base: var(--boreal-color-engage-lime-lime-40);
+  --boreal-extended-lime-dark: var(--boreal-color-engage-lime-lime-70);
   --boreal-extended-lime-darker: var(--boreal-color-engage-lime-lime-90);
-  --boreal-extended-lime-light: var(--boreal-color-engage-lime-lime-20);
-  --boreal-extended-lime-lighter: var(--boreal-color-engage-lime-lime-5);
   --boreal-extended-cobalt-lighter: var(--boreal-color-protect-cobalt-cobalt-50);
   --boreal-extended-cobalt-light: var(--boreal-color-protect-cobalt-cobalt-100);
   --boreal-extended-cobalt-base: var(--boreal-color-protect-cobalt-cobalt-600);
   --boreal-extended-cobalt-dark: var(--boreal-color-protect-cobalt-cobalt-800);
   --boreal-extended-cobalt-darker: var(--boreal-color-protect-cobalt-cobalt-900);
-  --boreal-extended-onyx-lighter: var(--boreal-color-protect-onyx-onyx-100);
-  --boreal-extended-onyx-light: var(--boreal-color-protect-onyx-onyx-200);
-  --boreal-extended-onyx-base: var(--boreal-color-protect-onyx-onyx-500);
-  --boreal-extended-onyx-dark: var(--boreal-color-protect-onyx-onyx-600);
-  --boreal-extended-onyx-darker: var(--boreal-color-protect-onyx-onyx-900);
-  --boreal-extended-rose-lighter: var(--boreal-color-engage-rose-rose-5);
-  --boreal-extended-rose-light: var(--boreal-color-engage-rose-rose-20);
-  --boreal-extended-rose-base: var(--boreal-color-engage-rose-rose-50);
-  --boreal-extended-rose-dark: var(--boreal-color-engage-rose-rose-70);
-  --boreal-extended-rose-darker: var(--boreal-color-engage-rose-rose-90);
-  --boreal-neutral-deep: var(--boreal-color-proximus-onyx-onyx-600);
-  --boreal-information-lighter: var(--boreal-color-proximus-cobalt-cobalt-5);
-  --boreal-information-light: var(--boreal-color-proximus-cobalt-cobalt-200);
-  --boreal-success-lighter: var(--boreal-color-proximus-mint-mint-5);
-  --boreal-information-base: var(--boreal-color-proximus-cobalt-cobalt-500);
-  --boreal-neutral-contrast: var(--boreal-color-proximus-onyx-onyx-900);
-  --boreal-information-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
-  --boreal-neutral-base: var(--boreal-color-proximus-onyx-onyx-400);
-  --boreal-warning-base: var(--boreal-color-proximus-amber-amber-400);
-  --boreal-neutral-ink: var(--boreal-color-proximus-onyx-onyx-700);
-  --boreal-warning-dark: var(--boreal-color-proximus-amber-amber-700);
-  --boreal-warning-darker: var(--boreal-color-proximus-amber-amber-900);
-  --boreal-warning-light: var(--boreal-color-proximus-amber-amber-200);
-  --boreal-focus: var(--boreal-color-proximus-cobalt-cobalt-200);
-  --boreal-success-light: var(--boreal-color-proximus-mint-mint-200);
-  --boreal-neutral-ligther: var(--boreal-color-proximus-neutral-neutral-200);
-  --boreal-success-base: var(--boreal-color-proximus-mint-mint-600);
-  --boreal-primary-dark: var(--boreal-color-proximus-cobalt-cobalt-700);
-  --boreal-danger-darker: var(--boreal-color-proximus-red-red-900);
-  --boreal-primary-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
-  --boreal-danger-dark: var(--boreal-color-proximus-red-red-800);
-  --boreal-base-alt: var(--boreal-color-proximus-onyx-onyx-900);
-  --boreal-neutral-dark: var(--boreal-color-proximus-onyx-onyx-100);
-  --boreal-danger-lighter: var(--boreal-color-proximus-red-red-50);
-  --boreal-base-lighter: var(--boreal-color-proximus-neutral-neutral-300);
-  --boreal-danger-light: var(--boreal-color-proximus-red-red-200);
-  --boreal-accent-lighter: var(--boreal-color-proximus-mint-mint-5);
-  --boreal-success-dark: var(--boreal-color-proximus-mint-mint-700);
-  --boreal-neutral: var(--boreal-color-proximus-onyx-onyx-50);
-  --boreal-accent-darker: var(--boreal-color-proximus-mint-mint-900);
-  --boreal-neutral-paper: var(--boreal-color-proximus-onyx-onyx-200);
-  --boreal-warning-lighter: var(--boreal-color-proximus-amber-amber-50);
-  --boreal-success-darker: var(--boreal-color-proximus-mint-mint-900);
-  --boreal-primary-base: var(--boreal-color-proximus-cobalt-cobalt-500);
-  --boreal-information-darker: var(--boreal-color-proximus-cobalt-cobalt-900);
-  --boreal-neutral-darker: var(--boreal-color-proximus-onyx-onyx-500);
-  --boreal-neutral-light: var(--boreal-color-proximus-onyx-onyx-100);
-  --boreal-danger-base: var(--boreal-color-proximus-red-red-500);
-  --boreal-neutral-deeper: var(--boreal-color-proximus-onyx-onyx-800);
-  --boreal-base-light: var(--boreal-color-proximus-neutral-neutral-300);
-  --boreal-primary-light: var(--boreal-color-proximus-cobalt-cobalt-200);
-  --boreal-primary-lighter: var(--boreal-color-proximus-cobalt-cobalt-5);
-  --boreal-base-dark: var(--boreal-color-proximus-onyx-onyx-100);
-  --boreal-base-darker: var(--boreal-color-proximus-onyx-onyx-200);
-  --boreal-user-base: var(--boreal-color-proximus-cobalt-cobalt-5);
-  --boreal-bg-overlay: var(--boreal-neutral-contrast);
-  --boreal-bg-inverse: var(--boreal-white);
-  --boreal-bg-primary-darker: var(--boreal-primary-darker);
-  --boreal-bg-neutral: var(--boreal-neutral);
-  --boreal-bg-primary-base: var(--boreal-primary-base);
-  --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
   --boreal-bg-primary-lighter: var(--boreal-primary-lighter);
   --boreal-bg-primary-light: var(--boreal-primary-light);
+  --boreal-bg-primary-base: var(--boreal-primary-base);
+  --boreal-bg-primary-darker: var(--boreal-primary-darker);
+  --boreal-bg-inverse: var(--boreal-white);
+  --boreal-bg-neutral: var(--boreal-neutral);
   --boreal-bg-neutral-light: var(--boreal-neutral-light);
   --boreal-bg-neutral-paper: var(--boreal-neutral-paper);
-  --boreal-bg-nuetral-dark: var(--boreal-neutral-dark);
+  --boreal-bg-neutral-dark: var(--boreal-neutral-dark);
   --boreal-bg-neutral-base: var(--boreal-neutral-base);
   --boreal-bg-neutral-darker: var(--boreal-neutral-darker);
   --boreal-bg-neutral-deep: var(--boreal-neutral-deep);
-  --boreal-text-success-base: var(--boreal-success-base);
-  --boreal-text-danger-base: var(--boreal-danger-base);
-  --boreal-text-information-base: var(--boreal-information-base);
-  --boreal-text-accent: var(--boreal-accent-base);
+  --boreal-bg-neutral-ink: var(--boreal-neutral-ink);
+  --boreal-bg-overlay: var(--boreal-neutral-contrast);
   --boreal-text-default: var(--boreal-neutral-ink);
   --boreal-text-default-light: var(--boreal-neutral-base);
-  --boreal-text-inverse: var(--boreal-white);
-  --boreal-text-warning-base: var(--boreal-warning-base);
+  --boreal-text-base: var(--boreal-base-alt);
+  --boreal-text-default-dark: var(--boreal-neutral-dark);
+  --boreal-text-default-darker: var(--boreal-neutral-darker);
+  --boreal-text-default-deep: var(--boreal-neutral-deep);
+  --boreal-text-default-ink: var(--boreal-neutral-ink);
   --boreal-text-disabled: var(--boreal-neutral-dark);
+  --boreal-text-accent: var(--boreal-accent-base);
+  --boreal-text-primary-dark: var(--boreal-primary-dark);
   --boreal-text-primary-base: var(--boreal-primary-base);
+  --boreal-text-primary-light: var(--boreal-primary-light);
   --boreal-text-danger-dark: var(--boreal-danger-dark);
-  --boreal-text-success-dark: var(--boreal-success-dark);
-  --boreal-text-information-dark: var(--boreal-information-darker);
-  --boreal-text-warning-light: var(--boreal-warning-light);
+  --boreal-text-danger-base: var(--boreal-danger-base);
   --boreal-text-danger-light: var(--boreal-danger-light);
+  --boreal-text-success-dark: var(--boreal-success-dark);
+  --boreal-text-success-base: var(--boreal-success-base);
   --boreal-text-success-light: var(--boreal-success-light);
+  --boreal-text-information-dark: var(--boreal-information-darker);
+  --boreal-text-information-base: var(--boreal-information-base);
   --boreal-text-information-light: var(--boreal-information-light);
   --boreal-text-warning-dark: var(--boreal-warning-darker);
-  --boreal-text-base: var(--boreal-base-alt);
-  --boreal-text-primary-light: var(--boreal-primary-light);
-  --boreal-text-primary-dark: var(--boreal-primary-dark);
-  --boreal-text-default-dark: var(--boreal-neutral-dark);
-  --boreal-text-default-darker: var(--boreal-neutral-darker);
-  --boreal-text-default-deep: var(--boreal-neutral-deep);
-  --boreal-text-default-ink: var(--boreal-neutral-ink);
+  --boreal-text-warning-base: var(--boreal-warning-base);
+  --boreal-text-warning-light: var(--boreal-warning-light);
+  --boreal-text-inverse: var(--boreal-white);
   --boreal-ui-default-base: var(--boreal-neutral);
-  --boreal-ui-inverse: var(--boreal-white);
+  --boreal-ui-default-lighter: var(--boreal-base-lighter);
+  --boreal-ui-default-light: var(--boreal-neutral-paper);
+  --boreal-ui-default-paper: var(--boreal-neutral-dark);
+  --boreal-ui-default-dark: var(--boreal-neutral-base);
+  --boreal-ui-default-darker: var(--boreal-neutral-darker);
+  --boreal-ui-default-deep: var(--boreal-neutral-deep);
+  --boreal-ui-default-ink: var(--boreal-neutral-ink);
+  --boreal-ui-primary-dark: var(--boreal-primary-dark);
+  --boreal-ui-primary-base: var(--boreal-primary-base);
+  --boreal-ui-primary-light: var(--boreal-primary-light);
+  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
   --boreal-ui-accent: var(--boreal-accent-base);
   --boreal-ui-black-light: var(--boreal-neutral-darker);
+  --boreal-ui-black: var(--boreal-neutral-contrast);
   --boreal-ui-base: var(--boreal-base-alt);
   --boreal-ui-base-light: var(--boreal-base-light);
-  --boreal-ui-disabled: var(--boreal-neutral-ligther);
-  --boreal-ui-info-light: var(--boreal-information-light);
-  --boreal-ui-success-light: var(--boreal-success-light);
+  --boreal-ui-base-lighter: var(--boreal-base-lighter);
+  --boreal-ui-success-dark: var(--boreal-success-dark);
   --boreal-ui-success-base: var(--boreal-success-base);
-  --boreal-ui-black: var(--boreal-neutral-contrast);
-  --boreal-ui-danger-light: var(--boreal-danger-light);
-  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
-  --boreal-ui-danger-base: var(--boreal-danger-base);
-  --boreal-ui-info-base: var(--boreal-information-base);
-  --boreal-ui-primary-base: var(--boreal-primary-base);
-  --boreal-ui-primary-light: var(--boreal-primary-light);
-  --boreal-ui-primary-dark: var(--boreal-primary-dark);
-  --boreal-ui-warning-base: var(--boreal-warning-base);
+  --boreal-ui-success-light: var(--boreal-success-light);
   --boreal-ui-success-lighter: var(--boreal-success-lighter);
+  --boreal-ui-danger-dark: var(--boreal-danger-dark);
+  --boreal-ui-danger-base: var(--boreal-danger-base);
+  --boreal-ui-danger-light: var(--boreal-danger-light);
   --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
+  --boreal-ui-info-dark: var(--boreal-information-dark);
+  --boreal-ui-info-base: var(--boreal-information-base);
+  --boreal-ui-info-light: var(--boreal-information-light);
   --boreal-ui-info-lighter: var(--boreal-information-lighter);
+  --boreal-ui-warning-dark: var(--boreal-warning-dark);
+  --boreal-ui-warning-base: var(--boreal-warning-base);
   --boreal-ui-warning-light: var(--boreal-warning-light);
   --boreal-ui-warning-lighter: var(--boreal-warning-lighter);
-  --boreal-ui-base-lighter: var(--boreal-base-lighter);
-  --boreal-ui-default-lighter: var(--boreal-neutral-ligther);
-  --boreal-ui-success-dark: var(--boreal-success-dark);
-  --boreal-ui-danger-dark: var(--boreal-danger-dark);
-  --boreal-ui-info-dark: var(--boreal-information-dark);
-  --boreal-ui-warning-dark: var(--boreal-warning-dark);
-  --boreal-ui-default-light: var(--boreal-neutral-light);
-  --boreal-ui-default-paper: var(--boreal-neutral-paper);
-  --boreal-ui-default-dark: var(--boreal-neutral-dark);
-  --boreal-ui-default-darker: var(--boreal-neutral-darker);
-  --boreal-ui-default-deep: var(--boreal-neutral-deep);
-  --boreal-ui-default-ink: var(--boreal-neutral-ink);
-  --boreal-icon-info-dark: var(--boreal-information-darker);
+  --boreal-ui-disabled: var(--boreal-neutral-lighter);
+  --boreal-ui-inverse: var(--boreal-white);
+  --boreal-stroke-primary-dark: var(--boreal-primary-dark);
+  --boreal-stroke-primary-base: var(--boreal-primary-base);
+  --boreal-stroke-primary-light: var(--boreal-primary-light);
+  --boreal-stroke-default-lighter: var(--boreal-base-lighter);
+  --boreal-stroke-default-light: var(--boreal-base-light);
+  --boreal-stroke-default-dark: var(--boreal-base-dark);
+  --boreal-stroke-default-ink: var(--boreal-base-alt);
+  --boreal-stroke-accent: var(--boreal-accent-base);
+  --boreal-stroke-info-dark: var(--boreal-information-dark);
+  --boreal-stroke-info-base: var(--boreal-information-base);
+  --boreal-stroke-info-light: var(--boreal-information-light);
+  --boreal-stroke-warning-dark: var(--boreal-warning-dark);
+  --boreal-stroke-warning: var(--boreal-warning-base);
+  --boreal-stroke-warning-light: var(--boreal-warning-light);
+  --boreal-stroke-success-dark: var(--boreal-success-dark);
+  --boreal-stroke-success-base: var(--boreal-success-base);
+  --boreal-stroke-success-light: var(--boreal-success-light);
+  --boreal-stroke-danger-dark: var(--boreal-danger-dark);
+  --boreal-stroke-danger-base: var(--boreal-danger-base);
+  --boreal-stroke-danger-light: var(--boreal-danger-light);
+  --boreal-stroke-focus: var(--boreal-focus);
+  --boreal-stroke-inverse: var(--boreal-white);
+  --boreal-icon-primary-dark: var(--boreal-primary-dark);
+  --boreal-icon-primary-base: var(--boreal-primary-base);
+  --boreal-icon-primary-light: var(--boreal-primary-light);
+  --boreal-icon-accent-base: var(--boreal-accent-base);
   --boreal-icon-default-lighter: var(--boreal-neutral-paper);
   --boreal-icon-default-light: var(--boreal-neutral-dark);
   --boreal-icon-default-dark: var(--boreal-neutral-base);
-  --boreal-icon-success-base: var(--boreal-success-base);
-  --boreal-icon-inverse: var(--boreal-white);
-  --boreal-icon-warning-base: var(--boreal-warning-base);
-  --boreal-icon-accent-base: var(--boreal-accent-base);
-  --boreal-icon-danger-base: var(--boreal-danger-base);
-  --boreal-icon-base: var(--boreal-base-alt);
-  --boreal-icon-primary-base: var(--boreal-primary-base);
-  --boreal-icon-success-dark: var(--boreal-success-dark);
-  --boreal-icon-warning-dark: var(--boreal-warning-darker);
-  --boreal-icon-danger-dark: var(--boreal-danger-dark);
+  --boreal-icon-default-ink: var(--boreal-neutral-ink);
+  --boreal-icon-info-dark: var(--boreal-information-darker);
   --boreal-icon-info-base: var(--boreal-information-base);
   --boreal-icon-info-light: var(--boreal-information-light);
+  --boreal-icon-success-dark: var(--boreal-success-dark);
+  --boreal-icon-success-base: var(--boreal-success-base);
   --boreal-icon-success-light: var(--boreal-success-light);
+  --boreal-icon-warning-dark: var(--boreal-warning-darker);
+  --boreal-icon-warning-base: var(--boreal-warning-base);
   --boreal-icon-warning-light: var(--boreal-warning-light);
+  --boreal-icon-danger-dark: var(--boreal-danger-dark);
+  --boreal-icon-danger-base: var(--boreal-danger-base);
   --boreal-icon-danger-light: var(--boreal-danger-light);
+  --boreal-icon-base: var(--boreal-base-alt);
+  --boreal-icon-inverse: var(--boreal-white);
   --boreal-icon-disabled: var(--boreal-neutral-dark);
-  --boreal-icon-primary-light: var(--boreal-primary-light);
-  --boreal-icon-primary-dark: var(--boreal-primary-dark);
   --boreal-icon-user: var(--boreal-user-base);
-  --boreal-icon-default-ink: var(--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: var(--boreal-extended-teal-darker);
-  --boreal-stroke-warning: var(--boreal-warning-base);
-  --boreal-stroke-inverse: var(--boreal-white);
-  --boreal-stroke-info-base: var(--boreal-information-base);
-  --boreal-stroke-success-base: var(--boreal-success-base);
-  --boreal-stroke-default-dark: var(--boreal-base-dark);
-  --boreal-stroke-default-light: var(--boreal-base-light);
-  --boreal-stroke-default-ink: var(--boreal-base-alt);
-  --boreal-stroke-focus: var(--boreal-focus);
-  --boreal-stroke-danger-base: var(--boreal-danger-base);
-  --boreal-stroke-accent: var(--boreal-accent-base);
-  --boreal-stroke-primary-base: var(--boreal-primary-base);
-  --boreal-stroke-primary-light: var(--boreal-primary-light);
-  --boreal-stroke-primary-dark: var(--boreal-primary-dark);
-  --boreal-stroke-info-light: var(--boreal-information-light);
-  --boreal-stroke-info-dark: var(--boreal-information-dark);
-  --boreal-stroke-success-light: var(--boreal-success-light);
-  --boreal-stroke-success-dark: var(--boreal-success-dark);
-  --boreal-stroke-warning-light: var(--boreal-warning-light);
-  --boreal-stroke-warning-dark: var(--boreal-warning-dark);
-  --boreal-stroke-danger-light: var(--boreal-danger-light);
-  --boreal-stroke-danger-dark: var(--boreal-danger-dark);
-  --boreal-stroke-default-lighter: var(--boreal-base-lighter);
 }

package/dist/boreal-web-components/p-0028481c.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,c as s,h as e,a as i,g as l}from"./p-BqJlOB6b.js";const h=class{constructor(e){t(this,e),this.bdsChange=s(this,"bdsChange"),this.bdsClicked=s(this,"bdsClicked"),this.multiple=!1,this.menuRole="menu",this.selectedValues=[]}async getSelectedValues(){return this.multiple?this.selectedValues:this.selectedValues[0]}async setSelectedValues(t){this.selectedValues=this.multiple?Array.isArray(t)?t:[t]:null!==t?[t]:[],this.updateChildrenState()}handleItemClick(t){const{value:s,selected:e}=t.detail;"listbox"===this.menuRole?(this.multiple?this.handleMultipleSelection(s,e):this.handleSingleSelection(s,e),this.bdsChange.emit(this.multiple?this.selectedValues:this.selectedValues[0]||void 0),this.updateChildrenState()):this.bdsClicked.emit(t.target)}componentWillLoad(){this.initialSelectedValues(),this.updateActiveState()}get childItems(){return Array.from(this.el.querySelectorAll("bds-list-menu-item"))}get firstEnabledItem(){return this.childItems.find((t=>!t.disabled&&"label"!==t.variant))}updateActiveState(){const t=this.firstEnabledItem;this.childItems.some((t=>t.selected&&!t.disabled))||void 0===t||t.setAttribute("active-item","")}handleMultipleSelection(t,s){this.selectedValues=s?[...this.selectedValues,t]:this.selectedValues.filter((s=>s!==t))}handleSingleSelection(t,s){this.selectedValues=s?[t]:[]}updateChildrenState(){this.childItems.forEach((t=>{if(void 0!==t.value){const s=this.selectedValues.includes(t.value);t.selected=s,s?t.setAttribute("active-item",""):t.removeAttribute("active-item")}})),0===this.selectedValues.length&&this.updateActiveState()}initialSelectedValues(){const t=Array.from(this.el.querySelectorAll("bds-list-menu-item[selected]"));if(t.length>0){const s=Array.from(t).map((t=>t.getAttribute("value")||""));this.selectedValues=this.multiple?s:[s[0]],this.updateChildrenState()}}render(){return e(i,{key:"30f57283c4f8ee82833217c0281f0df6e6126d26",class:"bds-list-menu",role:this.menuRole,tabIndex:"-1","aria-multiselectable":this.multiple?"true":"false"},e("slot",{key:"3d39f6022a967a57b6d95d889ad5aadd5ba7aa96"}))}get el(){return l(this)}};h.style='@charset "UTF-8";:host{display:block}.bds-list-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:350px}';export{h as bds_list_menu}

package/dist/boreal-web-components/p-127a4134.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as a,h as e,a as t,g as s}from"./p-BqJlOB6b.js";import{a as r}from"./p-CaHOghy5.js";import{v as i}from"./p-kGnB15Lz.js";const l={ICON:"icon",NAME:"name",FULL:"full"},n=class{constructor(e){a(this,e),this.inheritedAttributes={},this.username="",this.variant=l.FULL,this.background="",this.initialsColor=""}componentWillLoad(){this.checkPropValues(),this.inheritedAttributes={...r(this.el)}}componentDidLoad(){this.normalizedUsername.length<=0&&this.variant!==l.ICON&&console.warn("[BorealDS Avatar] Missing required `username` prop. The avatar relies on it to display initials or name.")}checkPropValues(){i(Object.values(l),l.FULL,this.el,"variant")}get normalizedUsername(){return this.username.trim()}extractInitials(a=""){if(0===a.length)return"";const e=a.trim().split(/\s+/).filter((a=>a.length>0));return 0===e.length?"":1===e.length?e[0].charAt(0).toUpperCase():`${e[0].charAt(0).toUpperCase()}${e[e.length-1].charAt(0).toUpperCase()}`}getAvatarStyles(){return{"--bds-avatar-background":`${this.background||"var(--boreal-ui-success-base)"}`,"--bds-avatar-initials-color":`${this.initialsColor||"var(--boreal-text-inverse)"}`}}render(){const a=this.extractInitials(this.normalizedUsername),s=this.normalizedUsername&&(this.variant===l.FULL||this.variant===l.NAME);return e(t,{key:"8c3cc5b02c02997a8aad688ae043522d07bc3239",class:"bds-avatar",role:"img","aria-label":this.normalizedUsername.length>0?`User name: ${this.normalizedUsername}`:"User name",...this.inheritedAttributes},e("div",{key:"357ec2fbb0f4ad6c9b3fa54da78c55eab0a4f7f7",class:"bds-avatar__container"},(this.variant===l.FULL||this.variant===l.ICON)&&e("div",{key:"2dbc77e00bedf5e67f08337dad76eeca9fcffb28",class:"bds-avatar__circle",style:this.getAvatarStyles()},e("span",{key:"6bbd987437cf03bc573363d86092349da5d12521",class:"bds-avatar__initials"},a)),s&&e("span",{key:"05e0480670c5ba15b8518325910a661aefb32da8",class:"bds-avatar__name"},this.normalizedUsername)))}get el(){return s(this)}};n.style='@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}';export{n as bds_avatar}

package/dist/boreal-web-components/p-1466de58.system.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ var __extends=this&&this.__extends||function(){var e=function(t,i){e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var i in t)if(Object.prototype.hasOwnProperty.call(t,i))e[i]=t[i]};return e(t,i)};return function(t,i){if(typeof i!=="function"&&i!==null)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null");e(t,i);function s(){this.constructor=t}t.prototype=i===null?Object.create(i):(s.prototype=i.prototype,new s)}}();var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,i=1,s=arguments.length;i<s;i++){t=arguments[i];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};System.register(["./p-DCKg5Cg_.system.js","./p-Dme-NuTD.system.js","./p-BuxZeJbu.system.js","./p-RhSdMyWk.system.js"],(function(e){"use strict";var t,i,s,o,r,a,n,l,d,b;return{setters:[function(e){t=e.M;i=e.r;s=e.c;o=e.h;r=e.a;a=e.g},function(e){n=e.f;l=e.s},function(e){d=e.a},function(e){b=e.c}],execute:function(){var c={LEFT:"left",RIGHT:"right"};var u=function(){return'@charset "UTF-8";.bds-toggle{font-family:var(--boreal-typography-font-family-primary);display:inline-block}.bds-toggle__container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:var(--boreal-spacing-2xs);outline:none;width:-webkit-max-content;width:-moz-max-content;width:max-content}.bds-toggle__container:focus{outline:none}.bds-toggle__container--inverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.bds-toggle:active,.bds-toggle:focus-visible{outline:none}.bds-toggle:active .bds-toggle__input:not([disabled])+.bds-toggle__slider,.bds-toggle:focus-visible .bds-toggle__input:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle .bds-toggle__input:active:not([disabled])+.bds-toggle__slider,.bds-toggle .bds-toggle__input:focus-visible:not([disabled])+.bds-toggle__slider{-webkit-box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus);box-shadow:0 0 0 1px var(--boreal-ui-inverse), 0 0 0 3px var(--boreal-stroke-focus)}.bds-toggle:hover:not(:active):not([checked]):not([disabled]) .bds-toggle__slider,.bds-toggle:hover:not(:active):focus-within:not([checked]) .bds-toggle__slider{-webkit-box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light);box-shadow:0 1px 2px 0 var(--boreal-stroke-default-light)}.bds-toggle__switch{position:relative;display:inline-block;width:var(--boreal-spacing-3xl);height:var(--boreal-spacing-l)}.bds-toggle__input{opacity:0;width:0;height:0}.bds-toggle__input:not(:checked)+.bds-toggle__slider{border:1px solid var(--boreal-stroke-default-light)}.bds-toggle__input:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-base)}.bds-toggle__input:checked+.bds-toggle__slider::before{-webkit-transform:translateX(var(--boreal-spacing-l));-ms-transform:translateX(var(--boreal-spacing-l));transform:translateX(var(--boreal-spacing-l))}.bds-toggle__input:disabled+.bds-toggle__slider{background-color:var(--boreal-ui-disabled);cursor:default}.bds-toggle__input:disabled+.bds-toggle__slider::before{background-color:var(--boreal-icon-default-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider{background-color:var(--boreal-ui-primary-light)}.bds-toggle__input:disabled:checked+.bds-toggle__slider::before{background-color:var(--boreal-icon-inverse)}.bds-toggle__slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--boreal-ui-base-light);-webkit-transition:all 0.4s, border-color 0s;transition:all 0.4s, border-color 0s}.bds-toggle__slider::before{position:absolute;content:"";height:var(--boreal-typography-font-size-md);width:var(--boreal-typography-font-size-md);left:var(--boreal-spacing-2xs);background-color:var(--boreal-text-inverse);bottom:0;top:0;margin:auto;-webkit-transition:0.3s;transition:0.3s}.bds-toggle__slider--round{border-radius:var(--boreal-radius-m)}.bds-toggle__slider--round::before{border-radius:var(--boreal-radius-full)}.bds-toggle__label{font-size:var(--boreal-typography-font-size-sm);color:var(--boreal-text-default)}.bds-toggle__helper-text{display:-ms-flexbox;display:flex;position:relative;color:var(--boreal-text-default-light);font-size:var(--boreal-typography-font-size-xs);margin-top:var(--boreal-spacing-2xs)}'};var g=e("bds_toggle",function(e){__extends(t,e);function t(t){var o=e.call(this)||this;i(o,t);o.valueChange=s(o,"valueChange");o.bdsChange=s(o,"bdsChange");if(t.$hostElement$["s-ei"]){o.internals=t.$hostElement$["s-ei"]}else{o.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=o.internals}o.inheritedAttributes={};o.disabled=false;o.required=false;o.info="";o.error=false;o.errorMessage="";o.checked=false;o.placement=c.LEFT;o.label="";o.helperText="";o.value="on";o._id=b("bds-toggle");o.isDisabled=false;o.validationError=false;o.validationMessage="";o.isChecked=false;o.handleClick=function(){return o.toggle()};o.handleKeyDown=function(e){if(e.key===" "||e.key==="Enter"){e.preventDefault();o.toggle()}};o.handleInvalid=function(e){e.preventDefault();o.validate()};return o}t.prototype.componentWillLoad=function(){this.isChecked=this.checked||false;this.isDisabled=this.disabled||false;this.inheritedAttributes=__assign({},d(this.el));this.syncFormValue()};t.prototype.onCheckedChange=function(e){this.isChecked=e;this.syncFormValue()};t.prototype.onDisabledChange=function(e){this.isDisabled=e};t.prototype.formAssociatedCallback=function(){this.syncFormValue()};t.prototype.formDisabledCallback=function(e){this.isDisabled=e};t.prototype.formResetCallback=function(){this.isChecked=false;this.internals.setValidity({});l(this.internals,null)};t.prototype.formStateRestoreCallback=function(e,t){this.isChecked=e===this.value;this.internals.setValidity({});this.syncFormValue()};t.prototype.syncFormValue=function(){l(this.internals,this.isChecked?this.value:null)};t.prototype.validate=function(){if(!this.isDisabled&&this.required&&!this.isChecked){var e=this.el.querySelector("input");this.validationError=true;this.validationMessage="This field is required";this.internals.setValidity({valueMissing:true},this.validationMessage,e!==null&&e!==void 0?e:this.el)}else{this.validationError=false;this.validationMessage="";this.internals.setValidity({})}};t.prototype.toggle=function(){if(this.isDisabled)return;this.isChecked=!this.isChecked;this.syncFormValue();this.validate();this.valueChange.emit(this.isChecked);this.bdsChange.emit({checked:this.isChecked,value:this.value})};Object.defineProperty(t.prototype,"containerClasses",{get:function(){var e;return e={},e["bds-toggle__container"]=true,e["bds-toggle__container--inverse"]=this.placement===c.RIGHT,e["bds-toggle__container--checked"]=this.isChecked,e["bds-toggle__container--disabled"]=this.isDisabled,e},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"canShowLabel",{get:function(){return this.label!==undefined&&this.label.trim()!==""&&this.label!==undefined&&this.label!==null},enumerable:false,configurable:true});t.prototype.render=function(){var e="bds-toggle";var t=this.error||this.validationError;var i=this.isDisabled?"disabled":t?"error":"default";var s=this.error&&this.errorMessage!==""?this.errorMessage:this.validationError&&this.validationMessage!==""?this.validationMessage:this.helperText;return o(r,__assign(__assign({key:"8aa5ec26708ce8eb834020353e2e01e882cefad6"},this.inheritedAttributes),{onClick:this.handleClick,onKeyDown:this.handleKeyDown,class:e}),o("div",{key:"a62ae102ba2167be5e03758c5bfc6197e8f3b73c",part:"container",class:this.containerClasses},this.canShowLabel&&o("bds-typography",{key:"c6129d113b083f9db5bad181f5a8cf1ae161b593",variant:"label",class:"".concat(e,"__label"),htmlFor:this._id,required:this.required,tooltipText:this.info},this.label),o("label",{key:"570a0637d106b24823d39945e1b7a68a4cec4f36",class:"".concat(e,"__switch"),htmlFor:this._id,onClick:function(e){return e.preventDefault()}},o("input",{key:"197a94215e42e7a8a9d5a5652ad1163b501799ab",class:"".concat(e,"__input"),"aria-invalid":this.error||this.validationError?"true":undefined,"aria-label":this.label||null,id:this._id,type:"checkbox",name:this.name,required:this.required,disabled:this.isDisabled,checked:this.isChecked,onInvalid:this.handleInvalid}),o("span",{key:"09ac81f91f9dc92c4e4cac593db4be4697243ce0",class:"".concat(e,"__slider ").concat(e,"__slider--round")}))),s!==""&&o("bds-typography",{key:"4a35755ec9e280dfedb839826683f1272c76223d",class:"".concat(e,"__helper-text"),variant:"helper",state:i,onClick:function(e){return e.stopPropagation()}},s))};Object.defineProperty(t,"formAssociated",{get:function(){return true},enumerable:false,configurable:true});Object.defineProperty(t.prototype,"el",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{checked:[{onCheckedChange:0}],disabled:[{onDisabledChange:0}]}},enumerable:false,configurable:true});return t}(t(n)));g.style=u()}}}));

package/dist/boreal-web-components/p-1d1bb9d2.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r,h as i,a as d,g as a}from"./p-BqJlOB6b.js";import{v as s}from"./p-kGnB15Lz.js";const g={FIXED:"fixed",FLUID:"fluid"},e=class{constructor(i){r(this,i),this.layout=g.FLUID}checkPropValues(){s(Object.values(g),g.FLUID,this.el,"layout")}componentWillLoad(){this.checkPropValues()}render(){return i(d,{key:"e5610c3140f86d79b275de56c8a815badccdf03d",class:{"bds-grid--fixed":this.layout===g.FIXED},style:{...this.rowGap&&{"row-gap":this.rowGap}}},i("slot",{key:"ac13145d26bd923b6f5abe415b062728757d0fd5"}))}get el(){return a(this)}static get watchers(){return{layout:[{checkPropValues:0}]}}};e.style='@charset "UTF-8";bds-grid{--bds-grid-columns:var(--boreal-grid-columns-sm);--bds-grid-gutter:var(--boreal-grid-gutter-sm);--bds-grid-margin:var(--boreal-grid-margin-sm);display:grid;grid-template-columns:repeat(var(--bds-grid-columns), 1fr);gap:var(--bds-grid-gutter);padding-inline:var(--bds-grid-margin);-webkit-margin-start:var(--bds-grid-nav-offset, 0px);margin-inline-start:var(--bds-grid-nav-offset, 0px);-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 769px){bds-grid{--bds-grid-columns:var(--boreal-grid-columns-md)}}@media (min-width: 960px){bds-grid{--bds-grid-columns:var(--boreal-grid-columns-lg);--bds-grid-margin:var(--boreal-grid-margin-lg)}}@media (min-width: 1152px){bds-grid{--bds-grid-gutter:var(--boreal-grid-gutter-xl);--bds-grid-margin:var(--boreal-grid-margin-xl)}}@media (min-width: 1344px){bds-grid{--bds-grid-margin:var(--boreal-grid-margin-2xl)}}bds-grid.bds-grid--fixed{max-width:calc(var(--boreal-grid-fixed-max-columns-width) + 2 * var(--bds-grid-margin));margin-inline:auto}';export{e as bds_grid}

package/dist/boreal-web-components/p-2158a7cd.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,h as r,a as e,g as a}from"./p-BqJlOB6b.js";import{v as s}from"./p-kGnB15Lz.js";const o={SMALL:"sm",MEDIUM:"md",LARGE:"lg"},i=class{constructor(r){t(this,r),this.size=o.SMALL,this.label="Loading"}checkPropValues(){s(Object.values(o),o.SMALL,this.el,"size")}componentWillLoad(){this.checkPropValues()}get getClassMap(){return{"bds-spinner":!0,"bds-spinner--small":this.size===o.SMALL,"bds-spinner--medium":this.size===o.MEDIUM,"bds-spinner--large":this.size===o.LARGE}}render(){return r(e,{key:"d114eb6445b81a4e7beafd0ff08b8aaf6e1a96e7",class:this.getClassMap,role:"status","aria-label":this.label,"aria-live":"polite","aria-busy":"true"},r("span",{key:"fa45675b2e258eca9c44a9374a65f26c781343d5",class:"bds-spinner__sr-only"},this.label))}get el(){return a(this)}static get watchers(){return{size:[{checkPropValues:0}]}}};i.style='@charset "UTF-8";bds-spinner{display:inline-block;position:relative;width:1em;height:1em}bds-spinner::before,bds-spinner::after{content:"";position:absolute;border-color:transparent transparent var(--boreal-primary-base) transparent;border-radius:50%;border-width:3px;border-style:solid;top:0;left:0;width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}bds-spinner::before{opacity:0.2;border-style:dashed;-webkit-animation:spin 0.8s linear infinite;animation:spin 0.8s linear infinite}bds-spinner::after{-webkit-animation:draw-arc 0.8s linear infinite;animation:draw-arc 0.8s linear infinite}.bds-spinner--small{width:var(--boreal-layout-m);height:var(--boreal-layout-m)}.bds-spinner--medium{width:var(--boreal-layout-ml);height:var(--boreal-layout-ml)}.bds-spinner--large{width:var(--boreal-layout-xl);height:var(--boreal-layout-xl)}.bds-spinner__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes draw-arc{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}60%{-webkit-transform:rotate(330deg);transform:rotate(330deg)}65%{-webkit-transform:rotate(335deg);transform:rotate(335deg)}90%{-webkit-transform:rotate(350deg);transform:rotate(350deg)}95%{-webkit-transform:rotate(355deg);transform:rotate(355deg)}98%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}';export{i as bds_spinner}