npm - @mario_hahn/jumpy-ui - Versions diffs - 0.8.1 → 0.10.0 - Mend

@mario_hahn/jumpy-ui 0.8.1 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3036) hide show

package/tokens/web/js/berry/variables.js DELETED Viewed

@@ -1,2112 +0,0 @@
-/**
- * Do not edit directly, this file was auto-generated.
- */
-export default {
-  "jumpy": {
-    "color": {
-      "light": {
-        "agp": {
-          "dark": {
-            "red": {
-              "150": "#E2BBB7FF",
-              "300": "#C5776FFF",
-              "500": "#9E1C0FFF",
-              "700": "#631E17FF",
-              "950": "#4F0E08FF"
-            }
-          },
-          "green": {
-            "150": "#D5DFBCFF",
-            "300": "#AABF79FF",
-            "500": "#72941FFF",
-            "700": "#566C1DFF",
-            "950": "#394A10FF"
-          },
-          "orange": {
-            "150": "#F6D1B2FF",
-            "300": "#EEA366FF",
-            "500": "#E26500FF",
-            "700": "#BB5400FF",
-            "950": "#713300FF"
-          },
-          "red": {
-            "150": "#F4C0BAFF",
-            "300": "#E88175FF",
-            "500": "#D92D1AFF",
-            "700": "#840F01FF",
-            "950": "#6C170DFF"
-          },
-          "yellow": {
-            "150": "#FBE5B8FF",
-            "300": "#F7CC71FF",
-            "500": "#F2AA13FF",
-            "700": "#C38500FF",
-            "950": "#79550AFF"
-          },
-          "background": {
-            "high": "#FBE5B8FF",
-            "in": {
-              "range": "#D5DFBCFF"
-            },
-            "low": "#F4C0BAFF",
-            "very": {
-              "high": "#F6D1B2FF",
-              "low": "#E2BBB7FF"
-            }
-          },
-          "foreground": {
-            "high": "#C38500FF",
-            "in": {
-              "range": "#566C1DFF"
-            },
-            "low": "#D92D1AFF",
-            "very": {
-              "high": "#E26500FF",
-              "low": "#9E1C0FFF"
-            }
-          },
-          "interface": {
-            "high": "#F2AA13FF",
-            "in": {
-              "range": "#72941FFF"
-            },
-            "low": "#D92D1AFF",
-            "no": {
-              "value": "#B5B5B5FF"
-            },
-            "very": {
-              "high": "#E26500FF",
-              "low": "#9E1C0FFF"
-            }
-          }
-        },
-        "beige": {
-          "100": "#FFF7F5FF",
-          "200": "#FFE8DEFF",
-          "300": "#FAD6C7FF",
-          "400": "#FAC9B5FF",
-          "500": "#F0B69EFF",
-          "600": "#D8AB97FF",
-          "700": "#BE9476FF",
-          "800": "#86521DFF",
-          "900": "#5D3921FF"
-        },
-        "blue": {
-          "100": "#F5F9FFFF",
-          "200": "#DAEDFBFF",
-          "300": "#BDE3FFFF",
-          "400": "#8CCFFFFF",
-          "500": "#5E94EDFF",
-          "600": "#1482FAFF",
-          "700": "#0B41CDFF",
-          "800": "#1942A3FF",
-          "900": "#022366FF",
-          "1000": "#071227FF"
-        },
-        "green": {
-          "100": "#E7F3EAFF",
-          "200": "#CEE7D8FF",
-          "300": "#9DCEB6FF",
-          "400": "#54AA81FF",
-          "500": "#00874AFF",
-          "600": "#005F34FF",
-          "700": "#004425FF",
-          "800": "#00361EFF",
-          "900": "#001B0FFF"
-        },
-        "magenta": {
-          "100": "#EAADD8FF",
-          "200": "#E87DC4FF",
-          "300": "#E557B3FF",
-          "400": "#E13EA2FF",
-          "500": "#DD2391FF",
-          "600": "#D60078FF",
-          "700": "#CB0174FF",
-          "800": "#B2046BFF"
-        },
-        "my": {
-          "amber": {
-            "100": "#FBF3E3FF",
-            "200": "#F7E7C7FF",
-            "300": "#F2D7A2FF",
-            "400": "#EABF6AFF",
-            "500": "#E5AF45FF",
-            "600": "#B78C37FF",
-            "700": "#7E6026FF",
-            "800": "#654D1EFF",
-            "900": "#453515FF"
-          },
-          "aqua": {
-            "100": "#E5F6F3FF",
-            "200": "#CAEDE7FF",
-            "300": "#A7E1D8FF",
-            "400": "#72CEC0FF",
-            "500": "#4FC2B0FF",
-            "600": "#3F9B8DFF",
-            "700": "#327C71FF",
-            "800": "#2B6960FF",
-            "900": "#183A35FF"
-          },
-          "azure": {
-            "100": "#E3F2FFFF",
-            "200": "#C6E4FFFF",
-            "300": "#A0D3FFFF",
-            "400": "#67B8FFFF",
-            "500": "#41A6FFFF",
-            "600": "#3485CCFF",
-            "700": "#2C71ADFF",
-            "800": "#256093FF",
-            "900": "#14324DFF"
-          },
-          "blue": {
-            "100": "#DEF5F8FF",
-            "200": "#BEECF1FF",
-            "300": "#93DFE7FF",
-            "400": "#51CBD9FF",
-            "500": "#26BECFFF",
-            "600": "#1E98A6FF",
-            "700": "#1A818DFF",
-            "800": "#156771FF",
-            "900": "#0B393EFF"
-          },
-          "orange": {
-            "100": "#FFEDDDFF",
-            "200": "#FFDBBAFF",
-            "300": "#FFC48CFF",
-            "400": "#FFA047FF",
-            "500": "#FF8819FF",
-            "600": "#E86A0FFF",
-            "700": "#BA550CFF",
-            "800": "#95440AFF",
-            "900": "#4D2908FF"
-          },
-          "pink": {
-            "100": "#F8E6F8FF",
-            "200": "#F0CCF1FF",
-            "300": "#E7AAE7FF",
-            "400": "#D877D9FF",
-            "500": "#CE55CFFF",
-            "600": "#A544A6FF",
-            "700": "#8C3A8DFF",
-            "800": "#773178FF",
-            "900": "#3E1A3EFF"
-          },
-          "purple": {
-            "100": "#F1ECF9FF",
-            "200": "#E3DAF2FF",
-            "300": "#D0C1EAFF",
-            "400": "#B49CDDFF",
-            "500": "#A183D4FF",
-            "600": "#895AC3FF",
-            "700": "#744DA6FF",
-            "800": "#63418DFF",
-            "900": "#302740FF"
-          }
-        },
-        "orange": {
-          "100": "#FFF1E0FF",
-          "200": "#FFDDB3FF",
-          "250": "#FFBD69FF",
-          "300": "#FF9B5AFF",
-          "400": "#FF7D29FF",
-          "500": "#FD6423FF",
-          "600": "#ED4A0DFF",
-          "700": "#B22B0DFF",
-          "800": "#8E1C02FF"
-        },
-        "purple": {
-          "100": "#F2D4FFFF",
-          "200": "#EBB4FEFF",
-          "300": "#E085FCFF",
-          "400": "#D151FEFF",
-          "500": "#BC36F0FF",
-          "600": "#A320D3FF",
-          "700": "#8A0BAAFF",
-          "800": "#7D0096FF",
-          "base": "#D151FEFF",
-          "darkbase": "#BC36F0FF",
-          "lightbase": "#E085FCFF",
-          "ultradark": "#7D0096FF",
-          "ultralight": "#F2D4FFFF"
-        },
-        "red": {
-          "100": "#FFDDE1FF",
-          "200": "#F6B7BEFF",
-          "300": "#E68098FF",
-          "400": "#DB4D67FF",
-          "500": "#CC0033FF",
-          "600": "#A30014FF",
-          "700": "#7A000FFF",
-          "800": "#52000FFF",
-          "900": "#29000AFF"
-        },
-        "yellow": {
-          "100": "#FFF9E8FF",
-          "200": "#FFEDB9FF",
-          "250": "#FFE28AFF",
-          "300": "#FFD043FF",
-          "400": "#FFC414FF",
-          "500": "#9B5400FF",
-          "600": "#67370AFF",
-          "700": "#391C00FF",
-          "800": "#1D0E00FF"
-        }
-      },
-      "background": {
-        "default": "#F8F3F8"
-      },
-      "brand": {
-        "0": "rgba(255, 200, 0, 0)",
-        "100": "#FFF7D9FF",
-        "200": "#FFEFB3FF",
-        "300": "#FDE280FF",
-        "400": "#FBD033FF",
-        "500": "#FFC800FF",
-        "600": "#C89D00FF",
-        "700": "#8C6E00FF",
-        "800": "#735A00FF",
-        "900": "#7A3268",
-        "base": "#8F3D7A",
-        "keyline": "rgba(255, 200, 0, 0)",
-        "ultralight": "#FFEFB3FF"
-      },
-      "illustration": {
-        "solid": {
-          "dark": "#5D7B00FF",
-          "extra": {
-            "light": "#F9FCF4FF"
-          },
-          "glow": "#F9FCF4FF",
-          "light": "#DDEABEFF",
-          "medium": "#8EB927FF",
-          "white": "#FFFFFFFF"
-        },
-        "translucid": {
-          "dark": "#5D7B0066",
-          "extra": {
-            "light": "#F9FCF466"
-          },
-          "glow": "#F9FCF466",
-          "light": "#DDEABE66",
-          "medium": "#8EB92766",
-          "white": "#FFFFFF66"
-        },
-        "transparent": {
-          "glow": "rgba(249, 252, 244, 0)",
-          "white": "rgba(255, 255, 255, 0)"
-        }
-      },
-      "neutral": {
-        "0": "#121212FF",
-        "50": "#1212123D",
-        "100": "#F6F6F6FF",
-        "200": "#E3E3E3FF",
-        "300": "#D1D1D1FF",
-        "400": "#B5B5B5FF",
-        "500": "#949494FF",
-        "600": "#737373FF",
-        "700": "#666666FF",
-        "800": "#4D4D4DFF",
-        "900": "#343434FF",
-        "1000": "#121212FF",
-        "base": "#575B5E",
-        "box": {
-          "shadow": "#1212123D"
-        },
-        "dark": "#343434FF",
-        "darkbase": "#241A23",
-        "extradark": "#241A23",
-        "extralight": "rgba(87,91,94,0.15)",
-        "light": "#6F5A6B",
-        "lightbase": "#737373FF",
-        "megalight": "#F6F6F6FF",
-        "modal": "#121212FF",
-        "superlight": "#E3E3E3FF",
-        "ultralight": "#F7EEF7"
-      },
-      "primary": {
-        "100": "#F9FCF4FF",
-        "200": "#F4F8E9FF",
-        "300": "#EEF5DFFF",
-        "400": "#DDEABEFF",
-        "500": "#C7DC93FF",
-        "600": "#C86CAF",
-        "700": "#5D7B00FF",
-        "800": "#556F17FF",
-        "900": "#394A10FF",
-        "1000": "#2B380CFF",
-        "base": "#8F3D7A",
-        "dark": "#8F3D7A",
-        "darkbase": "#7A3268",
-        "extradark": "#2B380CFF",
-        "extralight": "rgba(143,61,122,0.2)",
-        "light": "#DDEABEFF",
-        "lightbase": "#C86CAF",
-        "megalight": "rgba(143,61,122,0.08)",
-        "ultralight": "rgba(143,61,122,0.08)"
-      },
-      "secondary": {
-        "100": "#FFF9F4FF",
-        "200": "#FFF3E8FF",
-        "300": "#FFEDDDFF",
-        "400": "#FFDBBAFF",
-        "500": "#FFC48CFF"
-      },
-      "non": {
-        "color": {
-          "color": {
-            "black": "#000000FF",
-            "white": "#FFFFFFFF"
-          },
-          "transparent": "rgba(255, 255, 255, 0)",
-          "always": {
-            "ultradark": "#1A1C1F",
-            "ultralight": "#FFFFFF"
-          },
-          "contrast": {
-            "ultradark": "#000000FF",
-            "ultralight": "#FFFFFFFF"
-          }
-        }
-      },
-      "alarm": {
-        "base": "#DC2626",
-        "dark": "#7F1D1D",
-        "darkbase": "#7F1D1D",
-        "extradark": "#52000FFF",
-        "extralight": "rgba(239,68,68,0.25)",
-        "light": "#E68098FF",
-        "lightbase": "#DB4D67FF",
-        "ultradark": "#29000AFF",
-        "ultralight": "rgba(239,68,68,0.1)"
-      },
-      "positive": {
-        "base": "#128A42",
-        "dark": "#004425FF",
-        "darkbase": "#005F34FF",
-        "extradark": "#00361EFF",
-        "extralight": "rgba(18,138,66,0.25)",
-        "light": "#9DCEB6FF",
-        "lightbase": "#54AA81FF",
-        "ultradark": "#001B0FFF",
-        "ultralight": "rgba(18,138,66,0.1)"
-      },
-      "warning": {
-        "base": "#F59E0B",
-        "dark": "#67370AFF",
-        "darkbase": "#9B5400FF",
-        "extradark": "#391C00FF",
-        "extralight": "rgba(245,158,11,0.25)",
-        "light": "#FFE28AFF",
-        "lightbase": "#FFD043FF",
-        "ultradark": "#1D0E00FF",
-        "ultralight": "rgba(245,158,11,0.1)"
-      }
-    },
-    "actions": {
-      "borderless": {
-        "alarm": {
-          "default": {
-            "action": "#DC2626",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#DC2626",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#DC2626"
-          },
-          "disabled": {
-            "action": "rgba(87,91,94,0.15)",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "action": "#DC2626",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#DC2626",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#DC2626"
-          },
-          "hover": {
-            "action": "#7F1D1D",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#7F1D1D",
-            "surface": {
-              "$value": "rgba(239,68,68,0.1)",
-              "alternate": "rgba(239,68,68,0.25)"
-            },
-            "text": "#7F1D1D"
-          },
-          "pressed": {
-            "action": "#7F1D1D",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#52000FFF",
-            "surface": "rgba(239,68,68,0.25)",
-            "text": "#52000FFF"
-          }
-        },
-        "regular": {
-          "default": {
-            "action": "#241A23",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#8F3D7A",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#8F3D7A"
-          },
-          "disabled": {
-            "action": "rgba(87,91,94,0.15)",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "action": "#241A23",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#8F3D7A",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#8F3D7A"
-          },
-          "hover": {
-            "action": "#343434FF",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#8F3D7A",
-            "surface": {
-              "$value": "rgba(143,61,122,0.08)",
-              "alternate": "rgba(143,61,122,0.08)"
-            },
-            "text": "#8F3D7A"
-          },
-          "pressed": {
-            "action": "#343434FF",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#8F3D7A",
-            "surface": "rgba(143,61,122,0.08)",
-            "text": "#8F3D7A"
-          }
-        }
-      },
-      "primary": {
-        "alarm": {
-          "default": {
-            "border": "#FFFFFFFF",
-            "icon": "#FFFFFFFF",
-            "surface": "#DC2626",
-            "text": "#FFFFFFFF"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": {
-              "$value": "#F7EEF7",
-              "alternate": "#F6F6F6FF"
-            },
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "#FFFFFFFF",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#FFFFFFFF",
-            "surface": "#DC2626",
-            "text": "#FFFFFFFF"
-          },
-          "hover": {
-            "border": "#FFFFFFFF",
-            "icon": "#FFFFFFFF",
-            "surface": "#7F1D1D",
-            "text": "#FFFFFFFF"
-          },
-          "pressed": {
-            "border": "#FFFFFFFF",
-            "icon": "#FFFFFFFF",
-            "surface": "#7F1D1D",
-            "text": "#FFFFFFFF"
-          }
-        },
-        "info": {
-          "default": {
-            "border": "#000000FF",
-            "icon": "#000000FF",
-            "surface": "#F7EEF7",
-            "text": "#000000FF"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": {
-              "$value": "#F7EEF7",
-              "alternate": "#F6F6F6FF"
-            },
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "#000000FF",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#000000FF",
-            "surface": "#F7EEF7",
-            "text": "#000000FF"
-          },
-          "hover": {
-            "border": "#000000FF",
-            "icon": "#000000FF",
-            "surface": "rgba(87,91,94,0.15)",
-            "text": "#000000FF"
-          },
-          "pressed": {
-            "border": "#000000FF",
-            "icon": "#000000FF",
-            "surface": "#F6F6F6FF",
-            "text": "#000000FF"
-          }
-        },
-        "regular": {
-          "default": {
-            "border": "#8F3D7A",
-            "icon": "#FFFFFFFF",
-            "surface": "#8F3D7A",
-            "text": "#FFFFFFFF"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "#6F5A6B",
-            "surface": {
-              "$value": "#F7EEF7",
-              "alternate": "#F6F6F6FF"
-            },
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "#8F3D7A",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#FFFFFFFF",
-            "surface": "#8F3D7A",
-            "text": "#FFFFFFFF"
-          },
-          "hover": {
-            "border": "#8F3D7A",
-            "icon": "#FFFFFFFF",
-            "surface": "#7A3268",
-            "text": "#FFFFFFFF"
-          },
-          "pressed": {
-            "border": "#8F3D7A",
-            "icon": "#FFFFFFFF",
-            "surface": "#8F3D7A",
-            "text": "#FFFFFFFF"
-          }
-        },
-        "warning": {
-          "default": {
-            "border": "#1A1C1F",
-            "icon": "#1A1C1F",
-            "surface": "#F59E0B",
-            "text": "#1A1C1F"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": {
-              "$value": "#F7EEF7",
-              "alternate": "#F6F6F6FF"
-            },
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "#1A1C1F",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#1A1C1F",
-            "surface": "#F59E0B",
-            "text": "#1A1C1F"
-          },
-          "hover": {
-            "border": "#1A1C1F",
-            "icon": "#1A1C1F",
-            "surface": "#FFE28AFF",
-            "text": "#1A1C1F"
-          },
-          "pressed": {
-            "border": "#1A1C1F",
-            "icon": "#1A1C1F",
-            "surface": "rgba(245,158,11,0.25)",
-            "text": "#1A1C1F"
-          }
-        }
-      },
-      "secondary": {
-        "alarm": {
-          "default": {
-            "action": "#DC2626",
-            "border": "#6F5A6B",
-            "icon": "#DC2626",
-            "surface": "#FFFFFFFF",
-            "text": "#DC2626"
-          },
-          "disabled": {
-            "action": "rgba(87,91,94,0.15)",
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": "#FFFFFFFF",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "action": "#DC2626",
-            "border": "#6F5A6B",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#DC2626",
-            "surface": "#FFFFFFFF",
-            "text": "#DC2626"
-          },
-          "hover": {
-            "action": "#7F1D1D",
-            "border": "#575B5E",
-            "icon": "#7F1D1D",
-            "surface": {
-              "$value": "rgba(239,68,68,0.1)",
-              "alternate": "rgba(239,68,68,0.25)"
-            },
-            "text": "#7F1D1D"
-          },
-          "pressed": {
-            "action": "#7F1D1D",
-            "border": "#6F5A6B",
-            "icon": "#52000FFF",
-            "surface": "rgba(239,68,68,0.25)",
-            "text": "#52000FFF"
-          }
-        },
-        "regular": {
-          "default": {
-            "action": "#241A23",
-            "border": "#6F5A6B",
-            "icon": "#8F3D7A",
-            "surface": "#FFFFFFFF",
-            "text": "#8F3D7A"
-          },
-          "disabled": {
-            "action": "rgba(87,91,94,0.15)",
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": "#FFFFFFFF",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "action": "#241A23",
-            "border": "#6F5A6B",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#8F3D7A",
-            "surface": "#FFFFFFFF",
-            "text": "#8F3D7A"
-          },
-          "hover": {
-            "action": "#343434FF",
-            "border": "#575B5E",
-            "icon": "#8F3D7A",
-            "surface": {
-              "$value": "rgba(143,61,122,0.08)",
-              "alternate": "rgba(143,61,122,0.08)"
-            },
-            "text": "#8F3D7A"
-          },
-          "pressed": {
-            "action": "#343434FF",
-            "border": "#6F5A6B",
-            "icon": "#8F3D7A",
-            "surface": "rgba(143,61,122,0.08)",
-            "text": "#8F3D7A"
-          }
-        }
-      },
-      "tertiary": {
-        "alarm": {
-          "default": {
-            "action": "#DC2626",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#DC2626",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#DC2626"
-          },
-          "disabled": {
-            "action": "rgba(87,91,94,0.15)",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "action": "#DC2626",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#DC2626",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#DC2626"
-          },
-          "hover": {
-            "action": "#7F1D1D",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#7F1D1D",
-            "surface": {
-              "$value": "rgba(239,68,68,0.1)",
-              "alternate": "rgba(239,68,68,0.25)"
-            },
-            "text": "#7F1D1D"
-          },
-          "pressed": {
-            "action": "#7F1D1D",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#52000FFF",
-            "surface": "rgba(239,68,68,0.25)",
-            "text": "#52000FFF"
-          }
-        },
-        "regular": {
-          "default": {
-            "action": "#241A23",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#8F3D7A",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#8F3D7A"
-          },
-          "disabled": {
-            "action": "rgba(87,91,94,0.15)",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "rgba(87,91,94,0.15)",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "action": "#241A23",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#8F3D7A",
-            "surface": "rgba(255, 255, 255, 0)",
-            "text": "#8F3D7A"
-          },
-          "hover": {
-            "action": "#343434FF",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#8F3D7A",
-            "surface": {
-              "$value": "rgba(143,61,122,0.08)",
-              "alternate": "rgba(143,61,122,0.08)"
-            },
-            "text": "#8F3D7A"
-          },
-          "pressed": {
-            "action": "#343434FF",
-            "border": "rgba(255, 255, 255, 0)",
-            "focus": "rgba(255, 255, 255, 0)",
-            "icon": "#8F3D7A",
-            "surface": "rgba(143,61,122,0.08)",
-            "text": "#8F3D7A"
-          }
-        }
-      }
-    },
-    "card": {
-      "active": {
-        "default": {
-          "border": "rgba(87,91,94,0.15)",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "disabled": {
-          "border": "#F7EEF7",
-          "icon": "rgba(87,91,94,0.15)",
-          "subtext": "#6F5A6B",
-          "surface": "#F7EEF7",
-          "text": "#6F5A6B"
-        },
-        "dragged": {
-          "border": "#8F3D7A",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.2)",
-          "text": "#343434FF"
-        },
-        "focus": {
-          "border": "rgba(87,91,94,0.15)",
-          "focus": {
-            "ring": "#8F3D7A"
-          },
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "hover": {
-          "border": "#C86CAF",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "pressed": {
-          "border": "#8F3D7A",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.2)",
-          "text": "#343434FF"
-        }
-      },
-      "inactive": {
-        "default": {
-          "border": "rgba(87,91,94,0.15)",
-          "icon": "#241A23",
-          "subtext": "#241A23",
-          "surface": "#FFFFFFFF",
-          "text": "#343434FF"
-        },
-        "disabled": {
-          "border": "#F7EEF7",
-          "icon": "rgba(87,91,94,0.15)",
-          "subtext": "#6F5A6B",
-          "surface": "#F7EEF7",
-          "text": "#6F5A6B"
-        },
-        "dragged": {
-          "border": "#8F3D7A",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "focus": {
-          "border": "rgba(87,91,94,0.15)",
-          "focus": {
-            "ring": "#8F3D7A"
-          },
-          "icon": "#241A23",
-          "subtext": "#241A23",
-          "surface": "#FFFFFFFF",
-          "text": "#343434FF"
-        },
-        "hover": {
-          "border": "#C86CAF",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "pressed": {
-          "border": "#8F3D7A",
-          "icon": "#575B5E",
-          "subtext": "#241A23",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        }
-      }
-    },
-    "coachmark": {
-      "default": {
-        "inner": {
-          "circle": {
-            "outline": "#8F3D7A",
-            "surface": "#FFFFFFFF"
-          }
-        },
-        "outer": {
-          "circle": {
-            "surface": "rgba(143,61,122,0.08)"
-          }
-        },
-        "surface": "rgba(255, 255, 255, 0)"
-      },
-      "disabled": {
-        "inner": {
-          "circle": {
-            "outline": "rgba(87,91,94,0.15)",
-            "surface": "#FFFFFFFF"
-          }
-        },
-        "outer": {
-          "circle": {
-            "surface": "#F6F6F6FF"
-          }
-        },
-        "surface": "rgba(255, 255, 255, 0)"
-      },
-      "focus": {
-        "focus": {
-          "ring": "#7A3268"
-        },
-        "inner": {
-          "circle": {
-            "outline": "#8F3D7A",
-            "surface": "#FFFFFFFF"
-          }
-        },
-        "outer": {
-          "circle": {
-            "surface": "rgba(143,61,122,0.08)"
-          }
-        },
-        "surface": "rgba(255, 255, 255, 0)"
-      },
-      "hover": {
-        "inner": {
-          "circle": {
-            "outline": "#8F3D7A",
-            "surface": "#FFFFFFFF"
-          }
-        },
-        "outer": {
-          "circle": {
-            "surface": "rgba(143,61,122,0.08)"
-          }
-        },
-        "surface": "rgba(143,61,122,0.08)"
-      },
-      "pressed": {
-        "inner": {
-          "circle": {
-            "outline": "#8F3D7A",
-            "surface": "#FFFFFFFF"
-          }
-        },
-        "outer": {
-          "circle": {
-            "surface": "rgba(143,61,122,0.08)"
-          }
-        },
-        "surface": "rgba(143,61,122,0.08)"
-      }
-    },
-    "input": {
-      "alarm": {
-        "default": {
-          "alarm": {
-            "icon": "#DC2626"
-          },
-          "border": "#DC2626",
-          "icon": "#241A23",
-          "label": "#DC2626",
-          "subtext": "#241A23",
-          "supporting": "#DC2626",
-          "surface": "#FFFFFFFF",
-          "value": "#241A23"
-        },
-        "focus": {
-          "alarm": {
-            "icon": "#DC2626"
-          },
-          "border": "#DC2626",
-          "icon": "#241A23",
-          "label": "#DC2626",
-          "placeholder": "#737373FF",
-          "subtext": "#241A23",
-          "supporting": "#DC2626",
-          "surface": "#FFFFFFFF",
-          "value": "#343434FF"
-        },
-        "hover": {
-          "alarm": {
-            "icon": "#DC2626"
-          },
-          "border": "#E68098FF",
-          "icon": "#241A23",
-          "label": "#7F1D1D",
-          "subtext": "#241A23",
-          "supporting": "#DC2626",
-          "surface": "#FFFFFFFF",
-          "value": "#343434FF"
-        }
-      },
-      "regular": {
-        "default": {
-          "border": "#6F5A6B",
-          "icon": "#241A23",
-          "label": "#575B5E",
-          "subtext": "#241A23",
-          "supporting": "#241A23",
-          "surface": {
-            "$value": "#FFFFFFFF",
-            "search": "#F6F6F6FF"
-          },
-          "value": "#343434FF"
-        },
-        "disabled": {
-          "border": "#F7EEF7",
-          "icon": "rgba(87,91,94,0.15)",
-          "label": "#6F5A6B",
-          "subtext": "#6F5A6B",
-          "supporting": "#6F5A6B",
-          "surface": "#FFFFFFFF",
-          "value": "#6F5A6B"
-        },
-        "focus": {
-          "border": "#8F3D7A",
-          "icon": "#241A23",
-          "label": "#8F3D7A",
-          "placeholder": "#737373FF",
-          "subtext": "#241A23",
-          "supporting": "#241A23",
-          "surface": {
-            "$value": "#FFFFFFFF",
-            "search": "#F6F6F6FF"
-          },
-          "value": "#343434FF"
-        },
-        "hover": {
-          "border": "#C86CAF",
-          "icon": "#241A23",
-          "label": "#343434FF",
-          "subtext": "#241A23",
-          "supporting": "#241A23",
-          "surface": {
-            "$value": "#FFFFFFFF",
-            "search": "#F6F6F6FF"
-          },
-          "value": "#343434FF"
-        }
-      }
-    },
-    "interactive": {
-      "active": {
-        "alarm": {
-          "default": {
-            "border": "rgba(239,68,68,0.1)",
-            "icon": "#DC2626",
-            "subtext": "#241A23",
-            "surface": "rgba(239,68,68,0.1)",
-            "text": "#DC2626"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "subtext": "#6F5A6B",
-            "surface": "#F7EEF7",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "rgba(239,68,68,0.1)",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#DC2626",
-            "subtext": "#241A23",
-            "surface": "rgba(239,68,68,0.1)",
-            "text": "#DC2626"
-          },
-          "hover": {
-            "border": "rgba(239,68,68,0.1)",
-            "icon": "#7F1D1D",
-            "subtext": "#241A23",
-            "surface": {
-              "$value": "rgba(239,68,68,0.1)",
-              "alternate": "rgba(239,68,68,0.25)"
-            },
-            "text": "#7F1D1D"
-          },
-          "pressed": {
-            "border": "rgba(239,68,68,0.25)",
-            "icon": "#7F1D1D",
-            "subtext": "#241A23",
-            "surface": "rgba(239,68,68,0.25)",
-            "text": "#7F1D1D"
-          }
-        },
-        "regular": {
-          "default": {
-            "border": "rgba(143,61,122,0.08)",
-            "icon": "#8F3D7A",
-            "subtext": "#241A23",
-            "surface": "rgba(143,61,122,0.08)",
-            "text": "#8F3D7A"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "subtext": "#6F5A6B",
-            "surface": "#F7EEF7",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "rgba(143,61,122,0.08)",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#8F3D7A",
-            "subtext": "#241A23",
-            "surface": "rgba(143,61,122,0.08)",
-            "text": "#8F3D7A"
-          },
-          "hover": {
-            "border": "rgba(143,61,122,0.08)",
-            "icon": "#8F3D7A",
-            "subtext": "#241A23",
-            "surface": {
-              "$value": "rgba(143,61,122,0.2)",
-              "alternate": "rgba(143,61,122,0.2)"
-            },
-            "text": "#8F3D7A"
-          },
-          "pressed": {
-            "border": "rgba(143,61,122,0.08)",
-            "icon": "#8F3D7A",
-            "subtext": "#241A23",
-            "surface": "#DDEABEFF",
-            "text": "#8F3D7A"
-          }
-        }
-      },
-      "inactive": {
-        "alarm": {
-          "default": {
-            "border": "#6F5A6B",
-            "icon": "#DC2626",
-            "subtext": "#575B5E",
-            "surface": {
-              "$value": "#FFFFFFFF",
-              "alternate": "#F7EEF7"
-            },
-            "text": "#DC2626"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "subtext": "#6F5A6B",
-            "surface": "#FFFFFFFF",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "#6F5A6B",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#DC2626",
-            "subtext": "#575B5E",
-            "surface": {
-              "$value": "#FFFFFFFF",
-              "alternate": "#F7EEF7"
-            },
-            "text": "#DC2626"
-          },
-          "hover": {
-            "border": "#6F5A6B",
-            "icon": "#7F1D1D",
-            "subtext": "#575B5E",
-            "surface": {
-              "$value": "rgba(239,68,68,0.1)",
-              "alternate": "rgba(239,68,68,0.25)"
-            },
-            "text": "#7F1D1D"
-          },
-          "pressed": {
-            "border": "#737373FF",
-            "icon": "#7F1D1D",
-            "subtext": "#575B5E",
-            "surface": "rgba(239,68,68,0.25)",
-            "text": "#7F1D1D"
-          }
-        },
-        "regular": {
-          "default": {
-            "border": "#6F5A6B",
-            "icon": "#241A23",
-            "subtext": "#575B5E",
-            "surface": {
-              "$value": "#FFFFFFFF",
-              "alternate": "#F7EEF7"
-            },
-            "text": "#343434FF"
-          },
-          "disabled": {
-            "border": "#F7EEF7",
-            "icon": "rgba(87,91,94,0.15)",
-            "subtext": "#6F5A6B",
-            "surface": "#FFFFFFFF",
-            "text": "#6F5A6B"
-          },
-          "focus": {
-            "border": "#6F5A6B",
-            "focus": {
-              "ring": "#8F3D7A"
-            },
-            "icon": "#241A23",
-            "subtext": "#575B5E",
-            "surface": {
-              "$value": "#FFFFFFFF",
-              "alternate": "#F7EEF7"
-            },
-            "text": "#343434FF"
-          },
-          "hover": {
-            "border": "#6F5A6B",
-            "icon": "#343434FF",
-            "subtext": "#575B5E",
-            "surface": {
-              "$value": "rgba(143,61,122,0.08)",
-              "alternate": "rgba(143,61,122,0.08)"
-            },
-            "text": "#343434FF"
-          },
-          "pressed": {
-            "border": "#737373FF",
-            "icon": "#343434FF",
-            "subtext": "#575B5E",
-            "surface": "rgba(143,61,122,0.08)",
-            "text": "#343434FF"
-          }
-        }
-      }
-    },
-    "non": {
-      "interactive": {
-        "background": {
-          "alternative": {
-            "$value": "#FFFFFFFF",
-            "floating": "#FFFFFFFF",
-            "raised": "#F6F6F6FF"
-          },
-          "brand": "rgba(143,61,122,0.08)",
-          "default": {
-            "$value": "#F5F5F2FF",
-            "floating": "#FFFFFFFF",
-            "raised": "#FFFFFFFF"
-          }
-        },
-        "foreground": {
-          "primary": "#241A23",
-          "secondary": "#241A23"
-        }
-      }
-    },
-    "selectors": {
-      "active": {
-        "default": {
-          "border": "#8F3D7A",
-          "handle": "#FFFFFFFF",
-          "icon": "#FFFFFFFF",
-          "surface": "#8F3D7A",
-          "text": "#8F3D7A"
-        },
-        "disabled": {
-          "border": "#F7EEF7",
-          "handle": "#FFFFFFFF",
-          "icon": "#FFFFFFFF",
-          "surface": "#F7EEF7",
-          "text": "#6F5A6B"
-        },
-        "focus": {
-          "border": "#8F3D7A",
-          "focus": {
-            "ring": "#8F3D7A"
-          },
-          "handle": "#FFFFFFFF",
-          "icon": "#FFFFFFFF",
-          "surface": "#8F3D7A",
-          "text": "#8F3D7A"
-        },
-        "hover": {
-          "border": "#C86CAF",
-          "handle": "#FFFFFFFF",
-          "hover": {
-            "ring": "rgba(143,61,122,0.08)"
-          },
-          "icon": "#FFFFFFFF",
-          "surface": "#C86CAF",
-          "text": "#8F3D7A"
-        },
-        "pressed": {
-          "border": "#DDEABEFF",
-          "handle": "#FFFFFFFF",
-          "icon": "#FFFFFFFF",
-          "surface": "#DDEABEFF",
-          "text": "#8F3D7A"
-        },
-        "read": {
-          "only": {
-            "border": "#E3E3E3FF",
-            "handle": "#E3E3E3FF",
-            "icon": "#8F3D7A",
-            "surface": "#FFFFFFFF",
-            "text": "#8F3D7A"
-          }
-        }
-      },
-      "inactive": {
-        "default": {
-          "border": "#6F5A6B",
-          "handle": "#575B5E",
-          "icon": "#241A23",
-          "surface": "#F6F6F6FF",
-          "text": "#343434FF"
-        },
-        "disabled": {
-          "border": "#F7EEF7",
-          "handle": "rgba(87,91,94,0.15)",
-          "icon": "rgba(87,91,94,0.15)",
-          "surface": "#F7EEF7",
-          "text": "#6F5A6B"
-        },
-        "focus": {
-          "border": "#6F5A6B",
-          "focus": {
-            "ring": "#8F3D7A"
-          },
-          "handle": "#575B5E",
-          "icon": "#241A23",
-          "surface": "#F6F6F6FF",
-          "text": "#343434FF"
-        },
-        "hover": {
-          "border": "#575B5E",
-          "handle": "#575B5E",
-          "hover": {
-            "ring": "rgba(143,61,122,0.08)"
-          },
-          "icon": "#575B5E",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "pressed": {
-          "border": "#6F5A6B",
-          "handle": "#575B5E",
-          "icon": "#575B5E",
-          "surface": "rgba(143,61,122,0.08)",
-          "text": "#343434FF"
-        },
-        "read": {
-          "only": {
-            "border": "#E3E3E3FF",
-            "handle": "#E3E3E3FF",
-            "icon": "#575B5E",
-            "surface": "#FFFFFFFF",
-            "text": "#343434FF"
-          }
-        }
-      }
-    },
-    "slider": {
-      "active": {
-        "default": {
-          "handle": {
-            "$value": "#8F3D7A",
-            "surface": "rgba(255, 255, 255, 0)"
-          },
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#8F3D7A"
-        },
-        "disabled": {
-          "handle": {
-            "$value": "rgba(87,91,94,0.15)",
-            "surface": "rgba(255, 255, 255, 0)"
-          },
-          "icon": "rgba(87,91,94,0.15)",
-          "stop": {
-            "dot": "#F7EEF7",
-            "text": "rgba(87,91,94,0.15)"
-          },
-          "track": "#F7EEF7"
-        },
-        "focus": {
-          "handle": {
-            "$value": "#8F3D7A",
-            "focus": {
-              "ring": "#7A3268"
-            },
-            "surface": "rgba(255, 255, 255, 0)"
-          },
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#8F3D7A"
-        },
-        "hover": {
-          "handle": {
-            "$value": "#8F3D7A",
-            "surface": "rgba(143,61,122,0.08)"
-          },
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#8F3D7A"
-        },
-        "pressed": {
-          "handle": {
-            "$value": "#8F3D7A",
-            "surface": "rgba(143,61,122,0.08)"
-          },
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#8F3D7A"
-        }
-      },
-      "inactive": {
-        "default": {
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#F7EEF7"
-        },
-        "disabled": {
-          "icon": "rgba(87,91,94,0.15)",
-          "stop": {
-            "dot": "#F7EEF7",
-            "text": "rgba(87,91,94,0.15)"
-          },
-          "track": "#F7EEF7"
-        },
-        "focus": {
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#F7EEF7"
-        },
-        "hover": {
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#F7EEF7"
-        },
-        "pressed": {
-          "icon": "#8F3D7A",
-          "stop": {
-            "dot": "rgba(87,91,94,0.15)",
-            "text": "#343434FF"
-          },
-          "track": "#F7EEF7"
-        }
-      }
-    },
-    "spacing": {
-      "gap": {
-        "none": 0,
-        "4xsmall": 2,
-        "3xsmall": 4,
-        "2xsmall": 6,
-        "xsmall": 8,
-        "small": 10,
-        "medium": 12,
-        "large": 16,
-        "xlarge": 20,
-        "2xlarge": 24,
-        "3xlarge": 32,
-        "4xlarge": 40
-      },
-      "zero": 0,
-      "small": {
-        "4xs": 2,
-        "3xs": 4,
-        "2xs": 6,
-        "xs": 8,
-        "$value": 10
-      },
-      "medium": 12,
-      "large": {
-        "$value": 16,
-        "xl": 20,
-        "2xl": 24,
-        "3xl": 32,
-        "4xl": 40
-      }
-    },
-    "radius": {
-      "radius": {
-        "none": 0,
-        "3xsmall": 2,
-        "2xsmall": 4,
-        "xsmall": 6,
-        "small": 8,
-        "medium": 12,
-        "large": 16,
-        "xlarge": 18,
-        "2xlarge": 20,
-        "full": 9999
-      },
-      "none": 0,
-      "small": {
-        "3xs": 2,
-        "2xs": 4,
-        "xs": 6,
-        "$value": 8
-      },
-      "medium": 12,
-      "large": {
-        "$value": 16,
-        "xl": 18,
-        "2xl": 20
-      },
-      "full": 9999
-    },
-    "sizing": {
-      "size": {
-        "none": 0,
-        "5xsmall": 4,
-        "4xsmall": 8,
-        "3xsmall": 12,
-        "2xsmall": 16,
-        "xsmall": 20,
-        "small": 24,
-        "medium": 32,
-        "large": 40,
-        "xlarge": 48,
-        "2xlarge": 56,
-        "3xlarge": 64,
-        "4xlarge": 72,
-        "5xlarge": 80,
-        "6xlarge": 88,
-        "7xlarge": 120,
-        "8xlarge": 128
-      },
-      "control": {
-        "height": 48,
-        "padding": {
-          "x": 16
-        }
-      },
-      "field": {
-        "padding": {
-          "x": 16,
-          "y": 4
-        },
-        "radius": 8
-      },
-      "loader": {
-        "size": 80
-      },
-      "card": {
-        "radius": 22
-      },
-      "choice": {
-        "radius": 18
-      },
-      "modal": {
-        "width": 384
-      }
-    },
-    "opacity": {
-      "transparent": 0,
-      "softest": 0.08,
-      "soft": 0.16,
-      "gentle": 0.24,
-      "mild": 0.3,
-      "medium": 0.48,
-      "strong": 0.64,
-      "hard": 0.8,
-      "solid": 1,
-      "disabled": 0.48,
-      "muted": 0.64,
-      "subtle": 0.24,
-      "overlay": 0.8
-    },
-    "border": {
-      "width": {
-        "outline": {
-          "none": 0,
-          "small": 1,
-          "medium": 2,
-          "large": 4,
-          "xlarge": 8
-        },
-        "none": 0,
-        "small": 1,
-        "medium": 2,
-        "large": 4,
-        "xlarge": 8
-      }
-    },
-    "shadow": {
-      "keyline": {
-        "box": {
-          "shadow": "0 1px 2px rgba(26,28,31,0.08)"
-        }
-      },
-      "negative": {
-        "small": "0 -8px 20px rgba(26,28,31,0.08)",
-        "medium": "0 -14px 32px rgba(26,28,31,0.1)",
-        "large": "0 -24px 60px rgba(26,28,31,0.14)"
-      },
-      "positive": {
-        "small": "0 12px 24px rgba(26,28,31,0.08)",
-        "medium": "0 24px 90px rgba(26,28,31,0.08)",
-        "large": "0 18px 50px rgba(18,138,66,0.22)"
-      },
-      "button": "0 18px 50px rgba(18,138,66,0.22)",
-      "card": "0 24px 90px rgba(26,28,31,0.08)",
-      "loader": "0 24px 90px rgba(26,28,31,0.08)"
-    },
-    "animation": {
-      "delay": {
-        "none": "0ms",
-        "xsmall": "50ms",
-        "small": "100ms",
-        "medium": "200ms",
-        "large": "300ms"
-      },
-      "duration": {
-        "none": "0ms",
-        "2xsmall": "100ms",
-        "xsmall": "200ms",
-        "small": "300ms",
-        "medium": "400ms",
-        "large": "600ms",
-        "xlarge": "800ms",
-        "2xlarge": "1000ms"
-      },
-      "time": {
-        "easing": {
-          "drift": "cubic-bezier(0.22, 1, 0.36, 1)",
-          "impulse": "cubic-bezier(0.2, 0, 0, 1)",
-          "release": "cubic-bezier(0.4, 0, 0.2, 1)"
-        }
-      },
-      "scale": {
-        "pressed": 0.95,
-        "soft": {
-          "pressed": 0.97
-        }
-      }
-    },
-    "font": {
-      "family": {
-        "family": {
-          "base": "Arial, Helvetica, sans-serif"
-        },
-        "display": {
-          "large": {
-            "font": {
-              "size": 40,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.05
-            },
-            "letter": {
-              "spacing": "-0.03em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 40,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.05
-              },
-              "letter": {
-                "spacing": "-0.03em"
-              }
-            }
-          },
-          "medium": {
-            "font": {
-              "size": 34,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.08
-            },
-            "letter": {
-              "spacing": "-0.03em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 34,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.08
-              },
-              "letter": {
-                "spacing": "-0.03em"
-              }
-            }
-          },
-          "small": {
-            "font": {
-              "size": 30,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.1
-            },
-            "letter": {
-              "spacing": "-0.02em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 30,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.1
-              },
-              "letter": {
-                "spacing": "-0.02em"
-              }
-            }
-          }
-        },
-        "headline": {
-          "large": {
-            "font": {
-              "size": 28,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.15
-            },
-            "letter": {
-              "spacing": "-0.02em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 28,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.15
-              },
-              "letter": {
-                "spacing": "-0.02em"
-              }
-            }
-          },
-          "medium": {
-            "font": {
-              "size": 24,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.2
-            },
-            "letter": {
-              "spacing": "-0.02em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 24,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.2
-              },
-              "letter": {
-                "spacing": "-0.02em"
-              }
-            }
-          },
-          "small": {
-            "font": {
-              "size": 20,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.25
-            },
-            "letter": {
-              "spacing": "-0.01em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 20,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.25
-              },
-              "letter": {
-                "spacing": "-0.01em"
-              }
-            }
-          }
-        },
-        "title": {
-          "large": {
-            "font": {
-              "size": 28,
-              "weight": 800
-            },
-            "line": {
-              "height": 1.15
-            },
-            "letter": {
-              "spacing": "-0.02em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 28,
-                "weight": 900
-              },
-              "line": {
-                "height": 1.15
-              },
-              "letter": {
-                "spacing": "-0.02em"
-              }
-            }
-          },
-          "medium": {
-            "font": {
-              "size": 22,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.2
-            },
-            "letter": {
-              "spacing": "-0.01em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 22,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.2
-              },
-              "letter": {
-                "spacing": "-0.01em"
-              }
-            }
-          },
-          "small": {
-            "font": {
-              "size": 18,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.25
-            },
-            "letter": {
-              "spacing": "0em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 18,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.25
-              },
-              "letter": {
-                "spacing": "0em"
-              }
-            }
-          }
-        },
-        "body": {
-          "large": {
-            "font": {
-              "size": 18,
-              "weight": 400
-            },
-            "line": {
-              "height": 1.55
-            },
-            "letter": {
-              "spacing": "0em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 18,
-                "weight": 600
-              },
-              "line": {
-                "height": 1.55
-              },
-              "letter": {
-                "spacing": "0em"
-              }
-            }
-          },
-          "medium": {
-            "font": {
-              "size": 16,
-              "weight": 400
-            },
-            "line": {
-              "height": 1.5
-            },
-            "letter": {
-              "spacing": "0em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 16,
-                "weight": 600
-              },
-              "line": {
-                "height": 1.5
-              },
-              "letter": {
-                "spacing": "0em"
-              }
-            }
-          },
-          "small": {
-            "font": {
-              "size": 14,
-              "weight": 400
-            },
-            "line": {
-              "height": 1.5
-            },
-            "letter": {
-              "spacing": "0em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 14,
-                "weight": 600
-              },
-              "line": {
-                "height": 1.5
-              },
-              "letter": {
-                "spacing": "0em"
-              }
-            }
-          }
-        },
-        "label": {
-          "large": {
-            "font": {
-              "size": 14,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.2
-            },
-            "letter": {
-              "spacing": "0.08em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 14,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.2
-              },
-              "letter": {
-                "spacing": "0.08em"
-              }
-            }
-          },
-          "medium": {
-            "font": {
-              "size": 12,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.2
-            },
-            "letter": {
-              "spacing": "0.12em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 12,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.2
-              },
-              "letter": {
-                "spacing": "0.12em"
-              }
-            }
-          },
-          "small": {
-            "font": {
-              "size": 11,
-              "weight": 700
-            },
-            "line": {
-              "height": 1.2
-            },
-            "letter": {
-              "spacing": "0.14em"
-            },
-            "emphasized": {
-              "font": {
-                "size": 11,
-                "weight": 800
-              },
-              "line": {
-                "height": 1.2
-              },
-              "letter": {
-                "spacing": "0.14em"
-              }
-            }
-          }
-        }
-      }
-    },
-    "token": {
-      "preset": {
-        "name": "berry"
-      }
-    },
-    "typography": {
-      "font": {
-        "family": "Arial, Helvetica, sans-serif"
-      },
-      "label": {
-        "transform": "uppercase",
-        "letter": {
-          "spacing": "0.12em"
-        }
-      }
-    }
-  }
-}