@purpur/library 9.0.1 → 9.0.3

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

@@ -0,0 +1,251 @@
+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 = "#f4e0ff";
+export const purpurColorBrandCorePurple = "#c461f7";
+export const purpurColorBrandLightPurple = "#29003e";
+export const purpurColorBrandDeepBeige = "#ede1d8";
+export const purpurColorBrandBeige = "#4f4741";
+export const purpurColorBrandLightBeige = "#3b332d";
+export const purpurColorBrandOffBlack = "#ffffff";
+export const purpurColorBrandWhite = "#202022";
+export const purpurColorTextDefault = "rgba(255, 255, 255, 0.95)";
+export const purpurColorTextMedium = "rgba(255, 255, 255, 0.66)";
+export const purpurColorTextWeak = "rgba(255, 255, 255, 0.37)";
+export const purpurColorTextDefaultNegative = "rgba(0, 0, 0, 0.8)";
+export const purpurColorTextMediumNegative = "rgba(0, 0, 0, 0.54)";
+export const purpurColorTextWeakNegative = "rgba(0, 0, 0, 0.44)";
+export const purpurColorTextInteractivePrimary = "#e4b6fb";
+export const purpurColorTextInteractivePrimaryHover = "#f4e0ff";
+export const purpurColorTextInteractivePrimaryActive = "#faf0ff";
+export const purpurColorTextInteractiveOnPrimary = "#4e0174";
+export const purpurColorTextInteractiveOnPrimaryNegative = "#ffffff";
+export const purpurColorTextInteractivePrimaryNegative = "#8c07d0";
+export const purpurColorTextInteractivePrimaryHoverNegative = "#6d02a3";
+export const purpurColorTextInteractivePrimaryActiveNegative = "#4e0174";
+export const purpurColorTextInteractiveOnExpressive = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveNegative = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveHover = "#29003e";
+export const purpurColorTextInteractiveOnExpressiveHoverNegative = "#ffffff";
+export const purpurColorTextInteractiveOnExpressiveActive = "#29003e";
+export const purpurColorTextInteractiveOnExpressiveActiveNegative = "#ffffff";
+export const purpurColorTextInteractiveOnDestructive = "#ffffff";
+export const purpurColorTextInteractiveSelected = "#d58df9";
+export const purpurColorTextStatusDiscount = "#d58df9";
+export const purpurColorTextStatusErrorStrong = "#ffafc9";
+export const purpurColorTextStatusErrorStrongNegative = "#980233";
+export const purpurColorTextStatusErrorMedium = "#fb4885";
+export const purpurColorTextStatusErrorMediumNegative = "#e4175c";
+export const purpurColorTextStatusSuccessStrong = "#79d9a7";
+export const purpurColorTextStatusSuccessStrongNegative = "#02562b";
+export const purpurColorTextStatusSuccessMedium = "#1fa15e";
+export const purpurColorTextStatusWarningStrong = "#f9bb5b";
+export const purpurColorTextStatusWarningMedium = "#f39200";
+export const purpurColorTextStatusWarningMediumNegative = "#a86602";
+export const purpurColorTextStatusInfoStrong = "#91cdf4";
+export const purpurColorTextStatusInfoMedium = "#3694d3";
+export const purpurColorTextStatusNeutral = "#ffffff";
+export const purpurColorTextStatusSpecial = "#ffffff";
+export const purpurColorTextStatusAttention = "#4e0174";
+export const purpurColorTextStatusBlackFriday = "#202022";
+export const purpurColorTextToneOnTonePrimary = "#29003e";
+export const purpurColorTextToneOnToneSecondary = "#f4e0ff";
+export const purpurColorTextToneOnToneTertiary = "#ffffff";
+export const purpurColorBackgroundPrimary = "#121212";
+export const purpurColorBackgroundPrimaryNegative = "#ffffff";
+export const purpurColorBackgroundSecondary = "#202022";
+export const purpurColorBackgroundSecondaryNegative = "#f5f5fa";
+export const purpurColorBackgroundOnImage = "rgba(0, 0, 0, 0.71)";
+export const purpurColorBackgroundOnImageNegative = "rgba(255, 255, 255, 0.84)";
+export const purpurColorBackgroundInteractiveAutoFill = "#03385b";
+export const purpurColorBackgroundInteractivePrimary = "#f4e0ff";
+export const purpurColorBackgroundInteractivePrimaryHover = "#e4b6fb";
+export const purpurColorBackgroundInteractivePrimaryActive = "#d58df9";
+export const purpurColorBackgroundInteractivePrimaryNegative = "#4e0174";
+export const purpurColorBackgroundInteractivePrimaryHoverNegative = "#6d02a3";
+export const purpurColorBackgroundInteractivePrimaryActiveNegative = "#8c07d0";
+export const purpurColorBackgroundInteractiveExpressive = "#990ae3";
+export const purpurColorBackgroundInteractiveExpressiveHover = "#c461f7";
+export const purpurColorBackgroundInteractiveExpressiveActive = "#d58df9";
+export const purpurColorBackgroundInteractiveExpressiveNegative = "#990ae3";
+export const purpurColorBackgroundInteractiveExpressiveHoverNegative = "#6d02a3";
+export const purpurColorBackgroundInteractiveExpressiveActiveNegative = "#4e0174";
+export const purpurColorBackgroundInteractiveDisabled = "rgba(255, 255, 255, 0.11)";
+export const purpurColorBackgroundInteractiveDisabledNegative = "rgba(0, 0, 0, 0.1)";
+export const purpurColorBackgroundInteractiveTransparentHover = "#4e0174";
+export const purpurColorBackgroundInteractiveTransparentHoverNegative = "#e4b6fb";
+export const purpurColorBackgroundInteractiveTransparentActive = "#6d02a3";
+export const purpurColorBackgroundInteractiveTransparentActiveNegative = "#d58df9";
+export const purpurColorBackgroundInteractiveInactive = "rgba(255, 255, 255, 0.16)";
+export const purpurColorBackgroundInteractiveInactiveNegative = "rgba(0, 0, 0, 0.05)";
+export const purpurColorBackgroundInteractiveReadOnly = "rgba(255, 255, 255, 0.07)";
+export const purpurColorBackgroundInteractiveReadOnlyNegative = "rgba(0, 0, 0, 0.05)";
+export const purpurColorBackgroundInteractiveDestructive = "#e4175c";
+export const purpurColorBackgroundInteractiveDestructiveHover = "#c00543";
+export const purpurColorBackgroundInteractiveDestructiveActive = "#980233";
+export const purpurColorBackgroundStatusInfoMedium = "#03385b";
+export const purpurColorBackgroundStatusInfoStrong = "#62b2e7";
+export const purpurColorBackgroundStatusSuccessMedium = "#003e1e";
+export const purpurColorBackgroundStatusSuccessStrong = "#3dbf7c";
+export const purpurColorBackgroundStatusSuccessStrongNegative = "#1fa15e";
+export const purpurColorBackgroundStatusErrorMedium = "#700025";
+export const purpurColorBackgroundStatusErrorStrong = "#ff80ab";
+export const purpurColorBackgroundStatusErrorStrongNegative = "#fb4885";
+export const purpurColorBackgroundStatusWarningMedium = "#4c2f03";
+export const purpurColorBackgroundStatusWarningStrong = "#f39200";
+export const purpurColorBackgroundStatusWarningStrongNegative = "#f39200";
+export const purpurColorBackgroundStatusNeutral = "#353537";
+export const purpurColorBackgroundStatusSpecial = "#6d02a3";
+export const purpurColorBackgroundStatusAttention = "#f4e0ff";
+export const purpurColorBackgroundStatusBlackFriday = "#ffffff";
+export const purpurColorBackgroundToneOnTonePrimary = "#f4e0ff";
+export const purpurColorBackgroundToneOnToneSecondary = "#29003e";
+export const purpurColorBackgroundToneOnToneTertiary = "#4f4741";
+export const purpurColorBackgroundToneOnToneQuaternary = "#2d2824";
+export const purpurColorBorderMedium = "rgba(255, 255, 255, 0.29)";
+export const purpurColorBorderMediumNegative = "rgba(0, 0, 0, 0.33)";
+export const purpurColorBorderStrong = "rgba(255, 255, 255, 0.46)";
+export const purpurColorBorderStrongNegative = "rgba(0, 0, 0, 0.54)";
+export const purpurColorBorderWeak = "rgba(255, 255, 255, 0.16)";
+export const purpurColorBorderWeakNegative = "rgba(0, 0, 0, 0.16)";
+export const purpurColorBorderInteractiveFocus = "#c461f7";
+export const purpurColorBorderInteractivePrimary = "#e4b6fb";
+export const purpurColorBorderInteractivePrimaryNegative = "#8c07d0";
+export const purpurColorBorderInteractivePrimaryHover = "#f4e0ff";
+export const purpurColorBorderInteractivePrimaryActive = "#faf0ff";
+export const purpurColorBorderInteractivePrimaryHoverNegative = "#6d02a3";
+export const purpurColorBorderInteractivePrimaryActiveNegative = "#4e0174";
+export const purpurColorBorderInteractiveExpressive = "#990ae3";
+export const purpurColorBorderInteractiveSelected = "#d58df9";
+export const purpurColorBorderInteractiveSubtle = "rgba(255, 255, 255, 0.37)";
+export const purpurColorBorderInteractiveSubtleNegative = "rgba(0, 0, 0, 0.44)";
+export const purpurColorBorderInteractiveSubtleHover = "#e4b6fb";
+export const purpurColorBorderInteractiveSubtleHoverNegative = "#6d02a3";
+export const purpurColorBorderStatusError = "#fb4885";
+export const purpurColorBorderStatusErrorNegative = "#e4175c";
+export const purpurColorBorderStatusWarning = "#f39200";
+export const purpurColorBorderStatusInfo = "#3694d3";
+export const purpurColorBorderStatusSuccess = "#1fa15e";
+export const purpurColorBorderStatusSuccessNegative = "#018842";
+export const purpurColorOverlayDefault = "rgba(0, 0, 0, 0.33)";
+export const purpurColorGradientAiBottom = "#62b2e7";
+export const purpurColorGradientAiBottomNegative = "#3694d3";
+export const purpurColorGradientAiTop = "#d58df9";
+export const purpurColorGradientAiTopNegative = "#b12df4";

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

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