@purpur/library 9.0.1 → 9.0.3

package/dist/tokens/color/variables.dark.scss

@@ -0,0 +1,251 @@
+$purpur-color-purple-50: #faf0ff;
+$purpur-color-purple-100: #f4e0ff;
+$purpur-color-purple-200: #e4b6fb;
+$purpur-color-purple-300: #d58df9;
+$purpur-color-purple-400: #c461f7;
+$purpur-color-purple-500: #b12df4;
+$purpur-color-purple-550: #990ae3;
+$purpur-color-purple-600: #8c07d0;
+$purpur-color-purple-700: #6d02a3;
+$purpur-color-purple-800: #4e0174;
+$purpur-color-purple-900: #29003e;
+$purpur-color-purple-950: #1f002e;
+$purpur-color-beige-50: #f9f1ec;
+$purpur-color-beige-100: #ede1d8;
+$purpur-color-beige-200: #d7c3b5;
+$purpur-color-beige-300: #bba494;
+$purpur-color-beige-400: #a08877;
+$purpur-color-beige-500: #807268;
+$purpur-color-beige-600: #665e58;
+$purpur-color-beige-700: #4f4741;
+$purpur-color-beige-800: #3b332d;
+$purpur-color-beige-900: #2d2824;
+$purpur-color-beige-950: #170f09;
+$purpur-color-teal-50: #edf5f5;
+$purpur-color-teal-100: #d5eae9;
+$purpur-color-teal-200: #a1cfcd;
+$purpur-color-teal-300: #6eb5b2;
+$purpur-color-teal-400: #3a9b96;
+$purpur-color-teal-500: #00847e;
+$purpur-color-teal-600: #006c67;
+$purpur-color-teal-700: #02534f;
+$purpur-color-teal-800: #063c39;
+$purpur-color-teal-900: #032220;
+$purpur-color-teal-950: #011413;
+$purpur-color-gray-50: #f5f5fa;
+$purpur-color-gray-100: #e5e5eb;
+$purpur-color-gray-150: #d6d6dd;
+$purpur-color-gray-200: #c6c6cd;
+$purpur-color-gray-300: #aaaab0;
+$purpur-color-gray-400: #8d8d94;
+$purpur-color-gray-500: #757579;
+$purpur-color-gray-600: #5f5f63;
+$purpur-color-gray-700: #4a4a4d;
+$purpur-color-gray-800: #353537;
+$purpur-color-gray-850: #2a2a2c;
+$purpur-color-gray-900: #202022;
+$purpur-color-gray-950: #121212;
+$purpur-color-green-50: #e1f9ec;
+$purpur-color-green-100: #c5efd9;
+$purpur-color-green-200: #79d9a7;
+$purpur-color-green-300: #3dbf7c;
+$purpur-color-green-400: #1fa15e;
+$purpur-color-green-500: #018842;
+$purpur-color-green-600: #017037;
+$purpur-color-green-700: #02562b;
+$purpur-color-green-800: #003e1e;
+$purpur-color-green-900: #002411;
+$purpur-color-green-950: #00150a;
+$purpur-color-red-50: #fff0f5;
+$purpur-color-red-100: #ffdde8;
+$purpur-color-red-200: #ffafc9;
+$purpur-color-red-300: #ff80ab;
+$purpur-color-red-400: #fb4885;
+$purpur-color-red-500: #e4175c;
+$purpur-color-red-600: #c00543;
+$purpur-color-red-700: #980233;
+$purpur-color-red-800: #700025;
+$purpur-color-red-900: #440016;
+$purpur-color-red-950: #2c000e;
+$purpur-color-orange-50: #fff2de;
+$purpur-color-orange-100: #ffe1b3;
+$purpur-color-orange-200: #f9bb5b;
+$purpur-color-orange-300: #f39200;
+$purpur-color-orange-400: #cc7a00;
+$purpur-color-orange-500: #a86602;
+$purpur-color-orange-600: #8b5301;
+$purpur-color-orange-700: #6a4102;
+$purpur-color-orange-800: #4c2f03;
+$purpur-color-orange-900: #2b1b03;
+$purpur-color-orange-950: #1a0f00;
+$purpur-color-blue-50: #e8f6ff;
+$purpur-color-blue-100: #caeaff;
+$purpur-color-blue-200: #91cdf4;
+$purpur-color-blue-300: #62b2e7;
+$purpur-color-blue-400: #3694d3;
+$purpur-color-blue-500: #0078cb;
+$purpur-color-blue-600: #0063a6;
+$purpur-color-blue-700: #014d80;
+$purpur-color-blue-800: #03385b;
+$purpur-color-blue-900: #002036;
+$purpur-color-blue-950: #011320;
+$purpur-color-transparent-black-50: rgba(0, 0, 0, 0.05);
+$purpur-color-transparent-black-100: rgba(0, 0, 0, 0.1);
+$purpur-color-transparent-black-150: rgba(0, 0, 0, 0.16);
+$purpur-color-transparent-black-200: rgba(0, 0, 0, 0.22);
+$purpur-color-transparent-black-300: rgba(0, 0, 0, 0.33);
+$purpur-color-transparent-black-400: rgba(0, 0, 0, 0.44);
+$purpur-color-transparent-black-500: rgba(0, 0, 0, 0.54);
+$purpur-color-transparent-black-600: rgba(0, 0, 0, 0.62);
+$purpur-color-transparent-black-700: rgba(0, 0, 0, 0.71);
+$purpur-color-transparent-black-800: rgba(0, 0, 0, 0.8);
+$purpur-color-transparent-black-850: rgba(0, 0, 0, 0.84);
+$purpur-color-transparent-black-900: rgba(0, 0, 0, 0.88);
+$purpur-color-transparent-black-950: rgba(0, 0, 0, 0.93);
+$purpur-color-transparent-white-50: rgba(255, 255, 255, 0.07);
+$purpur-color-transparent-white-100: rgba(255, 255, 255, 0.11);
+$purpur-color-transparent-white-150: rgba(255, 255, 255, 0.16);
+$purpur-color-transparent-white-200: rgba(255, 255, 255, 0.21);
+$purpur-color-transparent-white-300: rgba(255, 255, 255, 0.29);
+$purpur-color-transparent-white-400: rgba(255, 255, 255, 0.37);
+$purpur-color-transparent-white-500: rgba(255, 255, 255, 0.46);
+$purpur-color-transparent-white-600: rgba(255, 255, 255, 0.55);
+$purpur-color-transparent-white-700: rgba(255, 255, 255, 0.66);
+$purpur-color-transparent-white-800: rgba(255, 255, 255, 0.79);
+$purpur-color-transparent-white-850: rgba(255, 255, 255, 0.84);
+$purpur-color-transparent-white-900: rgba(255, 255, 255, 0.89);
+$purpur-color-transparent-white-950: rgba(255, 255, 255, 0.95);
+$purpur-color-functional-black: #000000;
+$purpur-color-functional-white: #ffffff;
+$purpur-color-functional-transparent: rgba(255, 255, 255, 0);
+$purpur-color-brand-deep-purple: $purpur-color-purple-100;
+$purpur-color-brand-core-purple: $purpur-color-purple-400;
+$purpur-color-brand-light-purple: $purpur-color-purple-900;
+$purpur-color-brand-deep-beige: $purpur-color-beige-100;
+$purpur-color-brand-beige: $purpur-color-beige-700;
+$purpur-color-brand-light-beige: $purpur-color-beige-800;
+$purpur-color-brand-off-black: $purpur-color-functional-white;
+$purpur-color-brand-white: $purpur-color-gray-900;
+$purpur-color-text-default: $purpur-color-transparent-white-950;
+$purpur-color-text-medium: $purpur-color-transparent-white-700;
+$purpur-color-text-weak: $purpur-color-transparent-white-400;
+$purpur-color-text-default-negative: $purpur-color-transparent-black-800;
+$purpur-color-text-medium-negative: $purpur-color-transparent-black-500;
+$purpur-color-text-weak-negative: $purpur-color-transparent-black-400;
+$purpur-color-text-interactive-primary: $purpur-color-purple-200;
+$purpur-color-text-interactive-primary-hover: $purpur-color-purple-100;
+$purpur-color-text-interactive-primary-active: $purpur-color-purple-50;
+$purpur-color-text-interactive-on-primary: $purpur-color-purple-800;
+$purpur-color-text-interactive-on-primary-negative: $purpur-color-functional-white;
+$purpur-color-text-interactive-primary-negative: $purpur-color-purple-600;
+$purpur-color-text-interactive-primary-hover-negative: $purpur-color-purple-700;
+$purpur-color-text-interactive-primary-active-negative: $purpur-color-purple-800;
+$purpur-color-text-interactive-on-expressive: $purpur-color-functional-white;
+$purpur-color-text-interactive-on-expressive-negative: $purpur-color-functional-white;
+$purpur-color-text-interactive-on-expressive-hover: $purpur-color-purple-900;
+$purpur-color-text-interactive-on-expressive-hover-negative: $purpur-color-functional-white;
+$purpur-color-text-interactive-on-expressive-active: $purpur-color-purple-900;
+$purpur-color-text-interactive-on-expressive-active-negative: $purpur-color-functional-white;
+$purpur-color-text-interactive-on-destructive: $purpur-color-functional-white;
+$purpur-color-text-interactive-selected: $purpur-color-purple-300;
+$purpur-color-text-status-discount: $purpur-color-purple-300;
+$purpur-color-text-status-error-strong: $purpur-color-red-200;
+$purpur-color-text-status-error-strong-negative: $purpur-color-red-700;
+$purpur-color-text-status-error-medium: $purpur-color-red-400;
+$purpur-color-text-status-error-medium-negative: $purpur-color-red-500;
+$purpur-color-text-status-success-strong: $purpur-color-green-200;
+$purpur-color-text-status-success-strong-negative: $purpur-color-green-700;
+$purpur-color-text-status-success-medium: $purpur-color-green-400;
+$purpur-color-text-status-warning-strong: $purpur-color-orange-200;
+$purpur-color-text-status-warning-medium: $purpur-color-orange-300;
+$purpur-color-text-status-warning-medium-negative: $purpur-color-orange-500;
+$purpur-color-text-status-info-strong: $purpur-color-blue-200;
+$purpur-color-text-status-info-medium: $purpur-color-blue-400;
+$purpur-color-text-status-neutral: $purpur-color-functional-white;
+$purpur-color-text-status-special: $purpur-color-functional-white;
+$purpur-color-text-status-attention: $purpur-color-purple-800;
+$purpur-color-text-status-black-friday: $purpur-color-gray-900;
+$purpur-color-text-tone-on-tone-primary: $purpur-color-purple-900;
+$purpur-color-text-tone-on-tone-secondary: $purpur-color-purple-100;
+$purpur-color-text-tone-on-tone-tertiary: $purpur-color-functional-white;
+$purpur-color-background-primary: $purpur-color-gray-950;
+$purpur-color-background-primary-negative: $purpur-color-functional-white;
+$purpur-color-background-secondary: $purpur-color-gray-900;
+$purpur-color-background-secondary-negative: $purpur-color-gray-50;
+$purpur-color-background-on-image: $purpur-color-transparent-black-700;
+$purpur-color-background-on-image-negative: $purpur-color-transparent-white-850;
+$purpur-color-background-interactive-auto-fill: $purpur-color-blue-800;
+$purpur-color-background-interactive-primary: $purpur-color-purple-100;
+$purpur-color-background-interactive-primary-hover: $purpur-color-purple-200;
+$purpur-color-background-interactive-primary-active: $purpur-color-purple-300;
+$purpur-color-background-interactive-primary-negative: $purpur-color-purple-800;
+$purpur-color-background-interactive-primary-hover-negative: $purpur-color-purple-700;
+$purpur-color-background-interactive-primary-active-negative: $purpur-color-purple-600;
+$purpur-color-background-interactive-expressive: $purpur-color-purple-550;
+$purpur-color-background-interactive-expressive-hover: $purpur-color-purple-400;
+$purpur-color-background-interactive-expressive-active: $purpur-color-purple-300;
+$purpur-color-background-interactive-expressive-negative: $purpur-color-purple-550;
+$purpur-color-background-interactive-expressive-hover-negative: $purpur-color-purple-700;
+$purpur-color-background-interactive-expressive-active-negative: $purpur-color-purple-800;
+$purpur-color-background-interactive-disabled: $purpur-color-transparent-white-100;
+$purpur-color-background-interactive-disabled-negative: $purpur-color-transparent-black-100;
+$purpur-color-background-interactive-transparent-hover: $purpur-color-purple-800;
+$purpur-color-background-interactive-transparent-hover-negative: $purpur-color-purple-200;
+$purpur-color-background-interactive-transparent-active: $purpur-color-purple-700;
+$purpur-color-background-interactive-transparent-active-negative: $purpur-color-purple-300;
+$purpur-color-background-interactive-inactive: $purpur-color-transparent-white-150;
+$purpur-color-background-interactive-inactive-negative: $purpur-color-transparent-black-50;
+$purpur-color-background-interactive-read-only: $purpur-color-transparent-white-50;
+$purpur-color-background-interactive-read-only-negative: $purpur-color-transparent-black-50;
+$purpur-color-background-interactive-destructive: $purpur-color-red-500;
+$purpur-color-background-interactive-destructive-hover: $purpur-color-red-600;
+$purpur-color-background-interactive-destructive-active: $purpur-color-red-700;
+$purpur-color-background-status-info-medium: $purpur-color-blue-800;
+$purpur-color-background-status-info-strong: $purpur-color-blue-300;
+$purpur-color-background-status-success-medium: $purpur-color-green-800;
+$purpur-color-background-status-success-strong: $purpur-color-green-300;
+$purpur-color-background-status-success-strong-negative: $purpur-color-green-400;
+$purpur-color-background-status-error-medium: $purpur-color-red-800;
+$purpur-color-background-status-error-strong: $purpur-color-red-300;
+$purpur-color-background-status-error-strong-negative: $purpur-color-red-400;
+$purpur-color-background-status-warning-medium: $purpur-color-orange-800;
+$purpur-color-background-status-warning-strong: $purpur-color-orange-300;
+$purpur-color-background-status-warning-strong-negative: $purpur-color-orange-300;
+$purpur-color-background-status-neutral: $purpur-color-gray-800;
+$purpur-color-background-status-special: $purpur-color-purple-700;
+$purpur-color-background-status-attention: $purpur-color-purple-100;
+$purpur-color-background-status-black-friday: $purpur-color-functional-white;
+$purpur-color-background-tone-on-tone-primary: $purpur-color-purple-100;
+$purpur-color-background-tone-on-tone-secondary: $purpur-color-purple-900;
+$purpur-color-background-tone-on-tone-tertiary: $purpur-color-beige-700;
+$purpur-color-background-tone-on-tone-quaternary: $purpur-color-beige-900;
+$purpur-color-border-medium: $purpur-color-transparent-white-300;
+$purpur-color-border-medium-negative: $purpur-color-transparent-black-300;
+$purpur-color-border-strong: $purpur-color-transparent-white-500;
+$purpur-color-border-strong-negative: $purpur-color-transparent-black-500;
+$purpur-color-border-weak: $purpur-color-transparent-white-150;
+$purpur-color-border-weak-negative: $purpur-color-transparent-black-150;
+$purpur-color-border-interactive-focus: $purpur-color-purple-400;
+$purpur-color-border-interactive-primary: $purpur-color-purple-200;
+$purpur-color-border-interactive-primary-negative: $purpur-color-purple-600;
+$purpur-color-border-interactive-primary-hover: $purpur-color-purple-100;
+$purpur-color-border-interactive-primary-active: $purpur-color-purple-50;
+$purpur-color-border-interactive-primary-hover-negative: $purpur-color-purple-700;
+$purpur-color-border-interactive-primary-active-negative: $purpur-color-purple-800;
+$purpur-color-border-interactive-expressive: $purpur-color-purple-550;
+$purpur-color-border-interactive-selected: $purpur-color-purple-300;
+$purpur-color-border-interactive-subtle: $purpur-color-transparent-white-400;
+$purpur-color-border-interactive-subtle-negative: $purpur-color-transparent-black-400;
+$purpur-color-border-interactive-subtle-hover: $purpur-color-purple-200;
+$purpur-color-border-interactive-subtle-hover-negative: $purpur-color-purple-700;
+$purpur-color-border-status-error: $purpur-color-red-400;
+$purpur-color-border-status-error-negative: $purpur-color-red-500;
+$purpur-color-border-status-warning: $purpur-color-orange-300;
+$purpur-color-border-status-info: $purpur-color-blue-400;
+$purpur-color-border-status-success: $purpur-color-green-400;
+$purpur-color-border-status-success-negative: $purpur-color-green-500;
+$purpur-color-overlay-default: $purpur-color-transparent-black-300;
+$purpur-color-gradient-ai-bottom: $purpur-color-blue-300;
+$purpur-color-gradient-ai-bottom-negative: $purpur-color-blue-400;
+$purpur-color-gradient-ai-top: $purpur-color-purple-300;
+$purpur-color-gradient-ai-top-negative: $purpur-color-purple-500;

