@telesign/boreal-react 0.1.0-alpha.2 → 0.1.0-alpha.4

package/dist/css/theme-telesign.css

@@ -0,0 +1,209 @@
+[data-theme="telesign"] {
+  --boreal-accent-dark: var(--boreal-color-telesign-cobalt-cobalt-700);
+  --boreal-black: var(--boreal-color-telesign-onyx-onyx-900);
+  --boreal-accent-light: var(--boreal-color-telesign-cobalt-cobalt-50);
+  --boreal-white: var(--boreal-color-white);
+  --boreal-accent-base: var(--boreal-color-telesign-cobalt-cobalt-400);
+  --boreal-extended-teal-light: var(--boreal-color-masiv-teal-teal-20);
+  --boreal-extended-teal-lighter: var(--boreal-color-masiv-teal-teal-5);
+  --boreal-extended-teal-base: var(--boreal-color-masiv-teal-teal-40);
+  --boreal-extended-teal-dark: var(--boreal-color-masiv-teal-teal-70);
+  --boreal-extended-teal-darker: var(--boreal-color-masiv-teal-teal-90);
+  --boreal-extended-purple-base: var(--boreal-color-masiv-purple-purple-50);
+  --boreal-extended-purple-dark: var(--boreal-color-masiv-purple-purple-70);
+  --boreal-extended-orange-base: var(--boreal-color-masiv-orange-orange-40);
+  --boreal-extended-purple-light: var(--boreal-color-masiv-purple-purple-20);
+  --boreal-extended-orange-darker: var(--boreal-color-masiv-orange-orange-90);
+  --boreal-extended-orange-lighter: var(--boreal-color-masiv-orange-orange-5);
+  --boreal-extended-orange-dark: var(--boreal-color-masiv-orange-orange-70);
+  --boreal-extended-orange-light: var(--boreal-color-masiv-orange-orange-20);
+  --boreal-extended-purple-lighter: var(--boreal-color-masiv-purple-purple-5);
+  --boreal-extended-purple-darker: var(--boreal-color-masiv-purple-purple-90);
+  --boreal-extended-cyan-lighter: var(--boreal-color-masiv-cyan-cyan-5);
+  --boreal-extended-cyan-light: var(--boreal-color-masiv-cyan-cyan-20);
+  --boreal-extended-cyan-base: var(--boreal-color-masiv-cyan-cyan-40);
+  --boreal-extended-cyan-dark: var(--boreal-color-masiv-cyan-cyan-70);
+  --boreal-extended-cyan-darker: var(--boreal-color-masiv-cyan-cyan-90);
+  --boreal-extended-lime-dark: var(--boreal-color-masiv-lime-lime-70);
+  --boreal-extended-lime-base: var(--boreal-color-masiv-lime-lime-40);
+  --boreal-extended-lime-darker: var(--boreal-color-masiv-lime-lime-90);
+  --boreal-extended-lime-light: var(--boreal-color-masiv-lime-lime-20);
+  --boreal-extended-lime-lighter: var(--boreal-color-masiv-lime-lime-5);
+  --boreal-extended-cobalt-lighter: var(--boreal-color-telesign-cobalt-cobalt-50);
+  --boreal-extended-cobalt-light: var(--boreal-color-telesign-cobalt-cobalt-100);
+  --boreal-extended-cobalt-base: var(--boreal-color-telesign-cobalt-cobalt-600);
+  --boreal-extended-cobalt-dark: var(--boreal-color-telesign-cobalt-cobalt-800);
+  --boreal-extended-cobalt-darker: var(--boreal-color-telesign-cobalt-cobalt-900);
+  --boreal-extended-onyx-lighter: var(--boreal-color-telesign-onyx-onyx-100);
+  --boreal-extended-onyx-light: var(--boreal-color-telesign-onyx-onyx-200);
+  --boreal-extended-onyx-base: var(--boreal-color-telesign-onyx-onyx-500);
+  --boreal-extended-onyx-dark: var(--boreal-color-telesign-onyx-onyx-600);
+  --boreal-extended-onyx-darker: var(--boreal-color-telesign-onyx-onyx-900);
+  --boreal-extended-rose-lighter: var(--boreal-color-masiv-rose-rose-5);
+  --boreal-extended-rose-light: var(--boreal-color-masiv-rose-rose-20);
+  --boreal-extended-rose-base: var(--boreal-color-masiv-rose-rose-50);
+  --boreal-extended-rose-dark: var(--boreal-color-masiv-rose-rose-70);
+  --boreal-extended-rose-darker: var(--boreal-color-masiv-rose-rose-90);
+  --boreal-neutral-600: var(--boreal-color-telesign-onyx-onyx-600);
+  --boreal-information-lighter: var(--boreal-color-telesign-cyan-cyan-50);
+  --boreal-information-light: var(--boreal-color-telesign-cyan-cyan-200);
+  --boreal-success-lighter: var(--boreal-color-telesign-lime-lime-50);
+  --boreal-information-base: var(--boreal-color-telesign-cyan-cyan-700);
+  --boreal-neutral-900: var(--boreal-color-telesign-onyx-onyx-900);
+  --boreal-information-dark: var(--boreal-color-telesign-cyan-cyan-800);
+  --boreal-neutral-400: var(--boreal-color-telesign-onyx-onyx-400);
+  --boreal-warning-base: var(--boreal-color-telesign-sunrise-sunrise-500);
+  --boreal-neutral-700: var(--boreal-color-telesign-onyx-onyx-700);
+  --boreal-warning-dark: var(--boreal-color-telesign-sunrise-sunrise-800);
+  --boreal-warning-darker: var(--boreal-color-telesign-sunrise-sunrise-900);
+  --boreal-warning-light: var(--boreal-color-telesign-sunrise-sunrise-200);
+  --boreal-focus: #1f5bff4d;
+  --boreal-success-light: var(--boreal-color-telesign-lime-lime-200);
+  --boreal-neutral-50: var(--boreal-color-telesign-onyx-onyx-50);
+  --boreal-success-base: var(--boreal-color-telesign-lime-lime-600);
+  --boreal-primary-dark: var(--boreal-color-telesign-indigo-indigo-700);
+  --boreal-danger-darker: var(--boreal-color-telesign-cherry-cherry-900);
+  --boreal-primary-darker: var(--boreal-color-telesign-indigo-indigo-900);
+  --boreal-danger-dark: var(--boreal-color-telesign-cherry-cherry-800);
+  --boreal-base-alt: var(--boreal-color-telesign-indigo-indigo-500);
+  --boreal-neutral-300: var(--boreal-color-telesign-onyx-onyx-300);
+  --boreal-danger-lighter: var(--boreal-color-telesign-cherry-cherry-50);
+  --boreal-base-lighter: var(--boreal-color-telesign-indigo-indigo-25);
+  --boreal-danger-light: var(--boreal-color-telesign-cherry-cherry-200);
+  --boreal-accent-lighter: var(--boreal-color-telesign-cobalt-cobalt-25);
+  --boreal-success-dark: var(--boreal-color-telesign-lime-lime-800);
+  --boreal-neutral-25: var(--boreal-color-telesign-indigo-indigo-25);
+  --boreal-accent-darker: var(--boreal-color-telesign-cobalt-cobalt-900);
+  --boreal-neutral-200: var(--boreal-color-telesign-onyx-onyx-200);
+  --boreal-warning-lighter: var(--boreal-color-telesign-sunrise-sunrise-50);
+  --boreal-success-darker: var(--boreal-color-telesign-lime-lime-900);
+  --boreal-primary-base: var(--boreal-color-telesign-indigo-indigo-500);
+  --boreal-information-darker: var(--boreal-color-telesign-cyan-cyan-900);
+  --boreal-neutral-500: var(--boreal-color-telesign-onyx-onyx-500);
+  --boreal-neutral-100: var(--boreal-color-telesign-onyx-onyx-100);
+  --boreal-danger-base: var(--boreal-color-telesign-cherry-cherry-700);
+  --boreal-neutral-800: var(--boreal-color-telesign-onyx-onyx-800);
+  --boreal-base-light: var(--boreal-color-telesign-indigo-indigo-50);
+  --boreal-primary-light: var(--boreal-color-telesign-indigo-indigo-200);
+  --boreal-primary-lighter: var(--boreal-color-telesign-indigo-indigo-25);
+  --boreal-base-dark: var(--boreal-color-telesign-indigo-indigo-200);
+  --boreal-base-darker: var(--boreal-color-telesign-indigo-indigo-300);
+  --boreal-user-base: var(--boreal-color-telesign-indigo-indigo-400);
+  --boreal-bg-overlay: var(--boreal-neutral-900);
+  --boreal-bg-inverse: var(--boreal-white);
+  --boreal-bg-primary-darker: var(--boreal-primary-darker);
+  --boreal-bg-default: var(--boreal-neutral-25);
+  --boreal-bg-primary: var(--boreal-primary-base);
+  --boreal-bg-neutral: var(--boreal-neutral-700);
+  --boreal-text-success: var(--boreal-success-base);
+  --boreal-text-danger: var(--boreal-danger-base);
+  --boreal-text-default-darker: var(--boreal-neutral-900);
+  --boreal-text-information: var(--boreal-information-base);
+  --boreal-text-accent: var(--boreal-accent-base);
+  --boreal-text-default: var(--boreal-neutral-700);
+  --boreal-text-default-light: var(--boreal-neutral-400);
+  --boreal-text-inverse: var(--boreal-white);
+  --boreal-text-warning: var(--boreal-warning-base);
+  --boreal-text-disabled: var(--boreal-neutral-300);
+  --boreal-text-primary: var(--boreal-primary-base);
+  --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-light: var(--boreal-danger-light);
+  --boreal-text-success-light: var(--boreal-success-light);
+  --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-ui-default: var(--boreal-white);
+  --boreal-ui-inverse: var(--boreal-white);
+  --boreal-ui-accent: var(--boreal-accent-base);
+  --boreal-ui-black-light: var(--boreal-neutral-500);
+  --boreal-ui-base: var(--boreal-base-alt);
+  --boreal-ui-base-light: var(--boreal-base-light);
+  --boreal-ui-disabled: var(--boreal-neutral-50);
+  --boreal-ui-info-light: var(--boreal-information-light);
+  --boreal-ui-success-light: var(--boreal-success-light);
+  --boreal-ui-success: var(--boreal-success-base);
+  --boreal-ui-black: var(--boreal-neutral-900);
+  --boreal-ui-danger-light: var(--boreal-danger-light);
+  --boreal-ui-primary-lighter: var(--boreal-primary-lighter);
+  --boreal-ui-danger: var(--boreal-danger-base);
+  --boreal-ui-info: var(--boreal-information-base);
+  --boreal-ui-primary: var(--boreal-primary-base);
+  --boreal-ui-primary-light: var(--boreal-primary-light);
+  --boreal-ui-primary-dark: var(--boreal-primary-dark);
+  --boreal-ui-warning: var(--boreal-warning-base);
+  --boreal-ui-success-lighter: var(--boreal-success-lighter);
+  --boreal-ui-danger-lighter: var(--boreal-danger-lighter);
+  --boreal-ui-info-lighter: var(--boreal-information-lighter);
+  --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-dark: var(--boreal-base-dark);
+  --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-base-light);
+  --boreal-icon-info-dark: var(--boreal-information-darker);
+  --boreal-icon-default-lighter: var(--boreal-neutral-200);
+  --boreal-icon-default-light: var(--boreal-neutral-300);
+  --boreal-icon-default: var(--boreal-neutral-700);
+  --boreal-icon-success: var(--boreal-success-base);
+  --boreal-icon-inverse: var(--boreal-white);
+  --boreal-icon-warning: var(--boreal-warning-base);
+  --boreal-icon-accent: var(--boreal-accent-base);
+  --boreal-icon-danger: var(--boreal-danger-base);
+  --boreal-icon-base: var(--boreal-base-alt);
+  --boreal-icon-primary: 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-info: var(--boreal-information-base);
+  --boreal-icon-info-light: var(--boreal-information-light);
+  --boreal-icon-success-light: var(--boreal-success-light);
+  --boreal-icon-warning-light: var(--boreal-warning-light);
+  --boreal-icon-danger-light: var(--boreal-danger-light);
+  --boreal-icon-disabled: var(--boreal-neutral-300);
+  --boreal-icon-primary-light: var(--boreal-primary-light);
+  --boreal-icon-primary-dark: var(--boreal-primary-dark);
+  --boreal-icon-user: var(--boreal-user-base);
+  --boreal-alpha-black-50: #272a2f80;
+  --boreal-alpha-black-25: #272a2f40;
+  --boreal-alpha-white-50: #ffffff80;
+  --boreal-alpha-white-25: #ffffff40;
+  --boreal-alpha-white-10: #ffffff1a;
+  --boreal-alpha-white-75: #ffffffbf;
+  --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: var(--boreal-information-base);
+  --boreal-stroke-success: var(--boreal-success-base);
+  --boreal-stroke-default-dark: var(--boreal-base-dark);
+  --boreal-stroke-default-light: var(--boreal-base-light);
+  --boreal-stroke-default: var(--boreal-base-alt);
+  --boreal-stroke-focus: var(--boreal-focus);
+  --boreal-stroke-danger: var(--boreal-danger-base);
+  --boreal-stroke-accent: var(--boreal-accent-base);
+  --boreal-stroke-primary: 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);
+}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/components';
+declare const _default: {};
+export default _default;

