@telesign/boreal-web-components 0.1.0-alpha.0

package/dist/collection/scss/global/_typography.scss

@@ -0,0 +1,156 @@
+@use "../../../dist/stencil/index" as *;
+
+.heading-4xl {
+  font-weight: $boreal-typography-font-weight-light;
+  font-size: $boreal-typography-font-size-4xl;
+  line-height: $boreal-typography-line-height-4xl;
+}
+.heading-3xl {
+  font-weight: $boreal-typography-font-weight-light;
+  font-size: $boreal-typography-font-size-3xl;
+  line-height: $boreal-typography-line-height-3xl;
+}
+.heading-2xl {
+  font-weight: $boreal-typography-font-weight-regular;
+  font-size: $boreal-typography-font-size-2xl;
+  line-height: $boreal-typography-line-height-2xl;
+}
+.heading-xl {
+  font-weight: $boreal-typography-font-weight-regular;
+  font-size: $boreal-typography-font-size-xl;
+  line-height: $boreal-typography-line-height-xl;
+}
+.heading-lg {
+  font-weight: $boreal-typography-font-weight-regular;
+  font-size: $boreal-typography-font-size-lg;
+  line-height: $boreal-typography-line-height-lg;
+}
+.heading-md {
+  font-weight: $boreal-typography-font-weight-semibold;
+  font-size: $boreal-typography-font-size-md;
+  line-height: $boreal-typography-line-height-md;
+}
+.heading-sm {
+  font-weight: $boreal-typography-font-weight-semibold;
+  font-size: $boreal-typography-font-size-sm;
+  line-height: $boreal-typography-line-height-sm;
+}
+
+.display-sm {
+  font-size: $boreal-typography-font-size-xl;
+  line-height: $boreal-typography-line-height-xl;
+  font-weight: $boreal-typography-font-weight-regular;
+}
+.display-md {
+  font-size: $boreal-typography-font-size-2xl;
+  line-height: $boreal-typography-line-height-2xl;
+  font-weight: $boreal-typography-font-weight-regular;
+}
+.display-lg {
+  font-size: $boreal-typography-font-size-3xl;
+  line-height: $boreal-typography-line-height-3xl;
+  font-weight: $boreal-typography-font-weight-regular;
+}
+.display-xl {
+  font-size: $boreal-typography-font-size-4xl;
+  line-height: $boreal-typography-line-height-4xl;
+  font-weight: $boreal-typography-font-weight-regular;
+}
+.display-xs {
+  font-size: $boreal-typography-font-size-xs;
+  line-height: $boreal-typography-line-height-xs;
+  font-weight: $boreal-typography-font-weight-regular;
+}
+
+.label-lg {
+  font-size: $boreal-typography-font-size-lg;
+  font-weight: $boreal-typography-font-weight-semibold;
+  line-height: $boreal-typography-line-height-md;
+  color: $boreal-text-default-darker;
+}
+.label-md {
+  font-size: $boreal-typography-font-size-md;
+  font-weight: $boreal-typography-font-weight-semibold;
+  line-height: $boreal-typography-line-height-md;
+  color: $boreal-text-default-darker;
+}
+.label-sm {
+  font-size: $boreal-typography-font-size-sm;
+  font-weight: $boreal-typography-font-weight-semibold;
+  line-height: $boreal-typography-line-height-sm;
+  color: $boreal-text-default-darker;
+}
+.label-xs {
+  font-size: $boreal-typography-font-size-xs;
+  font-weight: $boreal-typography-font-weight-semibold;
+  line-height: $boreal-typography-line-height-xs;
+  color: $boreal-text-default-darker;
+}
+
+.support-text {
+  font-size: $boreal-typography-font-size-sm;
+  line-height: $boreal-typography-line-height-xs;
+  font-weight: $boreal-typography-font-weight-regular;
+}
+.code {
+  font-family: $boreal-typography-font-family-secondary;
+  font-size: $boreal-typography-font-size-xs;
+  font-weight: $boreal-typography-font-weight-regular;
+  color: $boreal-text-default;
+  line-height: $boreal-typography-line-height-md;
+  overflow-wrap: break-word;
+
+  background-color: $boreal-ui-base-light;
+  padding: $boreal-spacing-3xs $boreal-spacing-xs;
+  border-radius: $boreal-radius-xs;
+
+  display: inline;
+  box-decoration-break: clone;
+  -webkit-box-decoration-break: clone;
+}
+.caption {
+  font-size: $boreal-typography-font-size-xs;
+  font-weight: $boreal-typography-font-weight-regular;
+  line-height: $boreal-typography-line-height-md;
+  color: $boreal-text-default-light;
+}
+.helper-text {
+  font-size: $boreal-typography-font-size-xs;
+  font-weight: $boreal-typography-font-weight-regular;
+  line-height: $boreal-typography-line-height-sm;
+  color: $boreal-text-default-light;
+}
+
+.link {
+  font-size: $boreal-typography-font-size-sm;
+  font-weight: $boreal-typography-font-weight-regular;
+  line-height: $boreal-typography-line-height-md;
+  color: $boreal-text-primary-base;
+  text-decoration: none;
+
+  &:hover {
+    text-decoration: underline;
+  }
+  &:visited {
+    color: $boreal-text-primary-base;
+  }
+  &:active {
+    color: $boreal-text-primary-dark;
+  }
+
+  &-md {
+    @extend .link;
+    font-size: $boreal-typography-font-size-md;
+    line-height: $boreal-typography-line-height-md;
+  }
+  &-sm {
+    @extend .link;
+    font-size: $boreal-typography-font-size-sm;
+    line-height: $boreal-typography-line-height-sm;
+  }
+  &-xs {
+    @extend .link;
+    font-size: $boreal-typography-font-size-xs;
+    line-height: $boreal-typography-line-height-xs;
+  }
+}

