@tmorrow/cre8-design-tokens 1.0.16

package/lib/react-native/brands/blue-v1/tokens-brand.js

@@ -0,0 +1,859 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 19 Jan 2026 17:51:01 GMT
+ */
+
+
+module.exports = {
+  'cre8-desktop-menu-padding-vertical-padding': 16,
+  'cre8-desktop-menu-padding-horizontal-padding': 8,
+  'cre8-color-header-bg-default': '#ffffff',
+  'cre8-color-header-inverse-bg-default': '#0170bc',
+  'cre8-color-header-bg-secondary': '#0170bc',
+  'cre8-color-header-inverse-bg-secondary': '#ffffff',
+  'cre8-color-header-bg-tertiary': '#f9fafd',
+  'cre8-color-header-inverse-bg-tertiary': '#0170bc',
+  'cre8-color-header-menu-bg-default': '#ffffff',
+  'cre8-color-header-menu-inverse-bg-default': '#0170bc',
+  'cre8-color-header-menu-bg-selected': '#ffffff',
+  'cre8-color-header-menu-inverse-bg-selected': '#0170bc',
+  'cre8-color-header-menu-bg-hover': '#ffffff',
+  'cre8-color-header-menu-inverse-bg-hover': '#014371',
+  'cre8-color-header-menu-bg-pressed': '#e5f0f8',
+  'cre8-color-header-menu-inverse-bg-pressed': '#014371',
+  'cre8-color-header-menu-bg-active': '#e5f0f8',
+  'cre8-color-header-menu-inverse-bg-active': '#014371',
+  'cre8-color-header-menu-bg-focus': '#ffffff',
+  'cre8-color-header-menu-inverse-bg-focus': '#014371',
+  'cre8-color-header-menu-content-default': '#0170bc',
+  'cre8-color-header-menu-inverse-content-default': '#ffffff',
+  'cre8-color-header-menu-content-hover': '#ffffff',
+  'cre8-color-header-menu-inverse-content-hover': '#ffffff',
+  'cre8-color-header-menu-content-pressed': '#ffffff',
+  'cre8-color-header-menu-inverse-content-pressed': '#ffffff',
+  'cre8-color-header-menu-content-active': '#ffffff',
+  'cre8-color-header-menu-inverse-content-active': '#ffffff',
+  'cre8-color-header-menu-content-selected': '#ffffff',
+  'cre8-color-header-menu-inverse-content-selected': '#ffffff',
+  'cre8-color-header-menu-content-focus': '#ffffff',
+  'cre8-color-header-menu-inverse-content-focus': '#ffffff',
+  'cre8-color-header-menu-border-default': '#0170bc',
+  'cre8-color-header-menu-inverse-border-default': '#0170bc',
+  'cre8-color-header-menu-border-pressed': '#014371',
+  'cre8-color-header-menu-inverse-border-pressed': '#f9fafd',
+  'cre8-color-header-menu-border-active': '#014371',
+  'cre8-color-header-menu-inverse-border-active': '#f9fafd',
+  'cre8-color-header-menu-border-selected': '#014371',
+  'cre8-color-header-menu-inverse-border-selected': '#e5f0f8',
+  'cre8-color-header-menu-border-focus': '#014371',
+  'cre8-color-header-menu-inverse-border-focus': '#f9fafd',
+  'cre8-color-header-submenu-bg-default': '#ffffff',
+  'cre8-color-header-submenu-inverse-bg-default': '#ffffff',
+  'cre8-color-header-submenu-bg-hover': '#f2f8fb',
+  'cre8-color-header-submenu-inverse-bg-hover': '#f2f8fb',
+  'cre8-color-header-submenu-bg-pressed': '#f2f8fb',
+  'cre8-color-header-submenu-inverse-bg-pressed': '#f2f8fb',
+  'cre8-color-header-submenu-bg-active': '#f2f8fb',
+  'cre8-color-header-submenu-inverse-bg-active': '#f2f8fb',
+  'cre8-color-header-submenu-bg-focus': '#f2f8fb',
+  'cre8-color-header-submenu-inverse-bg-focus': '#f2f8fb',
+  'cre8-color-header-submenu-bg-selected': '#f2f8fb',
+  'cre8-color-header-submenu-inverse-bg-selected': '#f2f8fb',
+  'cre8-color-header-submenu-content-default': '#014371',
+  'cre8-color-header-submenu-inverse-content-default': '#014371',
+  'cre8-color-header-submenu-content-hover': '#014371',
+  'cre8-color-header-submenu-inverse-content-hover': '#014371',
+  'cre8-color-header-submenu-content-pressed': '#014371',
+  'cre8-color-header-submenu-inverse-content-pressed': '#014371',
+  'cre8-color-header-submenu-content-active': '#014371',
+  'cre8-color-header-submenu-inverse-content-active': '#014371',
+  'cre8-color-header-submenu-content-focus': '#014371',
+  'cre8-color-header-submenu-inverse-content-focus': '#014371',
+  'cre8-color-header-submenu-content-selected': '#014371',
+  'cre8-color-header-submenu-inverse-content-selected': '#014371',
+  'cre8-color-header-submenu-border-default': '#014371',
+  'cre8-color-header-submenu-inverse-border-default': '#014371',
+  'cre8-color-header-submenu-border-hover': '#014371',
+  'cre8-color-header-submenu-inverse-border-hover': '#014371',
+  'cre8-color-header-submenu-border-focus': '#014371',
+  'cre8-color-header-submenu-inverse-border-focus': '#014371',
+  'cre8-color-header-submenu-border-active': '#014371',
+  'cre8-color-header-submenu-inverse-border-active': '#014371',
+  'cre8-color-header-submenu-border-pressed': '#014371',
+  'cre8-color-header-submenu-inverse-border-pressed': '#014371',
+  'cre8-color-header-submenu-border-selected': '#014371',
+  'cre8-color-header-submenu-inverse-border-selected': '#014371',
+  'cre8-spacing-0': 0,
+  'cre8-spacing-2': 2,
+  'cre8-spacing-4': 4,
+  'cre8-spacing-6': 6,
+  'cre8-spacing-8': 8,
+  'cre8-spacing-12': 12,
+  'cre8-spacing-14': 14,
+  'cre8-spacing-16': 16,
+  'cre8-spacing-18': 18,
+  'cre8-spacing-24': 24,
+  'cre8-spacing-32': 32,
+  'cre8-spacing-40': 40,
+  'cre8-spacing-48': 48,
+  'cre8-spacing-64': 64,
+  'cre8-spacing-80': 80,
+  'cre8-spacing-96': 96,
+  'cre8-spacing-120': 120,
+  'cre8-spacing-160': 160,
+  'cre8-color-footer-bg-default': '#f9fafd',
+  'cre8-color-footer-bg-secondary': '#282c2f',
+  'cre8-color-footer-content-default': '#282c2f',
+  'cre8-color-footer-content-secondary': '#ffffff',
+  'cre8-color-footer-link-default': '#0170bc',
+  'cre8-color-footer-link-hover': '#014371',
+  'cre8-color-button-primary-danger-bg': '#7f848b',
+  'cre8-color-button-primary-danger-inverse-bg': '#ffffff',
+  'cre8-color-button-primary-danger-bg-hover': '#5a636b',
+  'cre8-color-button-primary-danger-inverse-bg-hover': '#f2f4f9',
+  'cre8-color-button-primary-danger-bg-active': '#282c2f',
+  'cre8-color-button-primary-danger-inverse-bg-active': '#eef1f5',
+  'cre8-color-button-primary-danger-bg-disabled': '#cccccc',
+  'cre8-color-button-primary-danger-inverse-bg-disabled': '#cccccc',
+  'cre8-color-button-primary-danger-content': '#ffffff',
+  'cre8-color-button-primary-danger-inverse-content': '#000000',
+  'cre8-color-button-primary-danger-content-hover': '#f9fafd',
+  'cre8-color-button-primary-danger-inverse-content-hover': '#000000',
+  'cre8-color-button-primary-danger-content-active': '#f9fafd',
+  'cre8-color-button-primary-danger-inverse-content-active': '#000000',
+  'cre8-color-button-primary-danger-content-disabled': '#f9fafd',
+  'cre8-color-button-primary-danger-inverse-content-disabled': '#000000',
+  'cre8-color-button-primary-danger-border': '#7f848b',
+  'cre8-color-button-primary-danger-inverse-border': '#ffffff',
+  'cre8-color-button-primary-danger-border-hover': '#5a636b',
+  'cre8-color-button-primary-danger-inverse-border-hover': '#f2f4f9',
+  'cre8-color-button-primary-danger-border-active': '#282c2f',
+  'cre8-color-button-primary-danger-inverse-border-active': '#eef1f5',
+  'cre8-color-button-primary-danger-border-disabled': '#cccccc',
+  'cre8-color-button-primary-danger-inverse-border-disabled': '#cccccc',
+  'cre8-color-button-primary-danger-outline': '#282c2f',
+  'cre8-color-button-primary-danger-inverse-outline': '#ffffff',
+  'cre8-color-button-primary-bg': '#0170bc',
+  'cre8-color-button-primary-inverse-bg': '#0170bc',
+  'cre8-color-button-primary-bg-hover': '#014371',
+  'cre8-color-button-primary-inverse-bg-hover': '#014371',
+  'cre8-color-button-primary-bg-active': '#014371',
+  'cre8-color-button-primary-inverse-bg-active': '#014371',
+  'cre8-color-button-primary-bg-disabled': '#72aad0',
+  'cre8-color-button-primary-inverse-bg-disabled': '#72aad0',
+  'cre8-color-button-primary-border': '#0170bc',
+  'cre8-color-button-primary-inverse-border': '#0170bc',
+  'cre8-color-button-primary-border-hover': '#014371',
+  'cre8-color-button-primary-inverse-border-hover': '#014371',
+  'cre8-color-button-primary-border-active': '#014371',
+  'cre8-color-button-primary-inverse-border-active': '#014371',
+  'cre8-color-button-primary-border-disabled': '#72aad0',
+  'cre8-color-button-primary-inverse-border-disabled': '#72aad0',
+  'cre8-color-button-primary-content': '#ffffff',
+  'cre8-color-button-primary-inverse-content': '#ffffff',
+  'cre8-color-button-primary-content-hover': '#ffffff',
+  'cre8-color-button-primary-inverse-content-hover': '#ffffff',
+  'cre8-color-button-primary-content-active': '#ffffff',
+  'cre8-color-button-primary-inverse-content-active': '#ffffff',
+  'cre8-color-button-primary-content-disabled': '#ffffff',
+  'cre8-color-button-primary-inverse-content-disabled': '#ffffff',
+  'cre8-color-button-primary-outline': '#282c2f',
+  'cre8-color-button-primary-inverse-outline': '#282c2f',
+  'cre8-color-button-secondary-neutral-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-secondary-neutral-inverse-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-secondary-neutral-content': '#5a636b',
+  'cre8-color-button-secondary-neutral-inverse-content': '#ffffff',
+  'cre8-color-button-secondary-neutral-border': '#5a636b',
+  'cre8-color-button-secondary-neutral-inverse-border': '#ffffff',
+  'cre8-color-button-secondary-neutral-bg-hover': 'rgba( #282c2f,0.25)',
+  'cre8-color-button-secondary-neutral-inverse-bg-hover': 'rgba( #282c2f,0.25)',
+  'cre8-color-button-secondary-neutral-content-hover': '#282c2f',
+  'cre8-color-button-secondary-neutral-inverse-content-hover': '#ffffff',
+  'cre8-color-button-secondary-neutral-border-hover': '#282c2f',
+  'cre8-color-button-secondary-neutral-inverse-border-hover': '#ffffff',
+  'cre8-color-button-secondary-neutral-border-active': '#282c2f',
+  'cre8-color-button-secondary-neutral-inverse-border-active': '#ffffff',
+  'cre8-color-button-secondary-neutral-bg-active': 'rgba( #282c2f,0.25)',
+  'cre8-color-button-secondary-neutral-inverse-bg-active': '#cccccc',
+  'cre8-color-button-secondary-neutral-content-active': '#282c2f',
+  'cre8-color-button-secondary-neutral-inverse-content-active': '#ffffff',
+  'cre8-color-button-secondary-neutral-bg-disabled': '#f2f4f9',
+  'cre8-color-button-secondary-neutral-inverse-bg-disabled': '#c4c9cf',
+  'cre8-color-button-secondary-neutral-border-disabled': '#f2f4f9',
+  'cre8-color-button-secondary-neutral-inverse-border-disabled': '#c4c9cf',
+  'cre8-color-button-secondary-neutral-content-disabled': '#cccccc',
+  'cre8-color-button-secondary-neutral-inverse-content-disabled': '#a6abb2',
+  'cre8-color-button-secondary-neutral-outline': '#282c2f',
+  'cre8-color-button-secondary-neutral-inverse-outline': '#ffffff',
+  'cre8-color-button-secondary-danger-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-secondary-danger-inverse-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-secondary-danger-bg-hover': '#5a636b',
+  'cre8-color-button-secondary-danger-inverse-bg-hover': '#f2f4f9',
+  'cre8-color-button-secondary-danger-bg-active': '#282c2f',
+  'cre8-color-button-secondary-danger-inverse-bg-active': '#eef1f5',
+  'cre8-color-button-secondary-danger-bg-disabled': '#cccccc',
+  'cre8-color-button-secondary-danger-inverse-bg-disabled': '#cccccc',
+  'cre8-color-button-secondary-danger-content': '#ffffff',
+  'cre8-color-button-secondary-danger-inverse-content': '#000000',
+  'cre8-color-button-secondary-danger-content-hover': '#f9fafd',
+  'cre8-color-button-secondary-danger-inverse-content-hover': '#000000',
+  'cre8-color-button-secondary-danger-content-active': '#f9fafd',
+  'cre8-color-button-secondary-danger-inverse-content-active': '#000000',
+  'cre8-color-button-secondary-danger-content-disabled': '#f9fafd',
+  'cre8-color-button-secondary-danger-inverse-content-disabled': '#000000',
+  'cre8-color-button-secondary-danger-border': '#5a636b',
+  'cre8-color-button-secondary-danger-inverse-border': '#ffffff',
+  'cre8-color-button-secondary-danger-border-hover': '#5a636b',
+  'cre8-color-button-secondary-danger-inverse-border-hover': '#f2f4f9',
+  'cre8-color-button-secondary-danger-border-active': '#282c2f',
+  'cre8-color-button-secondary-danger-inverse-border-active': '#eef1f5',
+  'cre8-color-button-secondary-danger-border-disabled': '#cccccc',
+  'cre8-color-button-secondary-danger-inverse-border-disabled': '#cccccc',
+  'cre8-color-button-secondary-danger-outline': '#282c2f',
+  'cre8-color-button-secondary-danger-inverse-outline': '#ffffff',
+  'cre8-color-button-secondary-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-secondary-bg-hover': '#f2f8fb',
+  'cre8-color-button-secondary-bg-active': '#f2f8fb',
+  'cre8-color-button-secondary-bg-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-secondary-border': '#0170bc',
+  'cre8-color-button-secondary-border-hover': '#0170bc',
+  'cre8-color-button-secondary-border-active': '#0170bc',
+  'cre8-color-button-secondary-border-disabled': '#72aad0',
+  'cre8-color-button-secondary-content': '#0170bc',
+  'cre8-color-button-secondary-content-hover': '#0170bc',
+  'cre8-color-button-secondary-content-active': '#0170bc',
+  'cre8-color-button-secondary-content-disabled': '#72aad0',
+  'cre8-color-button-secondary-outline': '#282c2f',
+  'cre8-color-button-tertiary-neutral-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-content': '#5a636b',
+  'cre8-color-button-tertiary-neutral-inverse-content': '#ffffff',
+  'cre8-color-button-tertiary-neutral-border': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-border': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-bg-hover': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-bg-hover': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-content-hover': '#282c2f',
+  'cre8-color-button-tertiary-neutral-inverse-content-hover': '#ffffff',
+  'cre8-color-button-tertiary-neutral-border-hover': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-border-hover': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-border-active': '#282c2f',
+  'cre8-color-button-tertiary-neutral-inverse-border-active': '#ffffff',
+  'cre8-color-button-tertiary-neutral-bg-active': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-bg-active': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-content-active': '#282c2f',
+  'cre8-color-button-tertiary-neutral-inverse-content-active': '#ffffff',
+  'cre8-color-button-tertiary-neutral-bg-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-bg-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-border-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-inverse-border-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-neutral-content-disabled': '#cccccc',
+  'cre8-color-button-tertiary-neutral-inverse-content-disabled': '#a6abb2',
+  'cre8-color-button-tertiary-neutral-outline': '#282c2f',
+  'cre8-color-button-tertiary-neutral-inverse-outline': '#ffffff',
+  'cre8-color-button-tertiary-danger-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-danger-inverse-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-danger-bg-hover': '#5a636b',
+  'cre8-color-button-tertiary-danger-inverse-bg-hover': '#f2f4f9',
+  'cre8-color-button-tertiary-danger-bg-active': '#282c2f',
+  'cre8-color-button-tertiary-danger-inverse-bg-active': '#eef1f5',
+  'cre8-color-button-tertiary-danger-bg-disabled': '#cccccc',
+  'cre8-color-button-tertiary-danger-inverse-bg-disabled': '#cccccc',
+  'cre8-color-button-tertiary-danger-content': '#ffffff',
+  'cre8-color-button-tertiary-danger-inverse-content': '#000000',
+  'cre8-color-button-tertiary-danger-content-hover': '#f9fafd',
+  'cre8-color-button-tertiary-danger-inverse-content-hover': '#000000',
+  'cre8-color-button-tertiary-danger-content-active': '#f9fafd',
+  'cre8-color-button-tertiary-danger-inverse-content-active': '#000000',
+  'cre8-color-button-tertiary-danger-content-disabled': '#f9fafd',
+  'cre8-color-button-tertiary-danger-inverse-content-disabled': '#000000',
+  'cre8-color-button-tertiary-danger-border': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-danger-inverse-border': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-danger-border-hover': '#5a636b',
+  'cre8-color-button-tertiary-danger-inverse-border-hover': '#f2f4f9',
+  'cre8-color-button-tertiary-danger-border-active': '#282c2f',
+  'cre8-color-button-tertiary-danger-inverse-border-active': '#eef1f5',
+  'cre8-color-button-tertiary-danger-border-disabled': '#cccccc',
+  'cre8-color-button-tertiary-danger-inverse-border-disabled': '#cccccc',
+  'cre8-color-button-tertiary-danger-outline': '#282c2f',
+  'cre8-color-button-tertiary-danger-inverse-outline': '#ffffff',
+  'cre8-color-button-tertiary-bg': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-bg-hover': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-bg-active': '#f2f8fb',
+  'cre8-color-button-tertiary-bg-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-border': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-border-hover': '#0170bc',
+  'cre8-color-button-tertiary-border-active': '#0170bc',
+  'cre8-color-button-tertiary-border-disabled': 'rgba( #282c2f,0.0)',
+  'cre8-color-button-tertiary-content': '#0170bc',
+  'cre8-color-button-tertiary-content-hover': '#0170bc',
+  'cre8-color-button-tertiary-content-active': '#0170bc',
+  'cre8-color-button-tertiary-content-disabled': '#c4c9cf',
+  'cre8-color-button-tertiary-outline': '#282c2f',
+  'cre8-button-padding-vertical-small': 8,
+  'cre8-button-padding-vertical-large': 16,
+  'cre8-button-padding-vertical-medium': 12,
+  'cre8-button-padding-vertical-icon-only': 8,
+  'cre8-button-padding-vertical-small-icon-only': 8,
+  'cre8-button-padding-vertical-medium-icon-only': 16,
+  'cre8-button-padding-vertical-large-icon-only': 16,
+  'cre8-button-padding-horizontal-small': 16,
+  'cre8-button-padding-horizontal-medium': 24,
+  'cre8-button-padding-horizontal-large': 32,
+  'cre8-button-padding-horizontal-icon-only': 8,
+  'cre8-button-padding-horizontal-small-icon-only': 8,
+  'cre8-button-padding-horizontal-medium-icon-only': 16,
+  'cre8-button-padding-horizontal-large-icon-only': 16,
+  'cre8-color-bg-default': '#ffffff',
+  'cre8-color-bg-default-hover': '#f2f8fb',
+  'cre8-color-bg-default-active': '#cce2f2',
+  'cre8-color-bg-subtle': '#f2f4f9',
+  'cre8-color-bg-moderate': '#a6abb2',
+  'cre8-color-bg-inverse-moderate': '#c4c9cf',
+  'cre8-color-bg-strong': '#282c2f',
+  'cre8-color-bg-disabled': '#e5e9ed',
+  'cre8-color-bg-brand': '#e5f0f8',
+  'cre8-color-bg-brand-hover': '#cce2f2',
+  'cre8-color-bg-brand-active': '#72aad0',
+  'cre8-color-bg-brand-strong': '#0170bc',
+  'cre8-color-bg-brand-strong-hover': '#014371',
+  'cre8-color-bg-brand-strong-active': '#014371',
+  'cre8-color-bg-brand-xstrong': '#0170bc',
+  'cre8-color-bg-brand-xstrong-hover': '#014371',
+  'cre8-color-bg-brand-xstrong-active': '#014371',
+  'cre8-color-bg-success': '#c9edda',
+  'cre8-color-bg-success-strong': '#277a47',
+  'cre8-color-bg-error': '#f5cccc',
+  'cre8-color-bg-error-strong': '#cc0000',
+  'cre8-color-bg-warning': '#fcf0d6',
+  'cre8-color-bg-warning-strong': '#e49e07',
+  'cre8-color-bg-info': '#e5ecf1',
+  'cre8-color-bg-info-strong': '#004986',
+  'cre8-color-bg-attention': '#E6D6F9',
+  'cre8-color-bg-attention-strong': '#7522d9',
+  'cre8-color-bg-opacity-transparent': 'rgba( #282c2f,0.0)',
+  'cre8-color-bg-opacity-default': 'rgba( #282c2f,0.50)',
+  'cre8-color-bg-active': '#282c2f',
+  'cre8-color-bg-inverse-active': '#ffffff',
+  'cre8-color-content-default': '#282c2f',
+  'cre8-color-content-subtle': '#5a636b',
+  'cre8-color-content-disabled': '#7f848b',
+  'cre8-color-content-knockout': '#ffffff',
+  'cre8-color-content-brand': '#0170bc',
+  'cre8-color-content-brand-strong': '#014371',
+  'cre8-color-content-brand-knockout': '#f2f6f8',
+  'cre8-color-content-success': '#277a47',
+  'cre8-color-content-success-icon': '#277a47',
+  'cre8-color-content-error': '#cc0000',
+  'cre8-color-content-error-icon': '#cc0000',
+  'cre8-color-content-warning-icon': '#e49e07',
+  'cre8-color-content-info-icon': '#004986',
+  'cre8-color-content-attention-icon': '#7522d9',
+  'cre8-color-content-link': '#0170bc',
+  'cre8-color-content-inverse-link': '#ffffff',
+  'cre8-color-content-link-hover': '#014371',
+  'cre8-color-content-inverse-link-hover': '#f2f6f8',
+  'cre8-color-content-link-focus': '#ffffff',
+  'cre8-color-content-inverse-link-focus': '#282c2f',
+  'cre8-color-content-link-active': '#014371',
+  'cre8-color-content-inverse-link-active': '#f2f6f8',
+  'cre8-color-content-link-visited': '#7522d9',
+  'cre8-color-content-inverse-link-visited': '#f2f8fb',
+  'cre8-color-content-link-disabled': '#7f848b',
+  'cre8-color-content-inverse-link-disabled': '#eef1f5',
+  'cre8-color-border-default': '#a6abb2',
+  'cre8-color-border-strong': '#7f848b',
+  'cre8-color-border-knockout': '#ffffff',
+  'cre8-color-border-disabled': '#c4c9cf',
+  'cre8-color-border-brand': '#0170bc',
+  'cre8-color-border-brand-subtle': '#cce2f2',
+  'cre8-color-border-brand-strong': '#014371',
+  'cre8-color-border-success': '#277a47',
+  'cre8-color-border-error': '#cc0000',
+  'cre8-color-border-warning': '#e49e07',
+  'cre8-color-border-info': '#004986',
+  'cre8-color-border-attention': '#7522d9',
+  'cre8-color-border-transparent': 'rgba( #282c2f,0.0)',
+  'cre8-color-border-active-outline': '#282c2f',
+  'cre8-border-button-tertiary-default': 'none',
+  'cre8-border-button-tertiary-hover': '2px solid #0170bc',
+  'cre8-border-button-tertiary-active': '2px solid #0170bc',
+  'cre8-border-button-tertiary-disabled': 'none',
+  'cre8-font-size-0': 12,
+  'cre8-font-size-1': 14,
+  'cre8-font-size-2': 16,
+  'cre8-font-size-3': 18,
+  'cre8-font-size-4': 20,
+  'cre8-font-size-5': 24,
+  'cre8-font-size-6': 28,
+  'cre8-font-size-7': 32,
+  'cre8-font-size-8': 40,
+  'cre8-font-size-9': 48,
+  'cre8-font-size-10': 56,
+  'cre8-font-size-11': 64,
+  'cre8-font-size-12': 72,
+  'cre8-font-size-13': 80,
+  'cre8-letter-spacing-0': -1.5,
+  'cre8-letter-spacing-1': -1,
+  'cre8-letter-spacing-2': -0.5,
+  'cre8-letter-spacing-3': 0,
+  'cre8-letter-spacing-4': 2,
+  'cre8-letter-spacing-5': 0,
+  'cre8-paragraph-spacing-0': 0,
+  'cre8-text-case-none': 'none',
+  'cre8-text-case-uppercase': 'uppercase',
+  'cre8-text-decoration-none': 'none',
+  'cre8-text-decoration-underline': 'underline',
+  'cre8-paragraph-indent-0': 0,
+  'cre8-border-radius-small': 4,
+  'cre8-border-radius-default': 8,
+  'cre8-border-radius-large': 30,
+  'cre8-border-radius-round': 900,
+  'cre8-border-radius-button': 900,
+  'cre8-border-radius-badge': 4,
+  'cre8-border-radius-tabs': 4,
+  'cre8-border-radius-container': 30,
+  'cre8-border-radius-field': 8,
+  'cre8-border-radius-field-brand': 8,
+  'cre8-border-radius-brand': 8,
+  'cre8-border-radius-none': 0,
+  'cre8-border-width-none': 0,
+  'cre8-border-width-default': 1,
+  'cre8-border-width-focus': 2,
+  'cre8-border-width-large': 4,
+  'cre8-border-width-button-tertiary-outline-focus': 2,
+  'cre8-border-width-button-default': 1,
+  'cre8-border-width-tab-selected': 2,
+  'cre8-border-width-tab-default': 2,
+  'cre8-border-style-button-tertiary-outline-focus': 'solid',
+  'cre8-border-style-default': 'solid',
+  'cre8-shadow-default': {
+    shadowOpacity: 1,
+    shadowOffset: { width: 0, height: 8 },
+    elevation: 3,
+    shadowRadius: 6,
+    shadowColor: 'rgba(0,0,0,0.1)'
+  },
+  'cre8-shadow-button': undefined,
+  'cre8-shadow-none': undefined,
+  'cre8-shadow-large': {
+    shadowOpacity: 1,
+    shadowOffset: { width: 0, height: 10 },
+    elevation: 4,
+    shadowRadius: 12,
+    shadowColor: 'rgba(0,0,0,0.2)'
+  },
+  'cre8-shadow-small': {
+    shadowOpacity: 1,
+    shadowOffset: { width: 0, height: 1 },
+    elevation: 1,
+    shadowRadius: 2,
+    shadowColor: 'rgba(0,0,0,0.2)'
+  },
+  'cre8-color-link-bg-active': '#333333',
+  'cre8-line-heights-0': 1.25,
+  'cre8-line-heights-1': 1.12,
+  'cre8-line-heights-2': 1.1400000000000001,
+  'cre8-line-heights-3': 1.2,
+  'cre8-line-heights-4': 1.3,
+  'cre8-line-heights-5': 1.33,
+  'cre8-line-heights-6': 1.4000000000000001,
+  'cre8-line-heights-7': 1.5,
+  'cre8-line-heights-8': 1.43,
+  'cre8-line-heights-9': 1.11,
+  'cre8-line-heights-10': 1.1300000000000001,
+  'cre8-line-heights-11': 1.16,
+  'cre8-display-large': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 80,
+    letterSpacing: -1.5,
+    lineHeight: 100,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-display-large-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 72,
+    letterSpacing: -1.5,
+    lineHeight: 90,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-display-default': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 64,
+    letterSpacing: -1.5,
+    lineHeight: 80,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-display-default-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 56,
+    letterSpacing: -1,
+    lineHeight: 72.8,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-display-small': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 48,
+    letterSpacing: -1,
+    lineHeight: 53.76,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-display-small-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 40,
+    letterSpacing: 0,
+    lineHeight: 45.6,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-large': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 48,
+    letterSpacing: -1,
+    lineHeight: 53.76,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-large-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 32,
+    letterSpacing: 0,
+    lineHeight: 36.48,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-default': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 40,
+    letterSpacing: 0,
+    lineHeight: 45.6,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-default-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 32,
+    letterSpacing: 0,
+    lineHeight: 38.4,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-small': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 32,
+    letterSpacing: 0,
+    lineHeight: 38.4,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-small-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 28,
+    letterSpacing: 0,
+    lineHeight: 36.4,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-xsmall': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 28.8,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-headline-xsmall-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 28.8,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-xlarge': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 32,
+    letterSpacing: 0,
+    lineHeight: 38.4,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-xlarge-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 28,
+    letterSpacing: 0,
+    lineHeight: 36.4,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-large': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 28,
+    letterSpacing: 0,
+    lineHeight: 36.4,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-large-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 26.88,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-default': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 26.88,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-default-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 18,
+    letterSpacing: 0,
+    lineHeight: 20.16,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-small': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-title-small-mobile': {
+    fontFamily: '"Montserrat", sans-serif',
+    fontWeight: '700',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-label-large': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 18,
+    letterSpacing: 0,
+    lineHeight: 23.94,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-label-default': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-label-small': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 14,
+    letterSpacing: 0,
+    lineHeight: 19.6,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-xlarge': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 36,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-xlarge-strong': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 36,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-xlarge-link': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 24,
+    letterSpacing: 0,
+    lineHeight: 36,
+    textTransform: 'none',
+    textDecorationLine: 'underline'
+  },
+  'cre8-body-large': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 18,
+    letterSpacing: 0,
+    lineHeight: 27,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-large-strong': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 18,
+    letterSpacing: 0,
+    lineHeight: 27,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-default': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-default-strong': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-small': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 14,
+    letterSpacing: 0,
+    lineHeight: 19.6,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-small-strong': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 14,
+    letterSpacing: 0,
+    lineHeight: 19.6,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-body-large-link': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 18,
+    letterSpacing: 0,
+    lineHeight: 27,
+    textTransform: 'none',
+    textDecorationLine: 'underline'
+  },
+  'cre8-body-default-link': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'none',
+    textDecorationLine: 'underline'
+  },
+  'cre8-body-small-link': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '600',
+    fontSize: 14,
+    letterSpacing: 0,
+    lineHeight: 19.6,
+    textTransform: 'none',
+    textDecorationLine: 'underline'
+  },
+  'cre8-meta-large': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 20,
+    letterSpacing: 0,
+    lineHeight: 28,
+    textTransform: 'uppercase',
+    textDecorationLine: 'none'
+  },
+  'cre8-meta-default': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 16,
+    letterSpacing: 0,
+    lineHeight: 21.28,
+    textTransform: 'uppercase',
+    textDecorationLine: 'none'
+  },
+  'cre8-meta-default-sentence-case': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 14,
+    letterSpacing: 0,
+    lineHeight: 19.6,
+    textTransform: 'none',
+    textDecorationLine: 'none'
+  },
+  'cre8-meta-small': {
+    fontFamily: '"Open Sans", sans-serif',
+    fontWeight: '400',
+    fontSize: 12,
+    letterSpacing: 0,
+    lineHeight: 13.56,
+    textTransform: 'uppercase',
+    textDecorationLine: 'none'
+  },
+  'cre8-icon-size-small': 14,
+  'cre8-icon-size-default': 16,
+  'cre8-icon-size-large': 18,
+  'cre8-badge-padding-horizontal': 8,
+  'cre8-badge-padding-vertical': 2,
+  'cre8-font-families-montserrat': '"Montserrat", sans-serif',
+  'cre8-font-families-open-sans': '"Open Sans", sans-serif',
+  'cre8-font-weights-montserrat-0': '400',
+  'cre8-font-weights-montserrat-1': '600',
+  'cre8-font-weights-montserrat-2': '700',
+  'cre8-font-weights-open-sans-0': '400',
+  'cre8-font-weights-open-sans-1': '600',
+  'cre8-font-weights-open-sans-2': '700',
+  'cre8-breakpoint-xsm': '375px',
+  'cre8-breakpoint-sm': '560px',
+  'cre8-breakpoint-md': '768px',
+  'cre8-breakpoint-lg': '960px',
+  'cre8-breakpoint-xl': '1200px',
+  'cre8-breakpoint-xxl': '1400px',
+  'cre8-asset-font-montserrat-400-normal': 'Montserrat-Regular',
+  'cre8-asset-font-montserrat-600-normal': 'Montserrat-SemiBold',
+  'cre8-asset-font-montserrat-700-normal': 'Montserrat-Bold',
+  'cre8-asset-font-open-sans-400-normal': 'OpenSans-Regular',
+  'cre8-asset-font-open-sans-600-normal': 'OpenSans-SemiBold',
+  'cre8-asset-font-open-sans-700-normal': 'OpenSans-Bold'
+}