package/dist/scss/maps/_theme-bics.scss

@@ -0,0 +1,209 @@
+$boreal-theme-bics: (
+  'accent-dark': $boreal-color-bics-byzantine-byzantine-2,
+  'black': $boreal-color-bics-black-black-1,
+  'accent-light': $boreal-color-bics-byzantine-byzantine-5,
+  'white': $boreal-color-white,
+  'accent-base': $boreal-color-bics-byzantine-byzantine-3,
+  'extended-teal-light': $boreal-color-masiv-teal-teal-20,
+  'extended-teal-lighter': $boreal-color-masiv-teal-teal-5,
+  'extended-teal-base': $boreal-color-masiv-teal-teal-40,
+  'extended-teal-dark': $boreal-color-masiv-teal-teal-70,
+  'extended-teal-darker': $boreal-color-masiv-teal-teal-90,
+  'extended-purple-base': $boreal-color-masiv-purple-purple-50,
+  'extended-purple-dark': $boreal-color-masiv-purple-purple-70,
+  'extended-orange-base': $boreal-color-masiv-orange-orange-40,
+  'extended-purple-light': $boreal-color-masiv-purple-purple-20,
+  'extended-orange-darker': $boreal-color-masiv-orange-orange-90,
+  'extended-orange-lighter': $boreal-color-masiv-orange-orange-5,
+  'extended-orange-dark': $boreal-color-masiv-orange-orange-70,
+  'extended-orange-light': $boreal-color-masiv-orange-orange-20,
+  'extended-purple-lighter': $boreal-color-masiv-purple-purple-5,
+  'extended-purple-darker': $boreal-color-masiv-purple-purple-90,
+  'extended-cyan-lighter': $boreal-color-masiv-cyan-cyan-5,
+  'extended-cyan-light': $boreal-color-masiv-cyan-cyan-20,
+  'extended-cyan-base': $boreal-color-masiv-cyan-cyan-40,
+  'extended-cyan-dark': $boreal-color-masiv-cyan-cyan-70,
+  'extended-cyan-darker': $boreal-color-masiv-cyan-cyan-90,
+  'extended-lime-dark': $boreal-color-masiv-lime-lime-70,
+  'extended-lime-base': $boreal-color-masiv-lime-lime-40,
+  'extended-lime-darker': $boreal-color-masiv-lime-lime-90,
+  'extended-lime-light': $boreal-color-masiv-lime-lime-20,
+  'extended-lime-lighter': $boreal-color-masiv-lime-lime-5,
+  'extended-cobalt-lighter': $boreal-color-telesign-cobalt-cobalt-50,
+  'extended-cobalt-light': $boreal-color-telesign-cobalt-cobalt-100,
+  'extended-cobalt-base': $boreal-color-telesign-cobalt-cobalt-600,
+  'extended-cobalt-dark': $boreal-color-telesign-cobalt-cobalt-800,
+  'extended-cobalt-darker': $boreal-color-telesign-cobalt-cobalt-900,
+  'extended-onyx-lighter': $boreal-color-telesign-onyx-onyx-100,
+  'extended-onyx-light': $boreal-color-telesign-onyx-onyx-200,
+  'extended-onyx-base': $boreal-color-telesign-onyx-onyx-500,
+  'extended-onyx-dark': $boreal-color-telesign-onyx-onyx-600,
+  'extended-onyx-darker': $boreal-color-telesign-onyx-onyx-900,
+  'extended-rose-lighter': $boreal-color-masiv-rose-rose-5,
+  'extended-rose-light': $boreal-color-masiv-rose-rose-20,
+  'extended-rose-base': $boreal-color-masiv-rose-rose-50,
+  'extended-rose-dark': $boreal-color-masiv-rose-rose-70,
+  'extended-rose-darker': $boreal-color-masiv-rose-rose-90,
+  'neutral-600': $boreal-color-bics-black-black-4,
+  'information-lighter': $boreal-extended-cobalt-lighter,
+  'information-light': $boreal-extended-cobalt-light,
+  'success-lighter': $boreal-color-bics-success-success-7,
+  'information-base': $boreal-extended-cobalt-base,
+  'neutral-900': $boreal-color-bics-black-black-1,
+  'information-dark': $boreal-extended-cobalt-dark,
+  'neutral-400': $boreal-color-bics-grey-grey-4,
+  'warning-base': $boreal-color-bics-warning-warning-4,
+  'neutral-700': $boreal-color-bics-black-black-3,
+  'warning-dark': $boreal-color-bics-warning-warning-2,
+  'warning-darker': $boreal-color-bics-warning-warning-1,
+  'warning-light': $boreal-color-bics-warning-warning-5,
+  'focus': #3b60c54d,
+  'success-light': $boreal-color-bics-success-success-6,
+  'neutral-50': $boreal-color-bics-black-black-7,
+  'success-base': $boreal-color-bics-success-success-4,
+  'primary-dark': $boreal-color-bics-petrol-petrol-2,
+  'danger-darker': $boreal-color-bics-error-error-1,
+  'primary-darker': $boreal-color-bics-petrol-petrol-1,
+  'danger-dark': $boreal-color-bics-error-error-2,
+  'base-alt': $boreal-color-bics-grey-grey-3,
+  'neutral-300': $boreal-color-bics-grey-grey-5,
+  'danger-lighter': $boreal-color-bics-error-error-7,
+  'base-lighter': $boreal-color-bics-grey-grey-7,
+  'danger-light': $boreal-color-bics-error-error-5,
+  'accent-lighter': $boreal-color-bics-byzantine-byzantine-6,
+  'success-dark': $boreal-color-bics-success-success-2,
+  'neutral-25': $boreal-color-bics-grey-grey-7,
+  'accent-darker': $boreal-color-bics-byzantine-byzantine-1,
+  'neutral-200': $boreal-color-bics-grey-grey-6,
+  'warning-lighter': $boreal-color-bics-warning-warning-7,
+  'success-darker': $boreal-color-bics-success-success-1,
+  'primary-base': $boreal-color-bics-petrol-petrol-3,
+  'information-darker': $boreal-extended-cobalt-darker,
+  'neutral-500': $boreal-color-bics-black-black-5,
+  'neutral-100': $boreal-color-bics-grey-grey-7,
+  'danger-base': $boreal-color-bics-error-error-4,
+  'neutral-800': $boreal-color-bics-black-black-2,
+  'base-light': $boreal-color-bics-grey-grey-8,
+  'primary-light': $boreal-color-bics-petrol-petrol-5,
+  'primary-lighter': $boreal-color-bics-petrol-petrol-7,
+  'base-dark': $boreal-color-bics-grey-grey-5,
+  'base-darker': $boreal-color-bics-grey-grey-5,
+  'user-base': $boreal-color-bics-petrol-petrol-3,
+  'bg-overlay': $boreal-neutral-900,
+  'bg-inverse': $boreal-white,
+  'bg-primary-darker': $boreal-primary-darker,
+  'bg-default': $boreal-neutral-25,
+  'bg-primary': $boreal-primary-base,
+  'bg-neutral': $boreal-neutral-700,
+  'text-success': $boreal-success-base,
+  'text-danger': $boreal-danger-base,
+  'text-default-darker': $boreal-neutral-900,
+  'text-information': $boreal-information-base,
+  'text-accent': $boreal-accent-base,
+  'text-default': $boreal-neutral-700,
+  'text-default-light': $boreal-neutral-400,
+  'text-inverse': $boreal-white,
+  'text-warning': $boreal-warning-base,
+  'text-disabled': $boreal-neutral-300,
+  'text-primary': $boreal-primary-base,
+  'text-danger-dark': $boreal-danger-dark,
+  'text-success-dark': $boreal-success-dark,
+  'text-information-dark': $boreal-information-darker,
+  'text-warning-light': $boreal-warning-light,
+  'text-danger-light': $boreal-danger-light,
+  'text-success-light': $boreal-success-light,
+  'text-information-light': $boreal-information-light,
+  'text-warning-dark': $boreal-warning-darker,
+  'text-base': $boreal-base-alt,
+  'text-primary-light': $boreal-primary-light,
+  'text-primary-dark': $boreal-primary-dark,
+  'ui-default': $boreal-white,
+  'ui-inverse': $boreal-white,
+  'ui-accent': $boreal-accent-base,
+  'ui-black-light': $boreal-neutral-500,
+  'ui-base': $boreal-base-alt,
+  'ui-base-light': $boreal-base-light,
+  'ui-disabled': $boreal-neutral-50,
+  'ui-info-light': $boreal-information-light,
+  'ui-success-light': $boreal-success-light,
+  'ui-success': $boreal-success-base,
+  'ui-black': $boreal-neutral-900,
+  'ui-danger-light': $boreal-danger-light,
+  'ui-primary-lighter': $boreal-primary-lighter,
+  'ui-danger': $boreal-danger-base,
+  'ui-info': $boreal-information-base,
+  'ui-primary': $boreal-primary-base,
+  'ui-primary-light': $boreal-primary-light,
+  'ui-primary-dark': $boreal-primary-dark,
+  'ui-warning': $boreal-warning-base,
+  'ui-success-lighter': $boreal-success-lighter,
+  'ui-danger-lighter': $boreal-danger-lighter,
+  'ui-info-lighter': $boreal-information-lighter,
+  'ui-warning-light': $boreal-warning-light,
+  'ui-warning-lighter': $boreal-warning-lighter,
+  'ui-base-lighter': $boreal-base-lighter,
+  'ui-default-dark': $boreal-base-dark,
+  'ui-success-dark': $boreal-success-dark,
+  'ui-danger-dark': $boreal-danger-dark,
+  'ui-info-dark': $boreal-information-dark,
+  'ui-warning-dark': $boreal-warning-dark,
+  'ui-default-light': $boreal-base-light,
+  'icon-info-dark': $boreal-information-darker,
+  'icon-default-lighter': $boreal-neutral-200,
+  'icon-default-light': $boreal-neutral-300,
+  'icon-default': $boreal-neutral-700,
+  'icon-success': $boreal-success-base,
+  'icon-inverse': $boreal-white,
+  'icon-warning': $boreal-warning-base,
+  'icon-accent': $boreal-accent-base,
+  'icon-danger': $boreal-danger-base,
+  'icon-base': $boreal-base-alt,
+  'icon-primary': $boreal-primary-base,
+  'icon-success-dark': $boreal-success-dark,
+  'icon-warning-dark': $boreal-warning-darker,
+  'icon-danger-dark': $boreal-danger-dark,
+  'icon-info': $boreal-information-base,
+  'icon-info-light': $boreal-information-light,
+  'icon-success-light': $boreal-success-light,
+  'icon-warning-light': $boreal-warning-light,
+  'icon-danger-light': $boreal-danger-light,
+  'icon-disabled': $boreal-neutral-300,
+  'icon-primary-light': $boreal-primary-light,
+  'icon-primary-dark': $boreal-primary-dark,
+  'icon-user': $boreal-user-base,
+  'alpha-black-50': #272a2f80,
+  'alpha-black-25': #272a2f40,
+  'alpha-white-50': #ffffff80,
+  'alpha-white-25': #ffffff40,
+  'alpha-white-10': #ffffff1a,
+  'alpha-white-75': #ffffffbf,
+  'alpha-white-85': #ffffffd9,
+  'alpha-white-90': #ffffffe6,
+  'alpha-white-95': #ffffffe6,
+  'alpha-white-80': #ffffffcc,
+  'alpha-white-55': #ffffff8c,
+  'alpha-black-5': #272a2f0d,
+  'alpha-black-10': #272a2f1a,
+  'extended-tael-darker': $boreal-extended-teal-darker,
+  'stroke-warning': $boreal-warning-base,
+  'stroke-inverse': $boreal-white,
+  'stroke-info': $boreal-information-base,
+  'stroke-success': $boreal-success-base,
+  'stroke-default-dark': $boreal-base-dark,
+  'stroke-default-light': $boreal-base-light,
+  'stroke-default': $boreal-base-alt,
+  'stroke-focus': $boreal-focus,
+  'stroke-danger': $boreal-danger-base,
+  'stroke-accent': $boreal-accent-base,
+  'stroke-primary': $boreal-primary-base,
+  'stroke-primary-light': $boreal-primary-light,
+  'stroke-primary-dark': $boreal-primary-dark,
+  'stroke-info-light': $boreal-information-light,
+  'stroke-info-dark': $boreal-information-dark,
+  'stroke-success-light': $boreal-success-light,
+  'stroke-success-dark': $boreal-success-dark,
+  'stroke-warning-light': $boreal-warning-light,
+  'stroke-warning-dark': $boreal-warning-dark,
+  'stroke-danger-light': $boreal-danger-light,
+  'stroke-danger-dark': $boreal-danger-dark
+);