package/dist/collection/scss/maps/_primitives.scss

@@ -0,0 +1,461 @@
+$boreal-primitives: (
+  'color-protect-onyx-onyx-700': #3d3d57,
+  'color-protect-onyx-onyx-600': #57576b,
+  'color-protect-onyx-onyx-400': #9e9eab,
+  'color-protect-onyx-onyx-300': #b7b7c0,
+  'color-protect-onyx-onyx-900': #0e0e2c,
+  'color-protect-onyx-onyx-800': #262640,
+  'color-protect-onyx-onyx-100': #e9eaec,
+  'color-protect-onyx-onyx-500': #8c8ca1,
+  'color-protect-onyx-onyx-50': #f4f7f9,
+  'color-protect-onyx-onyx-200': #dddde2,
+  'color-protect-onyx-onyx-25': #f9fafa,
+  'color-protect-indigo-indigo-800': #000f73,
+  'color-protect-indigo-indigo-700': #001287,
+  'color-protect-indigo-indigo-600': #00149c,
+  'color-protect-indigo-indigo-300': #6675d9,
+  'color-protect-indigo-indigo-100': #ccd1f2,
+  'color-protect-indigo-indigo-500': #011ac2,
+  'color-protect-indigo-indigo-400': #3347cf,
+  'color-protect-indigo-indigo-200': #99a3e8,
+  'color-protect-indigo-indigo-900': #000d61,
+  'color-protect-indigo-indigo-50': #e5e8f9,
+  'color-protect-indigo-indigo-25': #f9f9fd,
+  'color-protect-violet-violet-800': #4f0061,
+  'color-protect-violet-violet-600': #6b0082,
+  'color-protect-violet-violet-400': #9e33b5,
+  'color-protect-violet-violet-700': #5c0073,
+  'color-protect-violet-violet-300': #b566c7,
+  'color-protect-violet-violet-500': #8400a3,
+  'color-protect-violet-violet-200': #cf99d9,
+  'color-protect-violet-violet-100': #e5cced,
+  'color-protect-violet-violet-900': #420052,
+  'color-protect-violet-violet-50': #f5e4f5,
+  'color-protect-violet-violet-25': #fdf8fd,
+  'color-protect-cyan-cyan-500': #0ac6ff,
+  'color-protect-cyan-cyan-300': #6bdeff,
+  'color-protect-cyan-cyan-800': #034d63,
+  'color-protect-cyan-cyan-200': #9ee8ff,
+  'color-protect-cyan-cyan-100': #cff5ff,
+  'color-protect-cyan-cyan-600': #089ecc,
+  'color-protect-cyan-cyan-900': #022631,
+  'color-protect-cyan-cyan-50': #dff6ff,
+  'color-protect-cyan-cyan-700': #077392,
+  'color-protect-cyan-cyan-400': #3bd1ff,
+  'color-protect-cyan-cyan-25': #f7fdff,
+  'color-protect-emerald-emerald-800': #009d28,
+  'color-protect-emerald-emerald-700': #00b232,
+  'color-protect-emerald-emerald-600': #0fc73d,
+  'color-protect-emerald-emerald-500': #2ed845,
+  'color-protect-emerald-emerald-300': #82e681,
+  'color-protect-emerald-emerald-200': #a9eda7,
+  'color-protect-emerald-emerald-100': #ccf5ca,
+  'color-protect-emerald-emerald-900': #007a12,
+  'color-protect-emerald-emerald-50': #ebfbea,
+  'color-protect-emerald-emerald-400': #5ddf63,
+  'color-protect-emerald-emerald-25': #fbfefb,
+  'color-protect-cobalt-cobalt-600': #0031ef,
+  'color-protect-cobalt-cobalt-500': #003afb,
+  'color-protect-cobalt-cobalt-700': #0025e3,
+  'color-protect-cobalt-cobalt-400': #1f5bff,
+  'color-protect-cobalt-cobalt-800': #0015d9,
+  'color-protect-cobalt-cobalt-200': #94a0fe,
+  'color-protect-cobalt-cobalt-900': #0000bc,
+  'color-protect-cobalt-cobalt-300': #5e7aff,
+  'color-protect-cobalt-cobalt-100': #c1c5fe,
+  'color-protect-cobalt-cobalt-50': #e7e8ff,
+  'color-protect-cobalt-cobalt-25': #f9f9ff,
+  'color-protect-lime-lime-800': #006611,
+  'color-protect-lime-lime-700': #009923,
+  'color-protect-lime-lime-300': #73da7d,
+  'color-protect-lime-lime-200': #9fe4a4,
+  'color-protect-lime-lime-600': #00b733,
+  'color-protect-lime-lime-25': #fafefb,
+  'color-protect-lime-lime-900': #002900,
+  'color-protect-lime-lime-500': #0fc73d,
+  'color-protect-lime-lime-400': #4cd15e,
+  'color-protect-lime-lime-50': #e7f9e9,
+  'color-protect-lime-lime-100': #c6eec8,
+  'color-protect-sunrise-sunrise-800': #5c280a,
+  'color-protect-sunrise-sunrise-600': #fa9640,
+  'color-protect-sunrise-sunrise-500': #ffa244,
+  'color-protect-sunrise-sunrise-400': #ffae51,
+  'color-protect-sunrise-sunrise-700': #d7620e,
+  'color-protect-sunrise-sunrise-200': #ffd092,
+  'color-protect-sunrise-sunrise-100': #ffe2bc,
+  'color-protect-sunrise-sunrise-900': #2c1107,
+  'color-protect-sunrise-sunrise-300': #ffbd6a,
+  'color-protect-sunrise-sunrise-50': #fff4e4,
+  'color-protect-sunrise-sunrise-25': #fffcf8,
+  'color-protect-cherry-cherry-800': #720820,
+  'color-protect-cherry-cherry-500': #ff314b,
+  'color-protect-cherry-cherry-700': #df1b42,
+  'color-protect-cherry-cherry-400': #f94b63,
+  'color-protect-cherry-cherry-300': #ec7181,
+  'color-protect-cherry-cherry-200': #f399a5,
+  'color-protect-cherry-cherry-25': #fffafb,
+  'color-protect-cherry-cherry-100': #ffcdd9,
+  'color-protect-cherry-cherry-900': #430513,
+  'color-protect-cherry-cherry-600': #f22749,
+  'color-protect-cherry-cherry-50': #ffebf1,
+  'color-engage-lime-lime-80': #192b00,
+  'color-engage-lime-lime-70': #2a4a00,
+  'color-engage-lime-lime-60': #325c00,
+  'color-engage-lime-lime-50': #427d07,
+  'color-engage-lime-lime-90': #101900,
+  'color-engage-lime-lime-30': #8dc75f,
+  'color-engage-lime-lime-5': #eefee7,
+  'color-engage-lime-lime-40': #61a824,
+  'color-engage-lime-lime-10': #d5f7c1,
+  'color-engage-lime-lime-20': #ace089,
+  'color-engage-green-green-80': #002b0d,
+  'color-engage-green-green-30': #67c98c,
+  'color-engage-green-green-60': #006120,
+  'color-engage-green-green-50': #058531,
+  'color-engage-green-green-5': #eefbf4,
+  'color-engage-green-green-40': #24a852,
+  'color-engage-green-green-90': #001b07,
+  'color-engage-green-green-70': #004a18,
+  'color-engage-green-green-10': #c7f0d7,
+  'color-engage-green-green-20': #96deb2,
+  'color-engage-teal-teal-80': #002928,
+  'color-engage-teal-teal-50': #00827d,
+  'color-engage-teal-teal-10': #bef0f4,
+  'color-engage-teal-teal-40': #0ca6ab,
+  'color-engage-teal-teal-60': #005958,
+  'color-engage-teal-teal-20': #87dee3,
+  'color-engage-teal-teal-90': #001a18,
+  'color-engage-teal-teal-30': #52c6cc,
+  'color-engage-teal-teal-70': #004543,
+  'color-engage-teal-teal-5': #e8fbfc,
+  'color-engage-cyan-cyan-90': #05161f,
+  'color-engage-cyan-cyan-60': #06527a,
+  'color-engage-cyan-cyan-50': #0a77ba,
+  'color-engage-cyan-cyan-40': #119aeb,
+  'color-engage-cyan-cyan-30': #5abefc,
+  'color-engage-cyan-cyan-10': #c2e9ff,
+  'color-engage-cyan-cyan-70': #063e59,
+  'color-engage-cyan-cyan-20': #8ad4ff,
+  'color-engage-cyan-cyan-5': #ebf9ff,
+  'color-engage-cyan-cyan-80': #052533,
+  'color-engage-blue-blue-80': #03204a,
+  'color-engage-blue-blue-40': #467df7,
+  'color-engage-blue-blue-90': #03152b,
+  'color-engage-blue-blue-70': #023075,
+  'color-engage-blue-blue-30': #7ba9fe,
+  'color-engage-blue-blue-20': #9ec5ff,
+  'color-engage-blue-blue-60': #0442ab,
+  'color-engage-blue-blue-50': #0a5bfc,
+  'color-engage-blue-blue-10': #d1e4ff,
+  'color-engage-blue-blue-5': #f0f7ff,
+  'color-engage-purple-purple-90': #16042a,
+  'color-engage-purple-purple-80': #29074f,
+  'color-engage-purple-purple-70': #400c73,
+  'color-engage-purple-purple-60': #5c1899,
+  'color-engage-purple-purple-30': #cb80f2,
+  'color-engage-purple-purple-50': #892cd1,
+  'color-engage-purple-purple-40': #a751e0,
+  'color-engage-purple-purple-20': #e698f5,
+  'color-engage-purple-purple-10': #f7c6f7,
+  'color-engage-purple-purple-5': #fceefc,
+  'color-engage-rose-rose-80': #420a28,
+  'color-engage-rose-rose-60': #8e154f,
+  'color-engage-rose-rose-50': #bf2367,
+  'color-engage-rose-rose-90': #220716,
+  'color-engage-rose-rose-70': #630e39,
+  'color-engage-rose-rose-5': #fceef7,
+  'color-engage-rose-rose-40': #db4884,
+  'color-engage-rose-rose-30': #fb74a7,
+  'color-engage-rose-rose-20': #ff9ec6,
+  'color-engage-rose-rose-10': #ffcce4,
+  'color-engage-red-red-80': #45040e,
+  'color-engage-red-red-90': #260309,
+  'color-engage-red-red-50': #c7242b,
+  'color-engage-red-red-40': #e44e51,
+  'color-engage-red-red-30': #f87c7e,
+  'color-engage-red-red-10': #ffd1d1,
+  'color-engage-red-red-70': #690713,
+  'color-engage-red-red-60': #94101b,
+  'color-engage-red-red-20': #ffa3a5,
+  'color-engage-red-red-5': #fff0f1,
+  'color-engage-orange-orange-70': #612500,
+  'color-engage-orange-orange-50': #bc550b,
+  'color-engage-orange-orange-30': #ffa352,
+  'color-engage-orange-orange-80': #3e1600,
+  'color-engage-orange-orange-40': #ec7a22,
+  'color-engage-orange-orange-20': #ffc88a,
+  'color-engage-orange-orange-10': #ffe9c7,
+  'color-engage-orange-orange-90': #240c00,
+  'color-engage-orange-orange-60': #8a3900,
+  'color-engage-orange-orange-5': #fff8e6,
+  'color-engage-yellow-yellow-80': #332200,
+  'color-engage-yellow-yellow-60': #755100,
+  'color-engage-yellow-yellow-40': #dba70a,
+  'color-engage-yellow-yellow-10': #fff5c2,
+  'color-engage-yellow-yellow-30': #f2c840,
+  'color-engage-yellow-yellow-90': #1f1300,
+  'color-engage-yellow-yellow-50': #a37600,
+  'color-engage-yellow-yellow-20': #ffe180,
+  'color-engage-yellow-yellow-70': #523800,
+  'color-engage-yellow-yellow-5': #fffde6,
+  'color-engage-ink-ink-90': #131316,
+  'color-engage-ink-ink-70': #272a2f,
+  'color-engage-ink-ink-60': #3b3f45,
+  'color-engage-ink-ink-50': #595d64,
+  'color-engage-ink-ink-30': #b6b8be,
+  'color-engage-ink-ink-40': #8a8e96,
+  'color-engage-ink-ink-20': #d3d4d9,
+  'color-engage-ink-ink-80': #1c1e21,
+  'color-engage-ink-ink-10': #e3e3e6,
+  'color-engage-ink-ink-5': #f7f7f8,
+  'color-white': #ffffff,
+  'color-connect-petrol-petrol-3': #007da4,
+  'color-connect-petrol-petrol-4': #33a3c2,
+  'color-connect-petrol-petrol-5': #99cbdd,
+  'color-connect-petrol-petrol-6': #c4e1eb,
+  'color-connect-petrol-petrol-1': #003242,
+  'color-connect-petrol-petrol-2': #005066,
+  'color-connect-petrol-petrol-7': #eaf6fa,
+  'color-connect-ice-ice-3': #4bb7e2,
+  'color-connect-ice-ice-4': #76c7e8,
+  'color-connect-ice-ice-5': #96d6ee,
+  'color-connect-ice-ice-6': #b7e2f3,
+  'color-connect-ice-ice-1': #2d6f89,
+  'color-connect-ice-ice-2': #3894b3,
+  'color-connect-ice-ice-7': #ecf7fb,
+  'color-connect-cobalt-cobalt-3': #143db2,
+  'color-connect-cobalt-cobalt-5': #718ed7,
+  'color-connect-cobalt-cobalt-6': #a1b1e0,
+  'color-connect-cobalt-cobalt-7': #e7ebf8,
+  'color-connect-cobalt-cobalt-1': #10318e,
+  'color-connect-cobalt-cobalt-4': #3b60c5,
+  'color-connect-cobalt-cobalt-2': #1238a1,
+  'color-connect-byzantine-byzantine-3': #2163ce,
+  'color-connect-byzantine-byzantine-4': #4a83d9,
+  'color-connect-byzantine-byzantine-5': #759fe0,
+  'color-connect-byzantine-byzantine-6': #a6c1eb,
+  'color-connect-byzantine-byzantine-2': #153f87,
+  'color-connect-byzantine-byzantine-1': #0c2a5c,
+  'color-connect-byzantine-byzantine-7': #e9f0fb,
+  'color-connect-grey-grey-1': #21363e,
+  'color-connect-grey-grey-2': #37474f,
+  'color-connect-grey-grey-3': #7a8b91,
+  'color-connect-grey-grey-4': #a1adb2,
+  'color-connect-grey-grey-5': #c4cfd4,
+  'color-connect-grey-grey-6': #e0e6e9,
+  'color-connect-grey-grey-7': #f0f1f2,
+  'color-connect-grey-grey-8': #e3e3e6,
+  'color-connect-black-black-1': #1a1a1a,
+  'color-connect-black-black-2': #252525,
+  'color-connect-black-black-3': #333333,
+  'color-connect-black-black-4': #4c4c4c,
+  'color-connect-black-black-5': #7d7d7d,
+  'color-connect-black-black-6': #bfbfbf,
+  'color-connect-black-black-7': #f2f2f2,
+  'color-connect-sea-sea-1': #009977,
+  'color-connect-sea-sea-2': #00aa88,
+  'color-connect-sea-sea-3': #00cc99,
+  'color-connect-sea-sea-4': #33d6ad,
+  'color-connect-sea-sea-5': #66e0c2,
+  'color-connect-sea-sea-6': #99ecd6,
+  'color-connect-sea-sea-7': #e5faf5,
+  'color-connect-success-success-1': #004d00,
+  'color-connect-success-success-2': #006600,
+  'color-connect-success-success-3': #008000,
+  'color-connect-success-success-4': #339933,
+  'color-connect-success-success-5': #66b266,
+  'color-connect-success-success-6': #c0e6c0,
+  'color-connect-success-success-7': #eaf7ea,
+  'color-connect-warning-warning-1': #623400,
+  'color-connect-warning-warning-2': #8a4600,
+  'color-connect-warning-warning-3': #f58221,
+  'color-connect-warning-warning-4': #f89b4c,
+  'color-connect-warning-warning-5': #fab777,
+  'color-connect-warning-warning-6': #fbcda6,
+  'color-connect-warning-warning-7': #fef0e6,
+  'color-connect-error-error-1': #690000,
+  'color-connect-error-error-2': #8a0000,
+  'color-connect-error-error-3': #b30000,
+  'color-connect-error-error-4': #d93c3c,
+  'color-connect-error-error-5': #e58080,
+  'color-connect-error-error-6': #f1c6c6,
+  'color-connect-error-error-7': #faeaea,
+  'color-proximus-onyx-onyx-50': #ecedee,
+  'color-proximus-onyx-onyx-60': #656e7b,
+  'color-proximus-onyx-onyx-70': #525b67,
+  'color-proximus-onyx-onyx-80': #333c48,
+  'color-proximus-onyx-onyx-40': #adb7c4,
+  'color-proximus-onyx-onyx-30': #d0dae9,
+  'color-proximus-onyx-onyx-20': #e0eaf9,
+  'color-proximus-onyx-onyx-90': #131c26,
+  'color-proximus-onyx-onyx-10': #e9f3ff,
+  'color-proximus-onyx-onyx-5': #f0faff,
+  'color-proximus-onyx-onyx-500': #424951,
+  'color-proximus-onyx-onyx-600': #3c424a,
+  'color-proximus-onyx-onyx-700': #2f343a,
+  'color-proximus-onyx-onyx-800': #24282d,
+  'color-proximus-onyx-onyx-400': #686d74,
+  'color-proximus-onyx-onyx-300': #80858a,
+  'color-proximus-onyx-onyx-200': #a8abaf,
+  'color-proximus-onyx-onyx-900': #1c1f22,
+  'color-proximus-onyx-onyx-100': #c4c7c9,
+  'color-proximus-cobalt-cobalt-5': #e9efff,
+  'color-proximus-cobalt-cobalt-10': #c1c5fe,
+  'color-proximus-cobalt-cobalt-20': #94a0fe,
+  'color-proximus-cobalt-cobalt-30': #5e7aff,
+  'color-proximus-cobalt-cobalt-40': #1f5bff,
+  'color-proximus-cobalt-cobalt-50': #003afb,
+  'color-proximus-cobalt-cobalt-60': #0031ef,
+  'color-proximus-cobalt-cobalt-70': #0025e3,
+  'color-proximus-cobalt-cobalt-80': #0015d9,
+  'color-proximus-cobalt-cobalt-90': #0000bf,
+  'color-proximus-cobalt-cobalt-100': #bacdff,
+  'color-proximus-cobalt-cobalt-200': #98b4ff,
+  'color-proximus-cobalt-cobalt-300': #6992ff,
+  'color-proximus-cobalt-cobalt-400': #4c7dff,
+  'color-proximus-cobalt-cobalt-500': #1f5dff,
+  'color-proximus-cobalt-cobalt-600': #1c55e8,
+  'color-proximus-cobalt-cobalt-700': #1642b5,
+  'color-proximus-cobalt-cobalt-800': #11338c,
+  'color-proximus-cobalt-cobalt-900': #0d276b,
+  'color-proximus-mint-mint-5': #e6fcf4,
+  'color-proximus-mint-mint-10': #b3f0d1,
+  'color-proximus-mint-mint-20': #7be7b3,
+  'color-proximus-mint-mint-30': #00dd92,
+  'color-proximus-mint-mint-40': #00d47a,
+  'color-proximus-mint-mint-50': #00c964,
+  'color-proximus-mint-mint-60': #00b959,
+  'color-proximus-mint-mint-70': #00a64c,
+  'color-proximus-mint-mint-80': #00943f,
+  'color-proximus-mint-mint-90': #00732a,
+  'color-proximus-mint-mint-100': #b0f4dd,
+  'color-proximus-mint-mint-200': #8aefcd,
+  'color-proximus-mint-mint-300': #54e8b6,
+  'color-proximus-mint-mint-400': #33e4a8,
+  'color-proximus-mint-mint-500': #00dd92,
+  'color-proximus-mint-mint-600': #00c985,
+  'color-proximus-mint-mint-700': #009d68,
+  'color-proximus-mint-mint-800': #007a50,
+  'color-proximus-mint-mint-900': #005d3d,
+  'color-proximus-indigo-indigo-50': #e6eaf7,
+  'color-proximus-indigo-indigo-100': #b2bee5,
+  'color-proximus-indigo-indigo-200': #8d9ed8,
+  'color-proximus-indigo-indigo-300': #5972c6,
+  'color-proximus-indigo-indigo-400': #3957bb,
+  'color-proximus-indigo-indigo-500': #072daa,
+  'color-proximus-indigo-indigo-600': #06299b,
+  'color-proximus-indigo-indigo-700': #052079,
+  'color-proximus-indigo-indigo-800': #04195e,
+  'color-proximus-indigo-indigo-900': #031347,
+  'color-proximus-neutral-neutral-5': #ffffff,
+  'color-proximus-neutral-neutral-200': #eeeeee,
+  'color-proximus-neutral-neutral-300': #e0e0e0,
+  'color-proximus-neutral-neutral-400': #cfcfcf,
+  'color-proximus-neutral-neutral-500': #b5b5b5,
+  'color-proximus-neutral-neutral-600': #8c8c8c,
+  'color-proximus-neutral-neutral-700': #6b6b6b,
+  'color-proximus-neutral-neutral-800': #4a4a4a,
+  'color-proximus-neutral-neutral-900': #2e2e2e,
+  'color-proximus-neutral-neutral-100': #f7f7f7,
+  'color-proximus-cyan-cyan-50': #e7f9ff,
+  'color-proximus-cyan-cyan-100': #b3edff,
+  'color-proximus-cyan-cyan-200': #8ee5ff,
+  'color-proximus-cyan-cyan-300': #5bd9ff,
+  'color-proximus-cyan-cyan-400': #3bd1ff,
+  'color-proximus-cyan-cyan-500': #0ac6ff,
+  'color-proximus-cyan-cyan-600': #09b4e8,
+  'color-proximus-cyan-cyan-700': #078db5,
+  'color-proximus-cyan-cyan-800': #066d8c,
+  'color-proximus-cyan-cyan-900': #04536b,
+  'color-proximus-violet-violet-50': #f4e8f5,
+  'color-proximus-violet-violet-100': #dcb7e1,
+  'color-proximus-violet-violet-200': #cb94d2,
+  'color-proximus-violet-violet-300': #b363bd,
+  'color-proximus-violet-violet-400': #a445b1,
+  'color-proximus-violet-violet-500': #8d169d,
+  'color-proximus-violet-violet-600': #80148f,
+  'color-proximus-violet-violet-700': #64106f,
+  'color-proximus-violet-violet-800': #4e0c56,
+  'color-proximus-violet-violet-900': #3b0942,
+  'color-proximus-red-red-50': #fdecea,
+  'color-proximus-red-red-100': #f9dad7,
+  'color-proximus-red-red-200': #f4b7b2,
+  'color-proximus-red-red-300': #ef938c,
+  'color-proximus-red-red-400': #eb6f66,
+  'color-proximus-red-red-500': #e74c3c,
+  'color-proximus-red-red-600': #d84336,
+  'color-proximus-red-red-700': #c0392b,
+  'color-proximus-red-red-800': #a93226,
+  'color-proximus-red-red-900': #7b241c,
+  'color-proximus-amber-amber-50': #fff4e6,
+  'color-proximus-amber-amber-100': #ffdcb0,
+  'color-proximus-amber-amber-200': #ffcb8a,
+  'color-proximus-amber-amber-300': #ffb454,
+  'color-proximus-amber-amber-400': #ffa533,
+  'color-proximus-amber-amber-500': #ff8f00,
+  'color-proximus-amber-amber-600': #e88200,
+  'color-proximus-amber-amber-700': #b56600,
+  'color-proximus-amber-amber-800': #8c4f00,
+  'color-proximus-amber-amber-900': #6b3c00,
+  'spacing-2xs': 4px,
+  'spacing-5xl': 64px,
+  'spacing-s': 12px,
+  'spacing-2xl': 40px,
+  'spacing-3xl': 48px,
+  'spacing-ml': 20px,
+  'spacing-xl': 32px,
+  'spacing-l': 24px,
+  'spacing-m': 16px,
+  'spacing-4xl': 56px,
+  'spacing-3xs': 2px,
+  'spacing-xs': 8px,
+  'spacing-4xs': 1px,
+  'spacing-1xs': 6px,
+  'spacing-6xl': 80px,
+  'spacing-7xl': 96px,
+  'layout-6xl': 160px,
+  'layout-5xl': 120px,
+  'layout-2xl': 64px,
+  'layout-3xl': 80px,
+  'layout-m': 16px,
+  'layout-xl': 48px,
+  'layout-s': 12px,
+  'layout-xs': 8px,
+  'layout-l': 32px,
+  'layout-ml': 24px,
+  'layout-4xl': 96px,
+  'icons-s': 12px,
+  'icons-m': 16px,
+  'icons-l': 20px,
+  'icons-xl': 24px,
+  'radius-full': 360px,
+  'radius-xl': 24px,
+  'radius-m': 12px,
+  'radius-xs2': 2px,
+  'radius-l': 16px,
+  'radius-s': 8px,
+  'radius-xs': 4px,
+  'radius-none': 0px,
+  'typography-font-family-primary': Inter,
+  'typography-font-family-secondary': Courier Prime ,
+  'typography-font-size-xs': 12px,
+  'typography-font-size-sm': 14px,
+  'typography-font-size-md': 16px,
+  'typography-font-size-lg': 20px,
+  'typography-font-size-xl': 28px,
+  'typography-font-size-2xl': 32px,
+  'typography-font-size-3xl': 42px,
+  'typography-font-size-4xl': 54px,
+  'typography-line-height-xs': 16px,
+  'typography-line-height-sm': 20px,
+  'typography-line-height-md': 22px,
+  'typography-line-height-lg': 28px,
+  'typography-line-height-xl': 36px,
+  'typography-line-height-2xl': 40px,
+  'typography-line-height-3xl': 50px,
+  'typography-line-height-4xl': 64px,
+  'typography-font-weight-light': 300,
+  'typography-font-weight-regular': 400,
+  'typography-font-weight-semibold': 600,
+  'typography-font-weight-bold': 700
+);