@l3mpire/tokens 0.5.3

package/dist/ts/tokens.ts

@@ -0,0 +1,622 @@
+export const tokens = {
+  "blue-50": "#f5f8ff",
+  "blue-100": "#e0ebff",
+  "blue-200": "#c7dcff",
+  "blue-300": "#a3c7ff",
+  "blue-400": "#7aa8ff",
+  "blue-500": "#316bff",
+  "blue-600": "#1f5eff",
+  "blue-700": "#134cdd",
+  "blue-800": "#0d3bb0",
+  "blue-900": "#072d8e",
+  "pink-50": "#fff5f8",
+  "pink-100": "#ffeef2",
+  "pink-200": "#ffd9e4",
+  "pink-300": "#ffb0cc",
+  "pink-400": "#ff88aa",
+  "pink-500": "#ec6181",
+  "pink-600": "#d94872",
+  "pink-700": "#ab465e",
+  "pink-800": "#8a3649",
+  "pink-900": "#641225",
+  "red-50": "#fff5f5",
+  "red-100": "#ffe7e2",
+  "red-200": "#ffc9c9",
+  "red-300": "#f8b1b1",
+  "red-400": "#f57575",
+  "red-500": "#ec4343",
+  "red-600": "#d92828",
+  "red-700": "#be0723",
+  "red-800": "#9e0821",
+  "red-900": "#8c0000",
+  "green-50": "#f0fdf0",
+  "green-100": "#e5fce5",
+  "green-200": "#c8f4c8",
+  "green-300": "#9ae299",
+  "green-400": "#5dd85a",
+  "green-500": "#31c52e",
+  "green-600": "#1fb01c",
+  "green-700": "#009e00",
+  "green-800": "#008200",
+  "green-900": "#007300",
+  "yellow-50": "#fffef5",
+  "yellow-100": "#fff8d3",
+  "yellow-200": "#fff0a7",
+  "yellow-300": "#ffe172",
+  "yellow-400": "#f5ca3d",
+  "yellow-500": "#dfb009",
+  "yellow-600": "#d9aa00",
+  "yellow-700": "#b88f00",
+  "yellow-800": "#9c7700",
+  "yellow-900": "#916d00",
+  "purple-50": "#faf8ff",
+  "purple-100": "#f5f0ff",
+  "purple-200": "#ebe4ff",
+  "purple-300": "#d3bcfc",
+  "purple-400": "#b89df5",
+  "purple-500": "#9b7ce8",
+  "purple-600": "#7d5dd4",
+  "purple-700": "#6344b8",
+  "purple-800": "#4d3390",
+  "purple-900": "#2d1a51",
+  "teal-50": "#f0fdf9",
+  "teal-100": "#eafff6",
+  "teal-200": "#d1f9ea",
+  "teal-300": "#b4ffe2",
+  "teal-400": "#91e0bf",
+  "teal-500": "#6dd4a8",
+  "teal-600": "#44c38e",
+  "teal-700": "#2ca572",
+  "teal-800": "#1d7a54",
+  "teal-900": "#0d5034",
+  "orange-50": "#fff8f3",
+  "orange-100": "#fff0ec",
+  "orange-200": "#ffe5d9",
+  "orange-300": "#ffdabf",
+  "orange-400": "#ffc199",
+  "orange-500": "#f5967e",
+  "orange-600": "#f07254",
+  "orange-700": "#de5837",
+  "orange-800": "#b8422a",
+  "orange-900": "#892f19",
+  "grey-50": "#fafafa",
+  "grey-100": "#f2f2f2",
+  "grey-200": "#efefef",
+  "grey-300": "#e6e6e6",
+  "grey-400": "#b7bec6",
+  "grey-500": "#98a1ac",
+  "grey-600": "#838990",
+  "grey-700": "#566f8f",
+  "grey-800": "#3d4f66",
+  "grey-900": "#213856",
+  "grey-white": "#ffffff",
+  "beige-50": "#fffbfb",
+  "beige-100": "#fff8f8",
+  "beige-200": "#ffeeed",
+  "beige-300": "#ffe0df",
+  "beige-400": "#f7cccb",
+  "beige-500": "#e5aba9",
+  "beige-600": "#d18a88",
+  "beige-700": "#b56967",
+  "beige-800": "#8f5251",
+  "beige-900": "#5f3e3d",
+  "sand-50": "#fffefe",
+  "sand-100": "#fffcfb",
+  "sand-200": "#fffbf8",
+  "sand-300": "#fffaf3",
+  "sand-400": "#fff4e6",
+  "sand-500": "#ffe9d1",
+  "sand-600": "#f5d4a8",
+  "sand-700": "#d9a96e",
+  "sand-800": "#a88353",
+  "sand-900": "#7e6440",
+  "shadow-2": "rgba(0, 0, 0, 0.02)",
+  "shadow-4": "rgba(0, 0, 0, 0.04)",
+  "shadow-6": "rgba(0, 0, 0, 0.06)",
+  "shadow-8": "rgba(0, 0, 0, 0.08)",
+  "core-bg-main-primary": "#ffffff",
+  "core-bg-main-secondary": "#fafafa",
+  "core-bg-main-tertiary": "#f2f2f2",
+  "core-bg-main-invert-primary": "#213856",
+  "core-bg-main-invert-secondary": "#566f8f",
+  "core-bg-main-invert-tertiary": "#b7bec6",
+  "core-bg-functional-disabled": "#f2f2f2",
+  "core-bg-functional-invert-success": "#f0fdf0",
+  "core-bg-functional-invert-critical": "#fff5f5",
+  "core-bg-functional-invert-info": "#f5f8ff",
+  "core-bg-functional-invert-warning": "#fffef5",
+  "core-bg-specific-highlight-text": "#e5fce5",
+  "core-bg-specific-tags-neutral": "#f2f2f2",
+  "core-text-main-primary": "#213856",
+  "core-text-main-secondary": "#566f8f",
+  "core-text-main-tertiary": "#98a1ac",
+  "core-text-main-invert-primary": "#ffffff",
+  "core-text-main-invert-secondary": "#f2f2f2",
+  "core-text-main-invert-tertiary": "#efefef",
+  "core-text-functional-placeholder": "#98a1ac",
+  "core-text-functional-disabled": "#b7bec6",
+  "core-text-functional-disabled-invert": "#ffffff",
+  "core-text-functional-success": "#31c52e",
+  "core-text-functional-critical": "#ec4343",
+  "core-text-functional-info": "#316bff",
+  "core-text-functional-warning": "#dfb009",
+  "core-border-main-primary": "#efefef",
+  "core-border-main-secondary": "#e6e6e6",
+  "core-border-main-invert-primary": "#213856",
+  "core-border-main-invert-secondary": "#3d4f66",
+  "core-border-functional-success": "#31c52e",
+  "core-border-functional-critical": "#ec4343",
+  "core-border-functional-info": "#316bff",
+  "core-border-functional-warning": "#dfb009",
+  "interactive-bg-primary-dark-default": "#316bff",
+  "interactive-bg-primary-dark-hover": "#1f5eff",
+  "interactive-bg-primary-dark-pressed": "#134cdd",
+  "interactive-bg-primary-light-default": "#ffffff",
+  "interactive-bg-primary-light-hover": "#f5f8ff",
+  "interactive-bg-primary-light-pressed": "#c7dcff",
+  "interactive-bg-dark-default": "#213856",
+  "interactive-bg-dark-hover": "#3d4f66",
+  "interactive-bg-dark-pressed": "#566f8f",
+  "interactive-bg-light-default": "#ffffff",
+  "interactive-bg-light-hover": "#f2f2f2",
+  "interactive-bg-light-pressed": "#efefef",
+  "interactive-bg-white-default": "#ffffff",
+  "interactive-bg-white-hover": "#fafafa",
+  "interactive-bg-white-pressed": "#f2f2f2",
+  "interactive-bg-critical-dark-default": "#ec4343",
+  "interactive-bg-critical-dark-hover": "#d92828",
+  "interactive-bg-critical-dark-pressed": "#be0723",
+  "interactive-bg-critical-light-default": "#ffffff",
+  "interactive-bg-critical-light-hover": "#ffe7e2",
+  "interactive-bg-critical-light-pressed": "#ffc9c9",
+  "interactive-bg-success-dark-default": "#31c52e",
+  "interactive-bg-success-dark-hover": "#1fb01c",
+  "interactive-bg-success-dark-pressed": "#009e00",
+  "interactive-bg-success-light-default": "#ffffff",
+  "interactive-bg-success-light-hover": "#f0fdf0",
+  "interactive-bg-success-light-pressed": "#e5fce5",
+  "interactive-bg-warning-dark-default": "#f5ca3d",
+  "interactive-bg-warning-dark-hover": "#dfb009",
+  "interactive-bg-warning-dark-pressed": "#d9aa00",
+  "interactive-bg-warning-light-default": "#ffffff",
+  "interactive-bg-warning-light-hover": "#fff8d3",
+  "interactive-bg-warning-light-pressed": "#fff0a7",
+  "interactive-text-neutral-dark-default": "#3d4f66",
+  "interactive-text-neutral-dark-hover": "#213856",
+  "interactive-text-neutral-dark-pressed": "#566f8f",
+  "interactive-text-neutral-light-default": "#ffffff",
+  "interactive-text-neutral-light-hover": "#f2f2f2",
+  "interactive-text-neutral-light-pressed": "#efefef",
+  "interactive-text-primary-dark-default": "#316bff",
+  "interactive-text-primary-dark-hover": "#1f5eff",
+  "interactive-text-primary-dark-pressed": "#134cdd",
+  "interactive-text-primary-light-default": "#ffffff",
+  "interactive-text-primary-light-hover": "#e0ebff",
+  "interactive-text-primary-light-pressed": "#c7dcff",
+  "interactive-text-white-default": "#ffffff",
+  "interactive-text-white-hover": "#fafafa",
+  "interactive-text-white-pressed": "#f2f2f2",
+  "interactive-text-critical-dark-default": "#ec4343",
+  "interactive-text-critical-dark-hover": "#d92828",
+  "interactive-text-critical-dark-pressed": "#be0723",
+  "interactive-text-critical-light-default": "#ffffff",
+  "interactive-text-critical-light-hover": "#ffe7e2",
+  "interactive-text-critical-light-pressed": "#ffc9c9",
+  "interactive-text-success-dark-default": "#31c52e",
+  "interactive-text-success-dark-hover": "#1fb01c",
+  "interactive-text-success-dark-pressed": "#009e00",
+  "interactive-text-success-light-default": "#ffffff",
+  "interactive-text-success-light-hover": "#f0fdf0",
+  "interactive-text-success-light-pressed": "#e5fce5",
+  "interactive-text-warning-dark-default": "#f5ca3d",
+  "interactive-text-warning-dark-hover": "#dfb009",
+  "interactive-text-warning-dark-pressed": "#d9aa00",
+  "interactive-text-warning-light-default": "#ffffff",
+  "interactive-text-warning-light-hover": "#fff8d3",
+  "interactive-text-warning-light-pressed": "#fff0a7",
+  "interactive-border-neutral-dark-default": "#213856",
+  "interactive-border-neutral-dark-hover": "#3d4f66",
+  "interactive-border-neutral-dark-pressed": "#566f8f",
+  "interactive-border-neutral-light-default": "#ffffff",
+  "interactive-border-neutral-light-hover": "#f2f2f2",
+  "interactive-border-neutral-light-pressed": "#efefef",
+  "interactive-border-neutral-white-default": "#ffffff",
+  "interactive-border-neutral-white-hover": "#fafafa",
+  "interactive-border-neutral-white-pressed": "#f2f2f2",
+  "interactive-border-primary-dark-default": "#316bff",
+  "interactive-border-primary-dark-hover": "#1f5eff",
+  "interactive-border-primary-dark-pressed": "#134cdd",
+  "interactive-border-primary-light-default": "#ffffff",
+  "interactive-border-primary-light-hover": "#e0ebff",
+  "interactive-border-primary-light-pressed": "#c7dcff",
+  "interactive-border-critical-dark-default": "#ec4343",
+  "interactive-border-critical-dark-hover": "#d92828",
+  "interactive-border-critical-dark-pressed": "#be0723",
+  "interactive-border-critical-light-default": "#ffffff",
+  "interactive-border-critical-light-hover": "#ffe7e2",
+  "interactive-border-critical-light-pressed": "#ffc9c9",
+  "interactive-border-success-dark-default": "#31c52e",
+  "interactive-border-success-dark-hover": "#1fb01c",
+  "interactive-border-success-dark-pressed": "#009e00",
+  "interactive-border-success-light-default": "#ffffff",
+  "interactive-border-success-light-hover": "#f0fdf0",
+  "interactive-border-success-light-pressed": "#e5fce5",
+  "interactive-border-warning-dark-default": "#f5ca3d",
+  "interactive-border-warning-dark-hover": "#dfb009",
+  "interactive-border-warning-dark-pressed": "#d9aa00",
+  "interactive-border-warning-light-default": "#ffffff",
+  "interactive-border-warning-light-hover": "#fff8d3",
+  "interactive-border-warning-light-pressed": "#fff0a7",
+  "radius-none": "0",
+  "radius-2xs": "2px",
+  "radius-xs": "4px",
+  "radius-sm": "6px",
+  "radius-base": "8px",
+  "radius-md": "12px",
+  "radius-lg": "16px",
+  "radius-xl": "24px",
+  "radius-full": "9999px",
+  "spacing-none": "0",
+  "spacing-2xs": "2px",
+  "spacing-xs": "4px",
+  "spacing-sm": "6px",
+  "spacing-base": "8px",
+  "spacing-md": "12px",
+  "spacing-lg": "16px",
+  "spacing-xl": "24px",
+  "spacing-2xl": "32px",
+  "spacing-3xl": "40px",
+  "spacing-4xl": "48px",
+  "spacing-5xl": "56px",
+  "gap-none": "0",
+  "gap-2xs": "2px",
+  "gap-xs": "4px",
+  "gap-sm": "6px",
+  "gap-base": "8px",
+  "gap-md": "12px",
+  "gap-lg": "16px",
+  "gap-xl": "24px",
+  "gap-2xl": "32px",
+  "gap-3xl": "40px",
+  "gap-4xl": "48px",
+  "gap-5xl": "56px",
+  "stroke-none": "0",
+  "stroke-base": "1px",
+  "stroke-md": "2px",
+  "font-letter-spacing-none": "0",
+  "font-line-height-line-height-2xs": "14px",
+  "font-line-height-line-height-xs": "16px",
+  "font-line-height-line-height-sm": "20px",
+  "font-line-height-base": "24px",
+  "font-line-height-line-height-md": "28px",
+  "font-line-height-line-height-lg": "32px",
+  "font-size-size-xxs": "10px",
+  "font-size-size-xs": "12px",
+  "font-size-size-sm": "14px",
+  "font-size-base": "16px",
+  "font-size-size-md": "18px",
+  "font-size-size-lg": "20px",
+  "font-size-size-xl": "24px",
+  "font-weight-regular": "400",
+  "font-weight-medium": "500",
+  "font-weight-bold": "700",
+  "comp-avatar-fallback-bg": "#316bff",
+  "comp-avatar-fallback-text": "#ffffff",
+  "comp-badge-solid-primary-bg": "#316bff",
+  "comp-badge-solid-primary-text": "#ffffff",
+  "comp-badge-solid-success-bg": "#31c52e",
+  "comp-badge-solid-success-text": "#ffffff",
+  "comp-badge-solid-critical-bg": "#ec4343",
+  "comp-badge-solid-critical-text": "#ffffff",
+  "comp-badge-solid-warning-bg": "#f5ca3d",
+  "comp-badge-solid-warning-text": "#ffffff",
+  "comp-badge-solid-neutral-bg": "#566f8f",
+  "comp-badge-solid-neutral-text": "#ffffff",
+  "comp-badge-light-primary-bg": "#f5f8ff",
+  "comp-badge-light-primary-text": "#316bff",
+  "comp-badge-light-success-bg": "#f0fdf0",
+  "comp-badge-light-success-text": "#31c52e",
+  "comp-badge-light-critical-bg": "#fff5f5",
+  "comp-badge-light-critical-text": "#ec4343",
+  "comp-badge-light-warning-bg": "#fffef5",
+  "comp-badge-light-warning-text": "#dfb009",
+  "comp-badge-light-neutral-bg": "#f2f2f2",
+  "comp-badge-light-neutral-text": "#566f8f",
+  "comp-badge-outlined-primary-border": "#316bff",
+  "comp-badge-outlined-primary-text": "#316bff",
+  "comp-badge-outlined-success-border": "#31c52e",
+  "comp-badge-outlined-success-text": "#31c52e",
+  "comp-badge-outlined-critical-border": "#ec4343",
+  "comp-badge-outlined-critical-text": "#ec4343",
+  "comp-badge-outlined-warning-border": "#dfb009",
+  "comp-badge-outlined-warning-text": "#dfb009",
+  "comp-badge-outlined-neutral-border": "#3d4f66",
+  "comp-badge-outlined-neutral-text": "#566f8f",
+  "comp-browser-tab-border": "#efefef",
+  "comp-browser-tab-item-bg": "#ffffff",
+  "comp-browser-tab-item-border": "#efefef",
+  "comp-browser-tab-item-active-text": "#213856",
+  "comp-browser-tab-item-active-icon": "#213856",
+  "comp-browser-tab-item-inactive-text": "#98a1ac",
+  "comp-browser-tab-item-inactive-icon": "#98a1ac",
+  "comp-browser-tab-item-hover-icon": "#566f8f",
+  "comp-btn-solid-brand-bg-default": "#316bff",
+  "comp-btn-solid-brand-bg-hover": "#316bff",
+  "comp-btn-solid-brand-bg-pressed": "#1f5eff",
+  "comp-btn-solid-brand-bg-gradient-to-default": "#477bff",
+  "comp-btn-solid-brand-bg-gradient-to-hover": "#1f5eff",
+  "comp-btn-solid-brand-bg-gradient-to-pressed": "#134cdd",
+  "comp-btn-solid-brand-text-default": "#ffffff",
+  "comp-btn-solid-brand-text-hover": "#ffffff",
+  "comp-btn-solid-brand-text-pressed": "#ffffff",
+  "comp-btn-solid-brand-border-default": "#316bff",
+  "comp-btn-solid-brand-border-hover": "#316bff",
+  "comp-btn-solid-brand-border-pressed": "#134cdd",
+  "comp-btn-solid-brand-inner-border-default": "#5c8aff",
+  "comp-btn-solid-brand-inner-border-hover": "#5c8aff",
+  "comp-btn-solid-brand-inner-border-pressed": "#3d6be0",
+  "comp-btn-solid-alert-bg-default": "#ec4343",
+  "comp-btn-solid-alert-bg-hover": "#ec4343",
+  "comp-btn-solid-alert-bg-pressed": "#d92828",
+  "comp-btn-solid-alert-bg-gradient-to-default": "#ee5454",
+  "comp-btn-solid-alert-bg-gradient-to-hover": "#d92828",
+  "comp-btn-solid-alert-bg-gradient-to-pressed": "#be0723",
+  "comp-btn-solid-alert-text-default": "#ffffff",
+  "comp-btn-solid-alert-text-hover": "#ffffff",
+  "comp-btn-solid-alert-text-pressed": "#ffffff",
+  "comp-btn-solid-alert-border-default": "#ec4343",
+  "comp-btn-solid-alert-border-hover": "#ec4343",
+  "comp-btn-solid-alert-border-pressed": "#be0723",
+  "comp-btn-solid-alert-inner-border-default": "#f06666",
+  "comp-btn-solid-alert-inner-border-hover": "#f06666",
+  "comp-btn-solid-alert-inner-border-pressed": "#c83333",
+  "comp-btn-outlined-neutral-bg-default": "#fafafa",
+  "comp-btn-outlined-neutral-bg-hover": "#f2f2f2",
+  "comp-btn-outlined-neutral-bg-pressed": "#efefef",
+  "comp-btn-outlined-neutral-bg-gradient-to-default": "#ffffff",
+  "comp-btn-outlined-neutral-bg-gradient-to-hover": "#fafafa",
+  "comp-btn-outlined-neutral-bg-gradient-to-pressed": "#f2f2f2",
+  "comp-btn-outlined-neutral-text-default": "#213856",
+  "comp-btn-outlined-neutral-text-hover": "#213856",
+  "comp-btn-outlined-neutral-text-pressed": "#213856",
+  "comp-btn-outlined-neutral-border-default": "#efefef",
+  "comp-btn-outlined-neutral-border-hover": "#efefef",
+  "comp-btn-outlined-neutral-border-pressed": "#efefef",
+  "comp-btn-outlined-alert-bg-default": "#ffffff",
+  "comp-btn-outlined-alert-bg-hover": "#ffe7e2",
+  "comp-btn-outlined-alert-bg-pressed": "#ffc9c9",
+  "comp-btn-outlined-alert-text-default": "#ec4343",
+  "comp-btn-outlined-alert-text-hover": "#d92828",
+  "comp-btn-outlined-alert-text-pressed": "#be0723",
+  "comp-btn-outlined-alert-border-default": "#ec4343",
+  "comp-btn-outlined-alert-border-hover": "#ec4343",
+  "comp-btn-outlined-alert-border-pressed": "#be0723",
+  "comp-btn-ghost-brand-bg-default": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-brand-bg-hover": "#f5f8ff",
+  "comp-btn-ghost-brand-bg-pressed": "#c7dcff",
+  "comp-btn-ghost-brand-text-default": "#316bff",
+  "comp-btn-ghost-brand-text-hover": "#1f5eff",
+  "comp-btn-ghost-brand-text-pressed": "#134cdd",
+  "comp-btn-ghost-brand-border-default": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-brand-border-hover": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-brand-border-pressed": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-neutral-bg-default": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-neutral-bg-hover": "#f2f2f2",
+  "comp-btn-ghost-neutral-bg-pressed": "#efefef",
+  "comp-btn-ghost-neutral-text-default": "#566f8f",
+  "comp-btn-ghost-neutral-text-hover": "#566f8f",
+  "comp-btn-ghost-neutral-text-pressed": "#566f8f",
+  "comp-btn-ghost-neutral-border-default": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-neutral-border-hover": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-neutral-border-pressed": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-alert-bg-default": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-alert-bg-hover": "#ffe7e2",
+  "comp-btn-ghost-alert-bg-pressed": "#ffc9c9",
+  "comp-btn-ghost-alert-text-default": "#ec4343",
+  "comp-btn-ghost-alert-text-hover": "#d92828",
+  "comp-btn-ghost-alert-text-pressed": "#be0723",
+  "comp-btn-ghost-alert-border-default": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-alert-border-hover": "rgba(0, 0, 0, 0)",
+  "comp-btn-ghost-alert-border-pressed": "rgba(0, 0, 0, 0)",
+  "comp-btn-disabled-solid-bg": "#f2f2f2",
+  "comp-btn-disabled-solid-text": "#b7bec6",
+  "comp-btn-disabled-solid-border": "#f2f2f2",
+  "comp-btn-disabled-outlined-bg": "#f2f2f2",
+  "comp-btn-disabled-outlined-text": "#b7bec6",
+  "comp-btn-disabled-outlined-border": "#f2f2f2",
+  "comp-btn-disabled-ghost-bg": "rgba(0, 0, 0, 0)",
+  "comp-btn-disabled-ghost-text": "#b7bec6",
+  "comp-btn-disabled-ghost-border": "rgba(0, 0, 0, 0)",
+  "comp-checkbox-unchecked-bg": "#ffffff",
+  "comp-checkbox-unchecked-border-default": "#e6e6e6",
+  "comp-checkbox-unchecked-border-hover": "#1f5eff",
+  "comp-checkbox-unchecked-border-pressed": "#134cdd",
+  "comp-checkbox-checked-bg-default": "#316bff",
+  "comp-checkbox-checked-bg-hover": "#1f5eff",
+  "comp-checkbox-checked-bg-pressed": "#134cdd",
+  "comp-checkbox-checked-icon": "#ffffff",
+  "comp-checkbox-disabled-bg": "#efefef",
+  "comp-checkbox-disabled-border": "#e6e6e6",
+  "comp-checkbox-disabled-icon": "#b7bec6",
+  "comp-checkbox-label-default": "#213856",
+  "comp-checkbox-label-disabled": "#b7bec6",
+  "comp-dropdown-bg": "#ffffff",
+  "comp-dropdown-border": "#efefef",
+  "comp-dropdown-item-text": "#213856",
+  "comp-dropdown-item-secondary": "#566f8f",
+  "comp-dropdown-item-hover": "#fafafa",
+  "comp-dropdown-item-icon": "#566f8f",
+  "comp-dropdown-heading-text": "#98a1ac",
+  "comp-dropdown-clear-text": "#213856",
+  "comp-info-message-info-bg": "#f5f8ff",
+  "comp-info-message-info-icon": "#316bff",
+  "comp-info-message-success-bg": "#f0fdf0",
+  "comp-info-message-success-icon": "#31c52e",
+  "comp-info-message-alert-bg": "#fff5f5",
+  "comp-info-message-alert-icon": "#ec4343",
+  "comp-info-message-warning-bg": "#fffef5",
+  "comp-info-message-warning-icon": "#dfb009",
+  "comp-info-message-empty-bg": "#fafafa",
+  "comp-info-message-empty-icon": "#566f8f",
+  "comp-info-message-title": "#213856",
+  "comp-info-message-description": "#566f8f",
+  "comp-info-message-close": "#566f8f",
+  "comp-input-label-text": "#566f8f",
+  "comp-input-label-optional": "#98a1ac",
+  "comp-input-label-mandatory": "#ec4343",
+  "comp-input-label-icon": "#566f8f",
+  "comp-input-label-disabled": "#b7bec6",
+  "comp-link-neutral-text-default": "#3d4f66",
+  "comp-link-neutral-text-hover": "#213856",
+  "comp-link-neutral-text-pressed": "#566f8f",
+  "comp-link-brand-text-default": "#316bff",
+  "comp-link-brand-text-hover": "#1f5eff",
+  "comp-link-brand-text-pressed": "#134cdd",
+  "comp-link-alert-text-default": "#ec4343",
+  "comp-link-alert-text-hover": "#d92828",
+  "comp-link-alert-text-pressed": "#be0723",
+  "comp-link-success-text-default": "#31c52e",
+  "comp-link-success-text-hover": "#1fb01c",
+  "comp-link-success-text-pressed": "#009e00",
+  "comp-link-warning-text-default": "#f5ca3d",
+  "comp-link-warning-text-hover": "#dfb009",
+  "comp-link-warning-text-pressed": "#d9aa00",
+  "comp-link-disabled-text": "#b7bec6",
+  "comp-modal-bg": "#ffffff",
+  "comp-modal-border": "#efefef",
+  "comp-modal-overlay": "#213856",
+  "comp-modal-header-title": "#213856",
+  "comp-modal-header-description": "#566f8f",
+  "comp-modal-header-border": "#efefef",
+  "comp-modal-header-close": "#566f8f",
+  "comp-modal-footer-border": "#efefef",
+  "comp-modal-footer-text": "#566f8f",
+  "comp-modal-footer-icon": "#316bff",
+  "comp-search-bar-white-bg": "#ffffff",
+  "comp-search-bar-grey-bg": "#fafafa",
+  "comp-search-bar-border-default": "#efefef",
+  "comp-search-bar-border-hover": "#e6e6e6",
+  "comp-search-bar-border-active": "#316bff",
+  "comp-search-bar-icon": "#566f8f",
+  "comp-search-bar-placeholder": "#98a1ac",
+  "comp-search-bar-text": "#213856",
+  "comp-search-bar-clear": "#566f8f",
+  "comp-select-bg-default": "#fafafa",
+  "comp-select-bg-gradient-to": "#ffffff",
+  "comp-select-bg-hover": "#f2f2f2",
+  "comp-select-bg-error": "#ffffff",
+  "comp-select-bg-disabled": "#efefef",
+  "comp-select-border-default": "#efefef",
+  "comp-select-border-hover": "#e6e6e6",
+  "comp-select-border-error": "#ec4343",
+  "comp-select-border-disabled": "#efefef",
+  "comp-select-text-default": "#213856",
+  "comp-select-text-placeholder": "#98a1ac",
+  "comp-select-text-disabled": "#b7bec6",
+  "comp-select-text-multi": "#98a1ac",
+  "comp-select-icon": "#566f8f",
+  "comp-select-error-text": "#ec4343",
+  "comp-select-error-icon": "#ec4343",
+  "comp-sidebar-bg": "#ffffff",
+  "comp-sidebar-border": "#efefef",
+  "comp-sidebar-footer-bg": "#fafafa",
+  "comp-sidebar-item-default-icon": "#566f8f",
+  "comp-sidebar-item-default-text": "#566f8f",
+  "comp-sidebar-item-hover-bg": "#fafafa",
+  "comp-sidebar-item-hover-icon": "#566f8f",
+  "comp-sidebar-item-hover-text": "#566f8f",
+  "comp-sidebar-item-active-bg": "#f5f8ff",
+  "comp-sidebar-item-active-icon": "#316bff",
+  "comp-sidebar-item-active-text": "#213856",
+  "comp-sidebar-item-chevron": "#213856",
+  "comp-sidebar-heading-text": "#98a1ac",
+  "comp-switch-off-track-default": "#b7bec6",
+  "comp-switch-off-track-hover": "#98a1ac",
+  "comp-switch-off-track-disabled": "#e6e6e6",
+  "comp-switch-on-track-default": "#316bff",
+  "comp-switch-on-track-hover": "#1f5eff",
+  "comp-switch-on-track-disabled": "#c7dcff",
+  "comp-switch-thumb-bg": "#ffffff",
+  "comp-switch-thumb-disabled": "#ffffff",
+  "comp-switch-label-text": "#213856",
+  "comp-switch-label-disabled": "#b7bec6",
+  "comp-tab-border": "#efefef",
+  "comp-tab-item-default-text": "#98a1ac",
+  "comp-tab-item-hover-bg": "#fafafa",
+  "comp-tab-item-active-text": "#213856",
+  "comp-tab-item-active-bg": "#f2f2f2",
+  "comp-tab-item-active-border": "#213856",
+  "comp-table-bg": "#ffffff",
+  "comp-table-border": "#efefef",
+  "comp-table-head-bg-default": "#ffffff",
+  "comp-table-head-bg-hover": "#fafafa",
+  "comp-table-head-text": "#566f8f",
+  "comp-table-head-icon": "#566f8f",
+  "comp-table-row-bg-default": "#ffffff",
+  "comp-table-row-bg-hover": "#fafafa",
+  "comp-table-row-bg-selected": "#f5f8ff",
+  "comp-table-cell-text-primary": "#213856",
+  "comp-table-cell-text-secondary": "#566f8f",
+  "comp-tag-brand-bg": "#f5f8ff",
+  "comp-tag-brand-text": "#316bff",
+  "comp-tag-neutral-bg": "#f2f2f2",
+  "comp-tag-neutral-text": "#566f8f",
+  "comp-text-input-bg-default": "#ffffff",
+  "comp-text-input-bg-disabled": "#f2f2f2",
+  "comp-text-input-border-default": "#efefef",
+  "comp-text-input-border-hover": "#316bff",
+  "comp-text-input-border-success": "#31c52e",
+  "comp-text-input-border-error": "#ec4343",
+  "comp-text-input-border-disabled": "#efefef",
+  "comp-text-input-text-default": "#213856",
+  "comp-text-input-text-placeholder": "#98a1ac",
+  "comp-text-input-text-disabled": "#b7bec6",
+  "comp-text-input-icon": "#566f8f",
+  "comp-text-input-button-bg": "#fafafa",
+  "comp-text-input-button-gradient-to": "#ffffff",
+  "comp-text-input-button-bg-hover": "#f2f2f2",
+  "comp-text-input-button-border": "#efefef",
+  "comp-text-input-error-text": "#ec4343",
+  "comp-text-input-error-icon": "#ec4343",
+  "comp-textarea-bg-default": "#ffffff",
+  "comp-textarea-bg-disabled": "#f2f2f2",
+  "comp-textarea-border-default": "#efefef",
+  "comp-textarea-border-hover": "#316bff",
+  "comp-textarea-border-success": "#31c52e",
+  "comp-textarea-border-error": "#ec4343",
+  "comp-textarea-border-disabled": "#efefef",
+  "comp-textarea-text-default": "#213856",
+  "comp-textarea-text-placeholder": "#98a1ac",
+  "comp-textarea-text-disabled": "#b7bec6",
+  "comp-textarea-char-limit": "#566f8f",
+  "comp-textarea-handle-default": "#3d4f66",
+  "comp-textarea-handle-disabled": "#b7bec6",
+  "comp-textarea-error-text": "#ec4343",
+  "comp-textarea-error-icon": "#ec4343",
+  "comp-toast-info-bg": "#f5f8ff",
+  "comp-toast-info-icon": "#316bff",
+  "comp-toast-success-bg": "#f0fdf0",
+  "comp-toast-success-icon": "#31c52e",
+  "comp-toast-alert-bg": "#fff5f5",
+  "comp-toast-alert-icon": "#ec4343",
+  "comp-toast-warning-bg": "#fffef5",
+  "comp-toast-warning-icon": "#dfb009",
+  "comp-toast-border": "#efefef",
+  "comp-toast-title": "#213856",
+  "comp-toast-subtitle": "#566f8f",
+  "comp-toast-close": "#566f8f",
+  "comp-tooltip-default-bg": "#213856",
+  "comp-tooltip-default-text": "#ffffff",
+  "comp-tooltip-default-icon": "#566f8f",
+  "comp-tooltip-invert-bg": "#fafafa",
+  "comp-tooltip-invert-text": "#213856",
+  "comp-tooltip-invert-border": "#e6e6e6",
+  "comp-tooltip-invert-icon": "#566f8f",
+  "comp-user-menu-bg": "#ffffff",
+  "comp-user-menu-border": "#efefef",
+  "comp-user-menu-name": "#213856",
+  "comp-user-menu-subtitle": "#566f8f"
+} as const;
+
+export type TokenName = keyof typeof tokens;
+export type TokenValue = (typeof tokens)[TokenName];

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "@l3mpire/tokens",
+  "version": "0.5.3",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/l3mpire/lemds-product-design.git",
+    "directory": "packages/tokens"
+  },
+  "exports": {
+    ".": "./dist/ts/tokens.ts",
+    "./css": "./dist/css/tokens.css",
+    "./css/*": "./dist/css/*.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "devDependencies": {
+    "style-dictionary": "^4",
+    "tsx": "^4",
+    "typescript": "^5"
+  },
+  "scripts": {
+    "build": "tsx style-dictionary.config.ts",
+    "clean": "rm -rf dist .turbo"
+  }
+}