package/dist/scss/maps/_theme-masiv.scss

@@ -0,0 +1,209 @@
+$boreal-theme-masiv: (
+  'accent-dark': $boreal-color-masiv-rose-rose-70,
+  'black': $boreal-color-masiv-ink-ink-90,
+  'accent-light': $boreal-color-masiv-rose-rose-20,
+  'white': $boreal-white,
+  'accent-base': $boreal-color-masiv-rose-rose-50,
+  'extended-teal-light': $boreal-color-masiv-teal-teal-20,
+  'extended-teal-lighter': $boreal-color-masiv-teal-teal-5,
+  'extended-teal-base': $boreal-color-masiv-teal-teal-40,
+  'extended-teal-dark': $boreal-color-masiv-teal-teal-70,
+  'extended-teal-darker': $boreal-color-masiv-teal-teal-90,
+  'extended-purple-base': $boreal-color-masiv-purple-purple-50,
+  'extended-purple-dark': $boreal-color-masiv-purple-purple-70,
+  'extended-orange-base': $boreal-color-masiv-orange-orange-40,
+  'extended-purple-light': $boreal-color-masiv-purple-purple-20,
+  'extended-orange-darker': $boreal-color-masiv-orange-orange-90,
+  'extended-orange-lighter': $boreal-color-masiv-orange-orange-5,
+  'extended-orange-dark': $boreal-color-masiv-orange-orange-70,
+  'extended-orange-light': $boreal-color-masiv-orange-orange-20,
+  'extended-purple-lighter': $boreal-color-masiv-purple-purple-5,
+  'extended-purple-darker': $boreal-color-masiv-purple-purple-90,
+  'extended-cyan-lighter': $boreal-color-masiv-cyan-cyan-5,
+  'extended-cyan-light': $boreal-color-masiv-cyan-cyan-20,
+  'extended-cyan-base': $boreal-color-masiv-cyan-cyan-40,
+  'extended-cyan-dark': $boreal-color-masiv-cyan-cyan-70,
+  'extended-cyan-darker': $boreal-color-masiv-cyan-cyan-90,
+  'extended-lime-dark': $boreal-color-masiv-lime-lime-70,
+  'extended-lime-base': $boreal-color-masiv-lime-lime-40,
+  'extended-lime-darker': $boreal-color-masiv-lime-lime-90,
+  'extended-lime-light': $boreal-color-masiv-lime-lime-20,
+  'extended-lime-lighter': $boreal-color-masiv-lime-lime-5,
+  'extended-cobalt-lighter': $boreal-color-telesign-cobalt-cobalt-50,
+  'extended-cobalt-light': $boreal-color-telesign-cobalt-cobalt-100,
+  'extended-cobalt-base': $boreal-color-telesign-cobalt-cobalt-600,
+  'extended-cobalt-dark': $boreal-color-telesign-cobalt-cobalt-800,
+  'extended-cobalt-darker': $boreal-color-telesign-cobalt-cobalt-900,
+  'extended-onyx-lighter': $boreal-color-telesign-onyx-onyx-100,
+  'extended-onyx-light': $boreal-color-telesign-onyx-onyx-200,
+  'extended-onyx-base': $boreal-color-telesign-onyx-onyx-500,
+  'extended-onyx-dark': $boreal-color-telesign-onyx-onyx-600,
+  'extended-onyx-darker': $boreal-color-telesign-onyx-onyx-900,
+  'extended-rose-lighter': $boreal-color-masiv-rose-rose-5,
+  'extended-rose-light': $boreal-color-masiv-rose-rose-20,
+  'extended-rose-base': $boreal-color-masiv-rose-rose-50,
+  'extended-rose-dark': $boreal-color-masiv-rose-rose-70,
+  'extended-rose-darker': $boreal-color-masiv-rose-rose-90,
+  'neutral-600': $boreal-color-masiv-ink-ink-60,
+  'information-lighter': $boreal-color-masiv-blue-blue-5,
+  'information-light': $boreal-color-masiv-blue-blue-20,
+  'success-lighter': $boreal-color-masiv-green-green-5,
+  'information-base': $boreal-color-masiv-blue-blue-50,
+  'neutral-900': $boreal-color-masiv-ink-ink-90,
+  'information-dark': $boreal-color-masiv-blue-blue-70,
+  'neutral-400': $boreal-color-masiv-ink-ink-40,
+  'warning-base': $boreal-color-masiv-yellow-yellow-30,
+  'neutral-700': $boreal-color-masiv-ink-ink-70,
+  'warning-dark': $boreal-color-masiv-yellow-yellow-70,
+  'warning-darker': $boreal-color-masiv-yellow-yellow-90,
+  'warning-light': $boreal-color-masiv-yellow-yellow-20,
+  'focus': $boreal-color-masiv-blue-blue-20,
+  'success-light': $boreal-color-masiv-green-green-20,
+  'neutral-50': $boreal-color-masiv-ink-ink-5,
+  'success-base': $boreal-color-masiv-green-green-40,
+  'primary-dark': $boreal-color-masiv-blue-blue-70,
+  'danger-darker': $boreal-color-masiv-red-red-90,
+  'primary-darker': $boreal-color-masiv-blue-blue-90,
+  'danger-dark': $boreal-color-masiv-red-red-70,
+  'base-alt': $boreal-color-masiv-ink-ink-70,
+  'neutral-300': $boreal-color-masiv-ink-ink-30,
+  'danger-lighter': $boreal-color-masiv-red-red-5,
+  'base-lighter': $boreal-color-white,
+  'danger-light': $boreal-color-masiv-red-red-20,
+  'accent-lighter': $boreal-color-masiv-rose-rose-5,
+  'success-dark': $boreal-color-masiv-green-green-70,
+  'neutral-25': $boreal-color-masiv-ink-ink-5,
+  'accent-darker': $boreal-color-masiv-rose-rose-90,
+  'neutral-200': $boreal-color-masiv-ink-ink-20,
+  'warning-lighter': $boreal-color-masiv-yellow-yellow-5,
+  'success-darker': $boreal-color-masiv-green-green-90,
+  'primary-base': $boreal-color-masiv-blue-blue-50,
+  'information-darker': $boreal-color-masiv-blue-blue-90,
+  'neutral-500': $boreal-color-masiv-ink-ink-50,
+  'neutral-100': $boreal-color-masiv-ink-ink-10,
+  'danger-base': $boreal-color-masiv-red-red-50,
+  'neutral-800': $boreal-color-masiv-ink-ink-80,
+  'base-light': $boreal-color-masiv-ink-ink-10,
+  'primary-light': $boreal-color-masiv-blue-blue-20,
+  'primary-lighter': $boreal-color-masiv-blue-blue-5,
+  'base-dark': $boreal-color-masiv-ink-ink-10,
+  'base-darker': $boreal-color-masiv-ink-ink-10,
+  'user-base': $boreal-color-masiv-green-green-40,
+  'bg-overlay': $boreal-neutral-900,
+  'bg-inverse': $boreal-white,
+  'bg-primary-darker': $boreal-primary-darker,
+  'bg-default': $boreal-neutral-25,
+  'bg-primary': $boreal-primary-base,
+  'bg-neutral': $boreal-neutral-700,
+  'text-success': $boreal-success-base,
+  'text-danger': $boreal-danger-base,
+  'text-default-darker': $boreal-neutral-900,
+  'text-information': $boreal-information-base,
+  'text-accent': $boreal-accent-base,
+  'text-default': $boreal-neutral-700,
+  'text-default-light': $boreal-neutral-400,
+  'text-inverse': $boreal-white,
+  'text-warning': $boreal-warning-base,
+  'text-disabled': $boreal-neutral-300,
+  'text-primary': $boreal-primary-base,
+  'text-danger-dark': $boreal-danger-dark,
+  'text-success-dark': $boreal-success-dark,
+  'text-information-dark': $boreal-information-darker,
+  'text-warning-light': $boreal-warning-light,
+  'text-danger-light': $boreal-danger-light,
+  'text-success-light': $boreal-success-light,
+  'text-information-light': $boreal-information-light,
+  'text-warning-dark': $boreal-warning-darker,
+  'text-base': $boreal-base-alt,
+  'text-primary-light': $boreal-primary-light,
+  'text-primary-dark': $boreal-primary-dark,
+  'ui-default': $boreal-white,
+  'ui-inverse': $boreal-white,
+  'ui-accent': $boreal-accent-base,
+  'ui-black-light': $boreal-neutral-500,
+  'ui-base': $boreal-base-alt,
+  'ui-base-light': $boreal-base-light,
+  'ui-disabled': $boreal-neutral-50,
+  'ui-info-light': $boreal-information-light,
+  'ui-success-light': $boreal-success-light,
+  'ui-success': $boreal-success-base,
+  'ui-black': $boreal-neutral-900,
+  'ui-danger-light': $boreal-danger-light,
+  'ui-primary-lighter': $boreal-primary-lighter,
+  'ui-danger': $boreal-danger-base,
+  'ui-info': $boreal-information-base,
+  'ui-primary': $boreal-primary-base,
+  'ui-primary-light': $boreal-primary-light,
+  'ui-primary-dark': $boreal-primary-dark,
+  'ui-warning': $boreal-warning-base,
+  'ui-success-lighter': $boreal-success-lighter,
+  'ui-danger-lighter': $boreal-danger-lighter,
+  'ui-info-lighter': $boreal-information-lighter,
+  'ui-warning-light': $boreal-warning-light,
+  'ui-warning-lighter': $boreal-warning-lighter,
+  'ui-base-lighter': $boreal-base-lighter,
+  'ui-default-dark': $boreal-base-dark,
+  'ui-success-dark': $boreal-success-dark,
+  'ui-danger-dark': $boreal-danger-dark,
+  'ui-info-dark': $boreal-information-dark,
+  'ui-warning-dark': $boreal-warning-dark,
+  'ui-default-light': $boreal-base-light,
+  'icon-info-dark': $boreal-information-darker,
+  'icon-default-lighter': $boreal-neutral-200,
+  'icon-default-light': $boreal-neutral-300,
+  'icon-default': $boreal-neutral-700,
+  'icon-success': $boreal-success-base,
+  'icon-inverse': $boreal-white,
+  'icon-warning': $boreal-warning-base,
+  'icon-accent': $boreal-accent-base,
+  'icon-danger': $boreal-danger-base,
+  'icon-base': $boreal-base-alt,
+  'icon-primary': $boreal-primary-base,
+  'icon-success-dark': $boreal-success-dark,
+  'icon-warning-dark': $boreal-warning-darker,
+  'icon-danger-dark': $boreal-danger-dark,
+  'icon-info': $boreal-information-base,
+  'icon-info-light': $boreal-information-light,
+  'icon-success-light': $boreal-success-light,
+  'icon-warning-light': $boreal-warning-light,
+  'icon-danger-light': $boreal-danger-light,
+  'icon-disabled': $boreal-neutral-300,
+  'icon-primary-light': $boreal-primary-light,
+  'icon-primary-dark': $boreal-primary-dark,
+  'icon-user': $boreal-user-base,
+  'alpha-black-50': #272a2f80,
+  'alpha-black-25': #272a2f40,
+  'alpha-white-50': #ffffff80,
+  'alpha-white-25': #ffffff40,
+  'alpha-white-10': #ffffff1a,
+  'alpha-white-75': #ffffffbf,
+  'alpha-white-85': #ffffffd9,
+  'alpha-white-90': #ffffffe6,
+  'alpha-white-95': #ffffffe6,
+  'alpha-white-80': #ffffffcc,
+  'alpha-white-55': #ffffff8c,
+  'alpha-black-5': #272a2f0d,
+  'alpha-black-10': #272a2f1a,
+  'extended-tael-darker': $boreal-extended-teal-darker,
+  'stroke-warning': $boreal-warning-base,
+  'stroke-inverse': $boreal-white,
+  'stroke-info': $boreal-information-base,
+  'stroke-success': $boreal-success-base,
+  'stroke-default-dark': $boreal-base-dark,
+  'stroke-default-light': $boreal-base-light,
+  'stroke-default': $boreal-base-alt,
+  'stroke-focus': $boreal-focus,
+  'stroke-danger': $boreal-danger-base,
+  'stroke-accent': $boreal-accent-base,
+  'stroke-primary': $boreal-primary-base,
+  'stroke-primary-light': $boreal-primary-light,
+  'stroke-primary-dark': $boreal-primary-dark,
+  'stroke-info-light': $boreal-information-light,
+  'stroke-info-dark': $boreal-information-dark,
+  'stroke-success-light': $boreal-success-light,
+  'stroke-success-dark': $boreal-success-dark,
+  'stroke-warning-light': $boreal-warning-light,
+  'stroke-warning-dark': $boreal-warning-dark,
+  'stroke-danger-light': $boreal-danger-light,
+  'stroke-danger-dark': $boreal-danger-dark
+);