package/dist/tokens/color/variables.js

@@ -0,0 +1,252 @@
+export const purpurColorPurple50 = "#faf0ff";
+export const purpurColorPurple100 = "#f4e0ff";
+export const purpurColorPurple200 = "#e4b6fb";
+export const purpurColorPurple300 = "#d58df9";
+export const purpurColorPurple400 = "#c461f7";
+export const purpurColorPurple500 = "#b12df4";
+export const purpurColorPurple550 = "#990ae3";
+export const purpurColorPurple600 = "#8c07d0";
+export const purpurColorPurple700 = "#6d02a3";
+export const purpurColorPurple800 = "#4e0174";
+export const purpurColorPurple900 = "#29003e";
+export const purpurColorPurple950 = "#1f002e";
+export const purpurColorBeige50 = "#f9f1ec";
+export const purpurColorBeige100 = "#ede1d8";
+export const purpurColorBeige200 = "#d7c3b5";
+export const purpurColorBeige300 = "#bba494";
+export const purpurColorBeige400 = "#a08877";
+export const purpurColorBeige500 = "#807268";
+export const purpurColorBeige600 = "#665e58";
+export const purpurColorBeige700 = "#4f4741";
+export const purpurColorBeige800 = "#3b332d";
+export const purpurColorBeige900 = "#2d2824";
+export const purpurColorBeige950 = "#170f09";
+export const purpurColorTeal50 = "#edf5f5";
+export const purpurColorTeal100 = "#d5eae9";
+export const purpurColorTeal200 = "#a1cfcd";
+export const purpurColorTeal300 = "#6eb5b2";
+export const purpurColorTeal400 = "#3a9b96";
+export const purpurColorTeal500 = "#00847e";
+export const purpurColorTeal600 = "#006c67";
+export const purpurColorTeal700 = "#02534f";
+export const purpurColorTeal800 = "#063c39";
+export const purpurColorTeal900 = "#032220";
+export const purpurColorTeal950 = "#011413";
+export const purpurColorGray50 = "#f5f5fa";
+export const purpurColorGray100 = "#e5e5eb";
+export const purpurColorGray150 = "#d6d6dd";
+export const purpurColorGray200 = "#c6c6cd";
+export const purpurColorGray300 = "#aaaab0";
+export const purpurColorGray400 = "#8d8d94";
+export const purpurColorGray500 = "#757579";
+export const purpurColorGray600 = "#5f5f63";
+export const purpurColorGray700 = "#4a4a4d";
+export const purpurColorGray800 = "#353537";
+export const purpurColorGray850 = "#2a2a2c";
+export const purpurColorGray900 = "#202022";
+export const purpurColorGray950 = "#121212";
+export const purpurColorGreen50 = "#e1f9ec";
+export const purpurColorGreen100 = "#c5efd9";
+export const purpurColorGreen200 = "#79d9a7";
+export const purpurColorGreen300 = "#3dbf7c";
+export const purpurColorGreen400 = "#1fa15e";
+export const purpurColorGreen500 = "#018842";
+export const purpurColorGreen600 = "#017037";
+export const purpurColorGreen700 = "#02562b";
+export const purpurColorGreen800 = "#003e1e";
+export const purpurColorGreen900 = "#002411";
+export const purpurColorGreen950 = "#00150a";
+export const purpurColorRed50 = "#fff0f5";
+export const purpurColorRed100 = "#ffdde8";
+export const purpurColorRed200 = "#ffafc9";
+export const purpurColorRed300 = "#ff80ab";
+export const purpurColorRed400 = "#fb4885";
+export const purpurColorRed500 = "#e4175c";
+export const purpurColorRed600 = "#c00543";
+export const purpurColorRed700 = "#980233";
+export const purpurColorRed800 = "#700025";
+export const purpurColorRed900 = "#440016";
+export const purpurColorRed950 = "#2c000e";
+export const purpurColorOrange50 = "#fff2de";
+export const purpurColorOrange100 = "#ffe1b3";
+export const purpurColorOrange200 = "#f9bb5b";
+export const purpurColorOrange300 = "#f39200";
+export const purpurColorOrange400 = "#cc7a00";
+export const purpurColorOrange500 = "#a86602";
+export const purpurColorOrange600 = "#8b5301";
+export const purpurColorOrange700 = "#6a4102";
+export const purpurColorOrange800 = "#4c2f03";
+export const purpurColorOrange900 = "#2b1b03";
+export const purpurColorOrange950 = "#1a0f00";
+export const purpurColorBlue50 = "#e8f6ff";
+export const purpurColorBlue100 = "#caeaff";
+export const purpurColorBlue200 = "#91cdf4";
+export const purpurColorBlue300 = "#62b2e7";
+export const purpurColorBlue400 = "#3694d3";
+export const purpurColorBlue500 = "#0078cb";
+export const purpurColorBlue600 = "#0063a6";
+export const purpurColorBlue700 = "#014d80";
+export const purpurColorBlue800 = "#03385b";
+export const purpurColorBlue900 = "#002036";
+export const purpurColorBlue950 = "#011320";
+export const purpurColorTransparentBlack50 = "rgba(0, 0, 0, 0.05)";
+export const purpurColorTransparentBlack100 = "rgba(0, 0, 0, 0.1)";
+export const purpurColorTransparentBlack150 = "rgba(0, 0, 0, 0.16)";
+export const purpurColorTransparentBlack200 = "rgba(0, 0, 0, 0.22)";
+export const purpurColorTransparentBlack300 = "rgba(0, 0, 0, 0.33)";
+export const purpurColorTransparentBlack400 = "rgba(0, 0, 0, 0.44)";
+export const purpurColorTransparentBlack500 = "rgba(0, 0, 0, 0.54)";
+export const purpurColorTransparentBlack600 = "rgba(0, 0, 0, 0.62)";
+export const purpurColorTransparentBlack700 = "rgba(0, 0, 0, 0.71)";
+export const purpurColorTransparentBlack800 = "rgba(0, 0, 0, 0.8)";
+export const purpurColorTransparentBlack850 = "rgba(0, 0, 0, 0.84)";
+export const purpurColorTransparentBlack900 = "rgba(0, 0, 0, 0.88)";
+export const purpurColorTransparentBlack950 = "rgba(0, 0, 0, 0.93)";
+export const purpurColorTransparentWhite50 = "rgba(255, 255, 255, 0.07)";
+export const purpurColorTransparentWhite100 = "rgba(255, 255, 255, 0.11)";
+export const purpurColorTransparentWhite150 = "rgba(255, 255, 255, 0.16)";
+export const purpurColorTransparentWhite200 = "rgba(255, 255, 255, 0.21)";
+export const purpurColorTransparentWhite300 = "rgba(255, 255, 255, 0.29)";
+export const purpurColorTransparentWhite400 = "rgba(255, 255, 255, 0.37)";
+export const purpurColorTransparentWhite500 = "rgba(255, 255, 255, 0.46)";
+export const purpurColorTransparentWhite600 = "rgba(255, 255, 255, 0.55)";
+export const purpurColorTransparentWhite700 = "rgba(255, 255, 255, 0.66)";
+export const purpurColorTransparentWhite800 = "rgba(255, 255, 255, 0.79)";
+export const purpurColorTransparentWhite850 = "rgba(255, 255, 255, 0.84)";
+export const purpurColorTransparentWhite900 = "rgba(255, 255, 255, 0.89)";
+export const purpurColorTransparentWhite950 = "rgba(255, 255, 255, 0.95)";
+export const purpurColorFunctionalBlack = "#000000";
+export const purpurColorFunctionalWhite = "#ffffff";
+export const purpurColorFunctionalTransparent = "rgba(255, 255, 255, 0)";
+export const purpurColorBrandDeepPurple = "#29003e";
+export const purpurColorBrandCorePurple = "#990ae3";
+export const purpurColorBrandLightPurple = "#f4e0ff";
+export const purpurColorBrandDeepBeige = "#4f4741";
+export const purpurColorBrandBeige = "#ede1d8";
+export const purpurColorBrandLightBeige = "#f9f1ec";
+export const purpurColorBrandOffBlack = "#202022";
+export const purpurColorBrandWhite = "#ffffff";
+export const purpurColorTextDefault = "rgba(0, 0, 0, 0.84)";
+export const purpurColorTextMedium = "rgba(0, 0, 0, 0.62)";
+export const purpurColorTextWeak = "rgba(0, 0, 0, 0.44)";
+export const purpurColorTextDefaultNegative = "rgba(255, 255, 255, 0.95)";
+export const purpurColorTextMediumNegative = "rgba(255, 255, 255, 0.66)";
+export const purpurColorTextWeakNegative = "rgba(255, 255, 255, 0.37)";
+export const purpurColorTextInteractivePrimary = "#8c07d0";
+export const purpurColorTextInteractivePrimaryHover = "#6d02a3";
+export const purpurColorTextInteractivePrimaryActive = "#4e0174";
+export const purpurColorTextInteractiveOnPrimary = "#ffffff";
+export const purpurColorTextInteractiveOnPrimaryNegative = "#4e0174";
+export const purpurColorTextInteractivePrimaryNegative = "#e4b6fb";
+export const purpurColorTextInteractivePrimaryHoverNegative = "#f4e0ff";
+export const purpurColorTextInteractivePrimaryActiveNegative = "#faf0ff";
+export const purpurColorTextInteractiveOnExpressive = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveNegative = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveHover = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveHoverNegative = "#29003e";
+export const purpurColorTextInteractiveOnExpressiveActive = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveActiveNegative = "#29003e";
+export const purpurColorTextInteractiveOnDestructive = "#ffffff";
+export const purpurColorTextInteractiveSelected = "#990ae3";
+export const purpurColorTextStatusDiscount = "#990ae3";
+export const purpurColorTextStatusErrorStrong = "#980233";
+export const purpurColorTextStatusErrorStrongNegative = "#ff80ab";
+export const purpurColorTextStatusErrorMedium = "#e4175c";
+export const purpurColorTextStatusErrorMediumNegative = "#fb4885";
+export const purpurColorTextStatusSuccessStrong = "#02562b";
+export const purpurColorTextStatusSuccessStrongNegative = "#3dbf7c";
+export const purpurColorTextStatusSuccessMedium = "#018842";
+export const purpurColorTextStatusSuccessMediumNegative = "#1fa15e";
+export const purpurColorTextStatusWarningStrong = "#6a4102";
+export const purpurColorTextStatusWarningMedium = "#a86602";
+export const purpurColorTextStatusWarningMediumNegative = "#f39200";
+export const purpurColorTextStatusInfoStrong = "#014d80";
+export const purpurColorTextStatusInfoMedium = "#0078cb";
+export const purpurColorTextStatusNeutral = "rgba(0, 0, 0, 0.71)";
+export const purpurColorTextStatusSpecial = "#4e0174";
+export const purpurColorTextStatusAttention = "#ffffff";
+export const purpurColorTextStatusBlackFriday = "#ffffff";
+export const purpurColorTextToneOnTonePrimary = "#f4e0ff";
+export const purpurColorTextToneOnToneSecondary = "#29003e";
+export const purpurColorTextToneOnToneTertiary = "#4f4741";
+export const purpurColorBackgroundPrimary = "#ffffff";
+export const purpurColorBackgroundPrimaryNegative = "#1f002e";
+export const purpurColorBackgroundSecondary = "#f5f5fa";
+export const purpurColorBackgroundSecondaryNegative = "#29003e";
+export const purpurColorBackgroundOnImage = "rgba(255, 255, 255, 0.84)";
+export const purpurColorBackgroundOnImageNegative = "rgba(0, 0, 0, 0.71)";
+export const purpurColorBackgroundInteractiveAutoFill = "#e8f6ff";
+export const purpurColorBackgroundInteractivePrimary = "#4e0174";
+export const purpurColorBackgroundInteractivePrimaryHover = "#6d02a3";
+export const purpurColorBackgroundInteractivePrimaryActive = "#8c07d0";
+export const purpurColorBackgroundInteractivePrimaryNegative = "#f4e0ff";
+export const purpurColorBackgroundInteractivePrimaryHoverNegative = "#e4b6fb";
+export const purpurColorBackgroundInteractivePrimaryActiveNegative = "#d58df9";
+export const purpurColorBackgroundInteractiveExpressive = "#990ae3";
+export const purpurColorBackgroundInteractiveExpressiveHover = "#6d02a3";
+export const purpurColorBackgroundInteractiveExpressiveActive = "#4e0174";
+export const purpurColorBackgroundInteractiveExpressiveNegative = "#990ae3";
+export const purpurColorBackgroundInteractiveExpressiveHoverNegative = "#c461f7";
+export const purpurColorBackgroundInteractiveExpressiveActiveNegative = "#d58df9";
+export const purpurColorBackgroundInteractiveDisabled = "rgba(0, 0, 0, 0.1)";
+export const purpurColorBackgroundInteractiveDisabledNegative = "rgba(255, 255, 255, 0.11)";
+export const purpurColorBackgroundInteractiveTransparentHover = "#f4e0ff";
+export const purpurColorBackgroundInteractiveTransparentHoverNegative = "#4e0174";
+export const purpurColorBackgroundInteractiveTransparentActive = "#e4b6fb";
+export const purpurColorBackgroundInteractiveTransparentActiveNegative = "#6d02a3";
+export const purpurColorBackgroundInteractiveInactive = "rgba(0, 0, 0, 0.05)";
+export const purpurColorBackgroundInteractiveInactiveNegative = "rgba(255, 255, 255, 0.16)";
+export const purpurColorBackgroundInteractiveReadOnly = "rgba(0, 0, 0, 0.05)";
+export const purpurColorBackgroundInteractiveReadOnlyNegative = "rgba(255, 255, 255, 0.11)";
+export const purpurColorBackgroundInteractiveDestructive = "#e4175c";
+export const purpurColorBackgroundInteractiveDestructiveHover = "#c00543";
+export const purpurColorBackgroundInteractiveDestructiveActive = "#980233";
+export const purpurColorBackgroundStatusInfoMedium = "#caeaff";
+export const purpurColorBackgroundStatusInfoStrong = "#3694d3";
+export const purpurColorBackgroundStatusSuccessMedium = "#c5efd9";
+export const purpurColorBackgroundStatusSuccessStrong = "#1fa15e";
+export const purpurColorBackgroundStatusSuccessStrongNegative = "#3dbf7c";
+export const purpurColorBackgroundStatusErrorMedium = "#ffdde8";
+export const purpurColorBackgroundStatusErrorStrong = "#fb4885";
+export const purpurColorBackgroundStatusErrorStrongNegative = "#ff80ab";
+export const purpurColorBackgroundStatusWarningMedium = "#ffe1b3";
+export const purpurColorBackgroundStatusWarningStrong = "#cc7a00";
+export const purpurColorBackgroundStatusWarningStrongNegative = "#f39200";
+export const purpurColorBackgroundStatusNeutral = "#d6d6dd";
+export const purpurColorBackgroundStatusSpecial = "#f4e0ff";
+export const purpurColorBackgroundStatusAttention = "#6d02a3";
+export const purpurColorBackgroundStatusBlackFriday = "#202022";
+export const purpurColorBackgroundToneOnTonePrimary = "#29003e";
+export const purpurColorBackgroundToneOnToneSecondary = "#f4e0ff";
+export const purpurColorBackgroundToneOnToneTertiary = "#ede1d8";
+export const purpurColorBackgroundToneOnToneQuaternary = "#f9f1ec";
+export const purpurColorBorderMedium = "rgba(0, 0, 0, 0.33)";
+export const purpurColorBorderMediumNegative = "rgba(255, 255, 255, 0.29)";
+export const purpurColorBorderStrong = "rgba(0, 0, 0, 0.54)";
+export const purpurColorBorderStrongNegative = "rgba(255, 255, 255, 0.46)";
+export const purpurColorBorderWeak = "rgba(0, 0, 0, 0.16)";
+export const purpurColorBorderWeakNegative = "rgba(255, 255, 255, 0.16)";
+export const purpurColorBorderInteractiveFocus = "#b12df4";
+export const purpurColorBorderInteractivePrimary = "#8c07d0";
+export const purpurColorBorderInteractivePrimaryNegative = "#e4b6fb";
+export const purpurColorBorderInteractivePrimaryHover = "#6d02a3";
+export const purpurColorBorderInteractivePrimaryActive = "#4e0174";
+export const purpurColorBorderInteractivePrimaryHoverNegative = "#f4e0ff";
+export const purpurColorBorderInteractivePrimaryActiveNegative = "#faf0ff";
+export const purpurColorBorderInteractiveExpressive = "#990ae3";
+export const purpurColorBorderInteractiveSelected = "#990ae3";
+export const purpurColorBorderInteractiveSubtle = "rgba(0, 0, 0, 0.44)";
+export const purpurColorBorderInteractiveSubtleNegative = "rgba(255, 255, 255, 0.46)";
+export const purpurColorBorderInteractiveSubtleHover = "#6d02a3";
+export const purpurColorBorderInteractiveSubtleHoverNegative = "#c461f7";
+export const purpurColorBorderStatusError = "#e4175c";
+export const purpurColorBorderStatusErrorNegative = "#fb4885";
+export const purpurColorBorderStatusWarning = "#cc7a00";
+export const purpurColorBorderStatusInfo = "#0078cb";
+export const purpurColorBorderStatusSuccess = "#018842";
+export const purpurColorBorderStatusSuccessNegative = "#1fa15e";
+export const purpurColorOverlayDefault = "rgba(0, 0, 0, 0.33)";
+export const purpurColorGradientAiBottom = "#3694d3";
+export const purpurColorGradientAiBottomNegative = "#62b2e7";
+export const purpurColorGradientAiTop = "#b12df4";
+export const purpurColorGradientAiTopNegative = "#d58df9";