@midas-ds/components 12.0.0 → 12.1.0

package/theme/index.js

@@ -1,16 +1,4039 @@
-import { t as s } from "../tokens-BtEBd3jO.js";
-import { b as i, e as n, f as r, g as p, s as m, c, d as g, a as z, w as b, z as d } from "../tokens-BtEBd3jO.js";
-const t = { ...s };
+import { t as e } from "../tokens-B9ooUP4g.js";
+import { b as Wo, e as Do, f as To, g as Lo, s as Mo, c as Yo, d as Ko, a as Eo, w as Oo, z as Xo } from "../tokens-B9ooUP4g.js";
+const Ao = {
+  windowSizes: {
+    sm: {
+      key: "{windowSizes.sm}",
+      $value: "480px",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "480px",
+        $type: "dimension",
+        key: "{windowSizes.sm}"
+      },
+      name: "windowSizesSm",
+      attributes: {},
+      path: ["windowSizes", "sm"]
+    },
+    md: {
+      key: "{windowSizes.md}",
+      $value: "768px",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "768px",
+        $type: "dimension",
+        key: "{windowSizes.md}"
+      },
+      name: "windowSizesMd",
+      attributes: {},
+      path: ["windowSizes", "md"]
+    },
+    lg: {
+      key: "{windowSizes.lg}",
+      $value: "1024px",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "1024px",
+        $type: "dimension",
+        key: "{windowSizes.lg}"
+      },
+      name: "windowSizesLg",
+      attributes: {},
+      path: ["windowSizes", "lg"]
+    },
+    xl: {
+      key: "{windowSizes.xl}",
+      $value: "1280px",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "1280px",
+        $type: "dimension",
+        key: "{windowSizes.xl}"
+      },
+      name: "windowSizesXl",
+      attributes: {},
+      path: ["windowSizes", "xl"]
+    }
+  },
+  breakpoints: {
+    xs: {
+      key: "{breakpoints.xs}",
+      $value: "(max-width: calc(480px - 1px))",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(max-width: calc({windowSizes.sm} - 1px))",
+        $type: "string",
+        key: "{breakpoints.xs}"
+      },
+      name: "breakpointsXs",
+      attributes: {},
+      path: ["breakpoints", "xs"]
+    },
+    sm: {
+      key: "{breakpoints.sm}",
+      $value: "(min-width: 480px)",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(min-width: {windowSizes.sm})",
+        $type: "string",
+        key: "{breakpoints.sm}"
+      },
+      name: "breakpointsSm",
+      attributes: {},
+      path: ["breakpoints", "sm"]
+    },
+    md: {
+      key: "{breakpoints.md}",
+      $value: "(min-width: 768px)",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(min-width: {windowSizes.md})",
+        $type: "string",
+        key: "{breakpoints.md}"
+      },
+      name: "breakpointsMd",
+      attributes: {},
+      path: ["breakpoints", "md"]
+    },
+    lg: {
+      key: "{breakpoints.lg}",
+      $value: "(min-width: 1024px)",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(min-width: {windowSizes.lg})",
+        $type: "string",
+        key: "{breakpoints.lg}"
+      },
+      name: "breakpointsLg",
+      attributes: {},
+      path: ["breakpoints", "lg"]
+    },
+    xl: {
+      key: "{breakpoints.xl}",
+      $value: "(min-width: 1280px)",
+      $comment: "This is the largest breakpoint",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(min-width: {windowSizes.xl})",
+        $comment: "This is the largest breakpoint",
+        $type: "string",
+        key: "{breakpoints.xl}"
+      },
+      name: "breakpointsXl",
+      attributes: {},
+      path: ["breakpoints", "xl"]
+    },
+    forcedColorsMode: {
+      key: "{breakpoints.forcedColorsMode}",
+      $value: "(forced-colors: active)",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(forced-colors: active)",
+        $type: "string",
+        key: "{breakpoints.forcedColorsMode}"
+      },
+      name: "breakpointsForcedColorsMode",
+      attributes: {},
+      path: ["breakpoints", "forcedColorsMode"]
+    },
+    darkMode: {
+      key: "{breakpoints.darkMode}",
+      $value: "(prefers-color-scheme: dark)",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(prefers-color-scheme: dark)",
+        $type: "string",
+        key: "{breakpoints.darkMode}"
+      },
+      name: "breakpointsDarkMode",
+      attributes: {},
+      path: ["breakpoints", "darkMode"]
+    },
+    prefersReducedMotion: {
+      key: "{breakpoints.prefersReducedMotion}",
+      $value: "(prefers-reduced-motion: reduced)",
+      filePath: "src/theme/tokens/breakpoints.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "(prefers-reduced-motion: reduced)",
+        $type: "string",
+        key: "{breakpoints.prefersReducedMotion}"
+      },
+      name: "breakpointsPrefersReducedMotion",
+      attributes: {},
+      path: ["breakpoints", "prefersReducedMotion"]
+    }
+  },
+  color: {
+    black: {
+      base: {
+        key: "{color.black.base}",
+        $value: "#000",
+        $description: "Black",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#000",
+          $description: "Black",
+          $type: "color",
+          key: "{color.black.base}"
+        },
+        name: "colorBlackBase",
+        attributes: {},
+        path: ["color", "black", "base"]
+      },
+      hover: {
+        key: "{color.black.hover}",
+        $value: "#0d0d0d",
+        $description: "Black hover",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#0d0d0d",
+          $description: "Black hover",
+          $type: "color",
+          key: "{color.black.hover}"
+        },
+        name: "colorBlackHover",
+        attributes: {},
+        path: ["color", "black", "hover"]
+      }
+    },
+    white: {
+      base: {
+        key: "{color.white.base}",
+        $value: "#fff",
+        $description: "White",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#fff",
+          $description: "White",
+          $type: "color",
+          key: "{color.white.base}"
+        },
+        name: "colorWhiteBase",
+        attributes: {},
+        path: ["color", "white", "base"]
+      },
+      hover: {
+        key: "{color.white.hover}",
+        $value: "#e6e6e6",
+        $description: "White hover",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#e6e6e6",
+          $description: "White hover",
+          $type: "color",
+          key: "{color.white.hover}"
+        },
+        name: "colorWhiteHover",
+        attributes: {},
+        path: ["color", "white", "hover"]
+      }
+    },
+    gray: {
+      10: {
+        key: "{color.gray.10}",
+        $value: "#f2f2f2",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#f2f2f2",
+          $type: "color",
+          key: "{color.gray.10}"
+        },
+        name: "colorGray10",
+        attributes: {},
+        path: ["color", "gray", "10"]
+      },
+      20: {
+        key: "{color.gray.20}",
+        $value: "#e6e6e6",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#e6e6e6",
+          $type: "color",
+          key: "{color.gray.20}"
+        },
+        name: "colorGray20",
+        attributes: {},
+        path: ["color", "gray", "20"]
+      },
+      30: {
+        key: "{color.gray.30}",
+        $value: "#d9d9d9",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#d9d9d9",
+          $type: "color",
+          key: "{color.gray.30}"
+        },
+        name: "colorGray30",
+        attributes: {},
+        path: ["color", "gray", "30"]
+      },
+      40: {
+        key: "{color.gray.40}",
+        $value: "#ccc",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#ccc",
+          $type: "color",
+          key: "{color.gray.40}"
+        },
+        name: "colorGray40",
+        attributes: {},
+        path: ["color", "gray", "40"]
+      },
+      50: {
+        key: "{color.gray.50}",
+        $value: "#bfbfbf",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#bfbfbf",
+          $type: "color",
+          key: "{color.gray.50}"
+        },
+        name: "colorGray50",
+        attributes: {},
+        path: ["color", "gray", "50"]
+      },
+      60: {
+        key: "{color.gray.60}",
+        $value: "#b3b3b3",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#b3b3b3",
+          $type: "color",
+          key: "{color.gray.60}"
+        },
+        name: "colorGray60",
+        attributes: {},
+        path: ["color", "gray", "60"]
+      },
+      70: {
+        key: "{color.gray.70}",
+        $value: "#a6a6a6",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#a6a6a6",
+          $type: "color",
+          key: "{color.gray.70}"
+        },
+        name: "colorGray70",
+        attributes: {},
+        path: ["color", "gray", "70"]
+      },
+      80: {
+        key: "{color.gray.80}",
+        $value: "#999",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#999",
+          $type: "color",
+          key: "{color.gray.80}"
+        },
+        name: "colorGray80",
+        attributes: {},
+        path: ["color", "gray", "80"]
+      },
+      90: {
+        key: "{color.gray.90}",
+        $value: "#8c8c8c",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#8c8c8c",
+          $type: "color",
+          key: "{color.gray.90}"
+        },
+        name: "colorGray90",
+        attributes: {},
+        path: ["color", "gray", "90"]
+      },
+      100: {
+        key: "{color.gray.100}",
+        $value: "#808080",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#808080",
+          $type: "color",
+          key: "{color.gray.100}"
+        },
+        name: "colorGray100",
+        attributes: {},
+        path: ["color", "gray", "100"]
+      },
+      110: {
+        key: "{color.gray.110}",
+        $value: "#737373",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#737373",
+          $type: "color",
+          key: "{color.gray.110}"
+        },
+        name: "colorGray110",
+        attributes: {},
+        path: ["color", "gray", "110"]
+      },
+      120: {
+        key: "{color.gray.120}",
+        $value: "#666",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#666",
+          $type: "color",
+          key: "{color.gray.120}"
+        },
+        name: "colorGray120",
+        attributes: {},
+        path: ["color", "gray", "120"]
+      },
+      130: {
+        key: "{color.gray.130}",
+        $value: "#5d5d5d",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#5d5d5d",
+          $type: "color",
+          key: "{color.gray.130}"
+        },
+        name: "colorGray130",
+        attributes: {},
+        path: ["color", "gray", "130"]
+      },
+      140: {
+        key: "{color.gray.140}",
+        $value: "#525252",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#525252",
+          $type: "color",
+          key: "{color.gray.140}"
+        },
+        name: "colorGray140",
+        attributes: {},
+        path: ["color", "gray", "140"]
+      },
+      150: {
+        key: "{color.gray.150}",
+        $value: "#474747",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#474747",
+          $type: "color",
+          key: "{color.gray.150}"
+        },
+        name: "colorGray150",
+        attributes: {},
+        path: ["color", "gray", "150"]
+      },
+      160: {
+        key: "{color.gray.160}",
+        $value: "#383838",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#383838",
+          $type: "color",
+          key: "{color.gray.160}"
+        },
+        name: "colorGray160",
+        attributes: {},
+        path: ["color", "gray", "160"]
+      },
+      170: {
+        key: "{color.gray.170}",
+        $value: "#333",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#333",
+          $type: "color",
+          key: "{color.gray.170}"
+        },
+        name: "colorGray170",
+        attributes: {},
+        path: ["color", "gray", "170"]
+      },
+      180: {
+        key: "{color.gray.180}",
+        $value: "#262626",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#262626",
+          $type: "color",
+          key: "{color.gray.180}"
+        },
+        name: "colorGray180",
+        attributes: {},
+        path: ["color", "gray", "180"]
+      },
+      190: {
+        key: "{color.gray.190}",
+        $value: "#212121",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#212121",
+          $type: "color",
+          key: "{color.gray.190}"
+        },
+        name: "colorGray190",
+        attributes: {},
+        path: ["color", "gray", "190"]
+      },
+      200: {
+        key: "{color.gray.200}",
+        $value: "#171717",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#171717",
+          $type: "color",
+          key: "{color.gray.200}"
+        },
+        name: "colorGray200",
+        attributes: {},
+        path: ["color", "gray", "200"]
+      }
+    },
+    blue: {
+      10: {
+        key: "{color.blue.10}",
+        $value: "#eaf2f6",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#eaf2f6",
+          $type: "color",
+          key: "{color.blue.10}"
+        },
+        name: "colorBlue10",
+        attributes: {},
+        path: ["color", "blue", "10"]
+      },
+      20: {
+        key: "{color.blue.20}",
+        $value: "#d5e5ed",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#d5e5ed",
+          $type: "color",
+          key: "{color.blue.20}"
+        },
+        name: "colorBlue20",
+        attributes: {},
+        path: ["color", "blue", "20"]
+      },
+      40: {
+        key: "{color.blue.40}",
+        $value: "#abcbdb",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#abcbdb",
+          $type: "color",
+          key: "{color.blue.40}"
+        },
+        name: "colorBlue40",
+        attributes: {},
+        path: ["color", "blue", "40"]
+      },
+      50: {
+        key: "{color.blue.50}",
+        $value: "#94BCD1",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#94BCD1",
+          $type: "color",
+          key: "{color.blue.50}"
+        },
+        name: "colorBlue50",
+        attributes: {},
+        path: ["color", "blue", "50"]
+      },
+      60: {
+        key: "{color.blue.60}",
+        $value: "#82b0c9",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#82b0c9",
+          $type: "color",
+          key: "{color.blue.60}"
+        },
+        name: "colorBlue60",
+        attributes: {},
+        path: ["color", "blue", "60"]
+      },
+      70: {
+        key: "{color.blue.70}",
+        $value: "#6CA3C0",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#6CA3C0",
+          $type: "color",
+          key: "{color.blue.70}"
+        },
+        name: "colorBlue70",
+        attributes: {},
+        path: ["color", "blue", "70"]
+      },
+      80: {
+        key: "{color.blue.80}",
+        $value: "#5897b8",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#5897b8",
+          $type: "color",
+          key: "{color.blue.80}"
+        },
+        name: "colorBlue80",
+        attributes: {},
+        path: ["color", "blue", "80"]
+      },
+      90: {
+        key: "{color.blue.90}",
+        $value: "#4289ad",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#4289ad",
+          $type: "color",
+          key: "{color.blue.90}"
+        },
+        name: "colorBlue90",
+        attributes: {},
+        path: ["color", "blue", "90"]
+      },
+      100: {
+        key: "{color.blue.100}",
+        $value: "#2e7ca5",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#2e7ca5",
+          $type: "color",
+          key: "{color.blue.100}"
+        },
+        name: "colorBlue100",
+        attributes: {},
+        path: ["color", "blue", "100"]
+      },
+      110: {
+        key: "{color.blue.110}",
+        $value: "#2C7399",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#2C7399",
+          $type: "color",
+          key: "{color.blue.110}"
+        },
+        name: "colorBlue110",
+        attributes: {},
+        path: ["color", "blue", "110"]
+      },
+      120: {
+        key: "{color.blue.120}",
+        $value: "#29698C",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#29698C",
+          $type: "color",
+          key: "{color.blue.120}"
+        },
+        name: "colorBlue120",
+        attributes: {},
+        path: ["color", "blue", "120"]
+      },
+      130: {
+        key: "{color.blue.130}",
+        $value: "#25607f",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#25607f",
+          $type: "color",
+          key: "{color.blue.130}"
+        },
+        name: "colorBlue130",
+        attributes: {},
+        path: ["color", "blue", "130"]
+      },
+      150: {
+        key: "{color.blue.150}",
+        $value: "#143c50",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#143c50",
+          $type: "color",
+          key: "{color.blue.150}"
+        },
+        name: "colorBlue150",
+        attributes: {},
+        path: ["color", "blue", "150"]
+      }
+    },
+    purple: {
+      80: {
+        key: "{color.purple.80}",
+        $value: "#b46ab4",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#b46ab4",
+          $type: "color",
+          key: "{color.purple.80}"
+        },
+        name: "colorPurple80",
+        attributes: {},
+        path: ["color", "purple", "80"]
+      },
+      110: {
+        key: "{color.purple.110}",
+        $value: "#954b95",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#954b95",
+          $type: "color",
+          key: "{color.purple.110}"
+        },
+        name: "colorPurple110",
+        attributes: {},
+        path: ["color", "purple", "110"]
+      }
+    },
+    red: {
+      100: {
+        key: "{color.red.100}",
+        $value: "#b90835",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#b90835",
+          $type: "color",
+          key: "{color.red.100}"
+        },
+        name: "colorRed100",
+        attributes: {},
+        path: ["color", "red", "100"]
+      }
+    },
+    signalBlue: {
+      10: {
+        key: "{color.signalBlue.10}",
+        $value: "#eaf2f6",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#eaf2f6",
+          $type: "color",
+          key: "{color.signalBlue.10}"
+        },
+        name: "colorSignalBlue10",
+        attributes: {},
+        path: ["color", "signalBlue", "10"]
+      },
+      20: {
+        key: "{color.signalBlue.20}",
+        $value: "#d5e5ed",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#d5e5ed",
+          $type: "color",
+          key: "{color.signalBlue.20}"
+        },
+        name: "colorSignalBlue20",
+        attributes: {},
+        path: ["color", "signalBlue", "20"]
+      },
+      100: {
+        key: "{color.signalBlue.100}",
+        $value: "#06c",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#06c",
+          $type: "color",
+          key: "{color.signalBlue.100}"
+        },
+        name: "colorSignalBlue100",
+        attributes: {},
+        path: ["color", "signalBlue", "100"]
+      }
+    },
+    signalGreen: {
+      20: {
+        key: "{color.signalGreen.20}",
+        $value: "#d5f2d9",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#d5f2d9",
+          $type: "color",
+          key: "{color.signalGreen.20}"
+        },
+        name: "colorSignalGreen20",
+        attributes: {},
+        path: ["color", "signalGreen", "20"]
+      },
+      30: {
+        key: "{color.signalGreen.30}",
+        $value: "#bae5c5",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#bae5c5",
+          $type: "color",
+          key: "{color.signalGreen.30}"
+        },
+        name: "colorSignalGreen30",
+        attributes: {},
+        path: ["color", "signalGreen", "30"]
+      },
+      100: {
+        key: "{color.signalGreen.100}",
+        $value: "#008d3c",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#008d3c",
+          $type: "color",
+          key: "{color.signalGreen.100}"
+        },
+        name: "colorSignalGreen100",
+        attributes: {},
+        path: ["color", "signalGreen", "100"]
+      }
+    },
+    signalYellow: {
+      10: {
+        key: "{color.signalYellow.10}",
+        $value: "#fff8e1",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#fff8e1",
+          $type: "color",
+          key: "{color.signalYellow.10}"
+        },
+        name: "colorSignalYellow10",
+        attributes: {},
+        path: ["color", "signalYellow", "10"]
+      },
+      20: {
+        key: "{color.signalYellow.20}",
+        $value: "#FFEBA8",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#FFEBA8",
+          $type: "color",
+          key: "{color.signalYellow.20}"
+        },
+        name: "colorSignalYellow20",
+        attributes: {},
+        path: ["color", "signalYellow", "20"]
+      },
+      100: {
+        key: "{color.signalYellow.100}",
+        $value: "#fdb813",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#fdb813",
+          $type: "color",
+          key: "{color.signalYellow.100}"
+        },
+        name: "colorSignalYellow100",
+        attributes: {},
+        path: ["color", "signalYellow", "100"]
+      }
+    },
+    signalRed: {
+      10: {
+        key: "{color.signalRed.10}",
+        $value: "#ffefef",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#ffefef",
+          $type: "color",
+          key: "{color.signalRed.10}"
+        },
+        name: "colorSignalRed10",
+        attributes: {},
+        path: ["color", "signalRed", "10"]
+      },
+      20: {
+        key: "{color.signalRed.20}",
+        $value: "#ffdfdf",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#ffdfdf",
+          $type: "color",
+          key: "{color.signalRed.20}"
+        },
+        name: "colorSignalRed20",
+        attributes: {},
+        path: ["color", "signalRed", "20"]
+      },
+      30: {
+        key: "{color.signalRed.30}",
+        $value: "#fcc8c8",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#fcc8c8",
+          $type: "color",
+          key: "{color.signalRed.30}"
+        },
+        name: "colorSignalRed30",
+        attributes: {},
+        path: ["color", "signalRed", "30"]
+      },
+      40: {
+        key: "{color.signalRed.40}",
+        $value: "#f9b0b0",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#f9b0b0",
+          $type: "color",
+          key: "{color.signalRed.40}"
+        },
+        name: "colorSignalRed40",
+        attributes: {},
+        path: ["color", "signalRed", "40"]
+      },
+      50: {
+        key: "{color.signalRed.50}",
+        $value: "#f69999",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#f69999",
+          $type: "color",
+          key: "{color.signalRed.50}"
+        },
+        name: "colorSignalRed50",
+        attributes: {},
+        path: ["color", "signalRed", "50"]
+      },
+      60: {
+        key: "{color.signalRed.60}",
+        $value: "#f38181",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#f38181",
+          $type: "color",
+          key: "{color.signalRed.60}"
+        },
+        name: "colorSignalRed60",
+        attributes: {},
+        path: ["color", "signalRed", "60"]
+      },
+      70: {
+        key: "{color.signalRed.70}",
+        $value: "#ef6a6a",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#ef6a6a",
+          $type: "color",
+          key: "{color.signalRed.70}"
+        },
+        name: "colorSignalRed70",
+        attributes: {},
+        path: ["color", "signalRed", "70"]
+      },
+      80: {
+        key: "{color.signalRed.80}",
+        $value: "#eb4e4e",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#eb4e4e",
+          $type: "color",
+          key: "{color.signalRed.80}"
+        },
+        name: "colorSignalRed80",
+        attributes: {},
+        path: ["color", "signalRed", "80"]
+      },
+      90: {
+        key: "{color.signalRed.90}",
+        $value: "#e93b3b",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#e93b3b",
+          $type: "color",
+          key: "{color.signalRed.90}"
+        },
+        name: "colorSignalRed90",
+        attributes: {},
+        path: ["color", "signalRed", "90"]
+      },
+      100: {
+        key: "{color.signalRed.100}",
+        $value: "#e62323",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#e62323",
+          $type: "color",
+          key: "{color.signalRed.100}"
+        },
+        name: "colorSignalRed100",
+        attributes: {},
+        path: ["color", "signalRed", "100"]
+      },
+      110: {
+        key: "{color.signalRed.110}",
+        $value: "#d12020",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#d12020",
+          $type: "color",
+          key: "{color.signalRed.110}"
+        },
+        name: "colorSignalRed110",
+        attributes: {},
+        path: ["color", "signalRed", "110"]
+      },
+      120: {
+        key: "{color.signalRed.120}",
+        $value: "#bc1d1d",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#bc1d1d",
+          $type: "color",
+          key: "{color.signalRed.120}"
+        },
+        name: "colorSignalRed120",
+        attributes: {},
+        path: ["color", "signalRed", "120"]
+      },
+      130: {
+        key: "{color.signalRed.130}",
+        $value: "#a71919",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#a71919",
+          $type: "color",
+          key: "{color.signalRed.130}"
+        },
+        name: "colorSignalRed130",
+        attributes: {},
+        path: ["color", "signalRed", "130"]
+      },
+      140: {
+        key: "{color.signalRed.140}",
+        $value: "#921616",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#921616",
+          $type: "color",
+          key: "{color.signalRed.140}"
+        },
+        name: "colorSignalRed140",
+        attributes: {},
+        path: ["color", "signalRed", "140"]
+      },
+      150: {
+        key: "{color.signalRed.150}",
+        $value: "#7d1313",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#7d1313",
+          $type: "color",
+          key: "{color.signalRed.150}"
+        },
+        name: "colorSignalRed150",
+        attributes: {},
+        path: ["color", "signalRed", "150"]
+      },
+      160: {
+        key: "{color.signalRed.160}",
+        $value: "#691010",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#691010",
+          $type: "color",
+          key: "{color.signalRed.160}"
+        },
+        name: "colorSignalRed160",
+        attributes: {},
+        path: ["color", "signalRed", "160"]
+      },
+      170: {
+        key: "{color.signalRed.170}",
+        $value: "#540d0d",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#540d0d",
+          $type: "color",
+          key: "{color.signalRed.170}"
+        },
+        name: "colorSignalRed170",
+        attributes: {},
+        path: ["color", "signalRed", "170"]
+      },
+      180: {
+        key: "{color.signalRed.180}",
+        $value: "#3f0a0a",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#3f0a0a",
+          $type: "color",
+          key: "{color.signalRed.180}"
+        },
+        name: "colorSignalRed180",
+        attributes: {},
+        path: ["color", "signalRed", "180"]
+      },
+      190: {
+        key: "{color.signalRed.190}",
+        $value: "#2a0606",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#2a0606",
+          $type: "color",
+          key: "{color.signalRed.190}"
+        },
+        name: "colorSignalRed190",
+        attributes: {},
+        path: ["color", "signalRed", "190"]
+      },
+      200: {
+        key: "{color.signalRed.200}",
+        $value: "#150303",
+        filePath: "src/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#150303",
+          $type: "color",
+          key: "{color.signalRed.200}"
+        },
+        name: "colorSignalRed200",
+        attributes: {},
+        path: ["color", "signalRed", "200"]
+      }
+    }
+  },
+  background: {
+    base: {
+      key: "{background.base}",
+      $value: "light-dark(#fff, #171717)",
+      $description: "Standardbakgrund för våra applikationer",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.white.base}, {color.gray.200})",
+        $description: "Standardbakgrund för våra applikationer",
+        key: "{background.base}"
+      },
+      name: "backgroundBase",
+      attributes: {},
+      path: ["background", "base"]
+    },
+    hover: {
+      key: "{background.hover}",
+      $value: "light-dark(#e6e6e6, #212121)",
+      $description: "Hoverfärg för bakgrund",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.white.hover}, {color.gray.190})",
+        $description: "Hoverfärg för bakgrund",
+        key: "{background.hover}"
+      },
+      name: "backgroundHover",
+      attributes: {},
+      path: ["background", "hover"]
+    },
+    inverse: {
+      key: "{background.inverse}",
+      $value: "light-dark(#171717, #f2f2f2)",
+      $description: "Bakgrund eller element i med hög kontrast",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.200}, {color.gray.10})",
+        $description: "Bakgrund eller element i med hög kontrast",
+        key: "{background.inverse}"
+      },
+      name: "backgroundInverse",
+      attributes: {},
+      path: ["background", "inverse"]
+    }
+  },
+  layer: {
+    "01": {
+      base: {
+        key: "{layer.01.base}",
+        $value: "light-dark(#f2f2f2, #262626)",
+        $description: "Yta som används på background. Sekundär bakgrundsfärg",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.10}, {color.gray.180})",
+          $description: "Yta som används på background. Sekundär bakgrundsfärg",
+          key: "{layer.01.base}"
+        },
+        name: "layer01Base",
+        attributes: {},
+        path: ["layer", "01", "base"]
+      },
+      hover: {
+        key: "{layer.01.hover}",
+        $value: "light-dark(#e6e6e6, #333)",
+        $description: "Hover state för layer01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.20}, {color.gray.170})",
+          $description: "Hover state för layer01",
+          key: "{layer.01.hover}"
+        },
+        name: "layer01Hover",
+        attributes: {},
+        path: ["layer", "01", "hover"]
+      },
+      selected: {
+        key: "{layer.01.selected}",
+        $value: "light-dark(#d9d9d9, #383838)",
+        $description: "Selected state för layer01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.30}, {color.gray.160})",
+          $description: "Selected state för layer01",
+          key: "{layer.01.selected}"
+        },
+        name: "layer01Selected",
+        attributes: {},
+        path: ["layer", "01", "selected"]
+      },
+      selectedHover: {
+        key: "{layer.01.selectedHover}",
+        $value: "light-dark(#ccc, #474747)",
+        $description: "Hover state för layerSelected01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.40}, {color.gray.150})",
+          $description: "Hover state för layerSelected01",
+          key: "{layer.01.selectedHover}"
+        },
+        name: "layer01SelectedHover",
+        attributes: {},
+        path: ["layer", "01", "selectedHover"]
+      }
+    },
+    "02": {
+      base: {
+        key: "{layer.02.base}",
+        $value: "light-dark(#fff, #383838)",
+        $description: "Yta som ligger på layer01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.white.base}, {color.gray.160})",
+          $description: "Yta som ligger på layer01",
+          key: "{layer.02.base}"
+        },
+        name: "layer02Base",
+        attributes: {},
+        path: ["layer", "02", "base"]
+      },
+      hover: {
+        key: "{layer.02.hover}",
+        $value: "light-dark(#e6e6e6, #474747)",
+        $description: "Hover state för layer02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.white.hover}, {color.gray.150})",
+          $description: "Hover state för layer02",
+          key: "{layer.02.hover}"
+        },
+        name: "layer02Hover",
+        attributes: {},
+        path: ["layer", "02", "hover"]
+      },
+      selected: {
+        key: "{layer.02.selected}",
+        $value: "light-dark(#d9d9d9, #525252)",
+        $description: "Selected state för layer02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.30}, {color.gray.140})",
+          $description: "Selected state för layer02",
+          key: "{layer.02.selected}"
+        },
+        name: "layer02Selected",
+        attributes: {},
+        path: ["layer", "02", "selected"]
+      },
+      selectedHover: {
+        key: "{layer.02.selectedHover}",
+        $value: "light-dark(#ccc, #5d5d5d)",
+        $description: "Hover state för layerSelected02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.40}, {color.gray.130})",
+          $description: "Hover state för layerSelected02",
+          key: "{layer.02.selectedHover}"
+        },
+        name: "layer02SelectedHover",
+        attributes: {},
+        path: ["layer", "02", "selectedHover"]
+      }
+    }
+  },
+  layerAccent: {
+    "01": {
+      base: {
+        key: "{layerAccent.01.base}",
+        $value: "light-dark(#d9d9d9, #383838)",
+        $description: "Accentfärg som används tillsammans med layer01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.30}, {color.gray.160})",
+          $description: "Accentfärg som används tillsammans med layer01",
+          key: "{layerAccent.01.base}"
+        },
+        name: "layerAccent01Base",
+        attributes: {},
+        path: ["layerAccent", "01", "base"]
+      },
+      hover: {
+        key: "{layerAccent.01.hover}",
+        $value: "light-dark(#ccc, #474747)",
+        $description: "Hover state för layerAccent01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.40}, {color.gray.150})",
+          $description: "Hover state för layerAccent01",
+          key: "{layerAccent.01.hover}"
+        },
+        name: "layerAccent01Hover",
+        attributes: {},
+        path: ["layerAccent", "01", "hover"]
+      },
+      selected: {
+        key: "{layerAccent.01.selected}",
+        $value: "light-dark(#bfbfbf, #525252)",
+        $description: "Selected state för layerAccent01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.50}, {color.gray.140})",
+          $description: "Selected state för layerAccent01",
+          key: "{layerAccent.01.selected}"
+        },
+        name: "layerAccent01Selected",
+        attributes: {},
+        path: ["layerAccent", "01", "selected"]
+      }
+    },
+    "02": {
+      base: {
+        key: "{layerAccent.02.base}",
+        $value: "light-dark(#f2f2f2, #262626)",
+        $description: "Accentfärg som används tillsammans med layer02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.10}, {color.gray.180})",
+          $description: "Accentfärg som används tillsammans med layer02",
+          key: "{layerAccent.02.base}"
+        },
+        name: "layerAccent02Base",
+        attributes: {},
+        path: ["layerAccent", "02", "base"]
+      },
+      hover: {
+        key: "{layerAccent.02.hover}",
+        $value: "light-dark(#e6e6e6, #333)",
+        $description: "Hover state för layerAccent02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.20}, {color.gray.170})",
+          $description: "Hover state för layerAccent02",
+          key: "{layerAccent.02.hover}"
+        },
+        name: "layerAccent02Hover",
+        attributes: {},
+        path: ["layerAccent", "02", "hover"]
+      },
+      selected: {
+        key: "{layerAccent.02.selected}",
+        $value: "light-dark(#d9d9d9, #383838)",
+        $description: "Selected state för layerAccent02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.30}, {color.gray.160})",
+          $description: "Selected state för layerAccent02",
+          key: "{layerAccent.02.selected}"
+        },
+        name: "layerAccent02Selected",
+        attributes: {},
+        path: ["layerAccent", "02", "selected"]
+      }
+    }
+  },
+  brand: {
+    primary: {
+      key: "{brand.primary}",
+      $value: "light-dark(#b90835, #b90835)",
+      $description: "Primära röda färgen",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.red.100}, {color.red.100})",
+        $description: "Primära röda färgen",
+        key: "{brand.primary}"
+      },
+      name: "brandPrimary",
+      attributes: {},
+      path: ["brand", "primary"]
+    }
+  },
+  border: {
+    color: {
+      primary: {
+        key: "{border.color.primary}",
+        $value: "light-dark(#171717, #f2f2f2)",
+        $description: "Kantlinje med hög kontrast, används med field01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.200}, {color.gray.10})",
+          $description: "Kantlinje med hög kontrast, används med field01",
+          key: "{border.color.primary}"
+        },
+        name: "borderColorPrimary",
+        attributes: {},
+        path: ["border", "color", "primary"]
+      },
+      secondary: {
+        key: "{border.color.secondary}",
+        $value: "light-dark(#737373, #8c8c8c)",
+        $description: "Kantlinje med medelhög kontrast",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.110}, {color.gray.90})",
+          $description: "Kantlinje med medelhög kontrast",
+          key: "{border.color.secondary}"
+        },
+        name: "borderColorSecondary",
+        attributes: {},
+        path: ["border", "color", "secondary"]
+      },
+      subtle: {
+        key: "{border.color.subtle}",
+        $value: "light-dark(#bfbfbf, #383838)",
+        $description: "Kantlinje med låg kontrast",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.50}, {color.gray.160})",
+          $description: "Kantlinje med låg kontrast",
+          key: "{border.color.subtle}"
+        },
+        name: "borderColorSubtle",
+        attributes: {},
+        path: ["border", "color", "subtle"]
+      },
+      tertiary: {
+        key: "{border.color.tertiary}",
+        $value: "light-dark(#143c50, #2e7ca5)",
+        $description: "Primärblå kantlinje",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.blue.150}, {color.blue.100})",
+          $description: "Primärblå kantlinje",
+          key: "{border.color.tertiary}"
+        },
+        name: "borderColorTertiary",
+        attributes: {},
+        path: ["border", "color", "tertiary"]
+      },
+      disabled: {
+        key: "{border.color.disabled}",
+        $value: "light-dark(#bfbfbf, #525252)",
+        $description: "Kantlinje för disabled state",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.50}, {color.gray.140})",
+          $description: "Kantlinje för disabled state",
+          key: "{border.color.disabled}"
+        },
+        name: "borderColorDisabled",
+        attributes: {},
+        path: ["border", "color", "disabled"]
+      }
+    },
+    width: {
+      key: "{border.width}",
+      $type: "size",
+      $value: "1px",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $type: "size",
+        $value: "1px",
+        key: "{border.width}"
+      },
+      name: "borderWidth",
+      attributes: {},
+      path: ["border", "width"]
+    }
+  },
+  field: {
+    "01": {
+      base: {
+        key: "{field.01.base}",
+        $value: "light-dark(#f2f2f2, #262626)",
+        $description: "Standardfärg för fält, som ligger på background",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.10}, {color.gray.180})",
+          $description: "Standardfärg för fält, som ligger på background",
+          key: "{field.01.base}"
+        },
+        name: "field01Base",
+        attributes: {},
+        path: ["field", "01", "base"]
+      },
+      hover: {
+        key: "{field.01.hover}",
+        $value: "light-dark(#e6e6e6, #333)",
+        $description: "Hover state för field01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.20}, {color.gray.170})",
+          $description: "Hover state för field01",
+          key: "{field.01.hover}"
+        },
+        name: "field01Hover",
+        attributes: {},
+        path: ["field", "01", "hover"]
+      },
+      active: {
+        key: "{field.01.active}",
+        $value: "light-dark(#d9d9d9, #383838)",
+        $description: "Active state för field01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.30}, {color.gray.160})",
+          $description: "Active state för field01",
+          key: "{field.01.active}"
+        },
+        name: "field01Active",
+        attributes: {},
+        path: ["field", "01", "active"]
+      }
+    },
+    "02": {
+      base: {
+        key: "{field.02.base}",
+        $value: "light-dark(#fff, #383838)",
+        $description: "Sekundfärfärg för fält, som ligger på layer01",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.white.base}, {color.gray.160})",
+          $description: "Sekundfärfärg för fält, som ligger på layer01",
+          key: "{field.02.base}"
+        },
+        name: "field02Base",
+        attributes: {},
+        path: ["field", "02", "base"]
+      },
+      hover: {
+        key: "{field.02.hover}",
+        $value: "light-dark(#e6e6e6, #474747)",
+        $description: "Hover state för field02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.white.hover}, {color.gray.150})",
+          $description: "Hover state för field02",
+          key: "{field.02.hover}"
+        },
+        name: "field02Hover",
+        attributes: {},
+        path: ["field", "02", "hover"]
+      },
+      active: {
+        key: "{field.02.active}",
+        $value: "light-dark(#d9d9d9, #525252)",
+        $description: "Active state för field02",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.30}, {color.gray.140})",
+          $description: "Active state för field02",
+          key: "{field.02.active}"
+        },
+        name: "field02Active",
+        attributes: {},
+        path: ["field", "02", "active"]
+      }
+    },
+    disabled: {
+      key: "{field.disabled}",
+      $value: "light-dark(#f2f2f2, #262626)",
+      $description: "Disabled state för fält",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.10}, {color.gray.180})",
+        $description: "Disabled state för fält",
+        key: "{field.disabled}"
+      },
+      name: "fieldDisabled",
+      attributes: {},
+      path: ["field", "disabled"]
+    }
+  },
+  skeleton: {
+    "01": {
+      key: "{skeleton.01}",
+      $value: "light-dark(#f2f2f2, #262626)",
+      $description: "Standardfärg för skeleton",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.10}, {color.gray.180})",
+        $description: "Standardfärg för skeleton",
+        key: "{skeleton.01}"
+      },
+      name: "skeleton01",
+      attributes: {},
+      path: ["skeleton", "01"]
+    },
+    "02": {
+      key: "{skeleton.02}",
+      $value: "light-dark(#d9d9d9, #383838)",
+      $description: "Färg som används när Skeleton ligger på bakgrundsfärgen `layer01` eller `light-dark(#f2f2f2,#262626)`",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.30}, {color.gray.160})",
+        $description: "Färg som används när Skeleton ligger på bakgrundsfärgen `layer01` eller `light-dark(#f2f2f2,#262626)`",
+        key: "{skeleton.02}"
+      },
+      name: "skeleton02",
+      attributes: {},
+      path: ["skeleton", "02"]
+    }
+  },
+  icon: {
+    primary: {
+      key: "{icon.primary}",
+      $value: "light-dark(#171717, #f2f2f2)",
+      $description: "Primär ikonfärg",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.200}, {color.gray.10})",
+        $description: "Primär ikonfärg",
+        key: "{icon.primary}"
+      },
+      name: "iconPrimary",
+      attributes: {},
+      path: ["icon", "primary"]
+    },
+    secondary: {
+      key: "{icon.secondary}",
+      $value: "light-dark(#525252, #a6a6a6)",
+      $description: "Sekundär ikonfärg",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.140}, {color.gray.70})",
+        $description: "Sekundär ikonfärg",
+        key: "{icon.secondary}"
+      },
+      name: "iconSecondary",
+      attributes: {},
+      path: ["icon", "secondary"]
+    },
+    tertiary: {
+      key: "{icon.tertiary}",
+      $value: "light-dark(#143c50, #f2f2f2)",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.blue.150}, {color.gray.10})",
+        key: "{icon.tertiary}"
+      },
+      name: "iconTertiary",
+      attributes: {},
+      path: ["icon", "tertiary"]
+    },
+    inverse: {
+      key: "{icon.inverse}",
+      $value: "light-dark(#fff, #171717)",
+      $description: "Inverterad ikonfärg. Ljus ikon i ljust läge och mörk ikon i mörkt läge",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.white.base}, {color.gray.200})",
+        $description: "Inverterad ikonfärg. Ljus ikon i ljust läge och mörk ikon i mörkt läge",
+        key: "{icon.inverse}"
+      },
+      name: "iconInverse",
+      attributes: {},
+      path: ["icon", "inverse"]
+    },
+    onColor: {
+      key: "{icon.onColor}",
+      $value: "light-dark(#fff, #fff)",
+      $description: "Ikonfärg på färgade ytor som inte är lager",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.white.base}, {color.white.base})",
+        $description: "Ikonfärg på färgade ytor som inte är lager",
+        key: "{icon.onColor}"
+      },
+      name: "iconOnColor",
+      attributes: {},
+      path: ["icon", "onColor"]
+    },
+    disabled: {
+      key: "{icon.disabled}",
+      $value: "light-dark(#bfbfbf, #525252)",
+      $description: "Ikoner som är disabled",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.50}, {color.gray.140})",
+        $description: "Ikoner som är disabled",
+        key: "{icon.disabled}"
+      },
+      name: "iconDisabled",
+      attributes: {},
+      path: ["icon", "disabled"]
+    },
+    success: {
+      key: "{icon.success}",
+      $value: "light-dark(#008d3c, #008d3c)",
+      $description: "Ikonfär för success state",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.signalGreen.100}, {color.signalGreen.100})",
+        $description: "Ikonfär för success state",
+        key: "{icon.success}"
+      },
+      name: "iconSuccess",
+      attributes: {},
+      path: ["icon", "success"]
+    },
+    info: {
+      key: "{icon.info}",
+      $value: "light-dark(#06c, #06c)",
+      $description: "Ikonfärg för informationsikoner",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.signalBlue.100}, {color.signalBlue.100})",
+        $description: "Ikonfärg för informationsikoner",
+        key: "{icon.info}"
+      },
+      name: "iconInfo",
+      attributes: {},
+      path: ["icon", "info"]
+    },
+    warning: {
+      key: "{icon.warning}",
+      $value: "light-dark(#e62323, #e62323)",
+      $description: "Ikonfärg för varningsikoner och invalid state",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+        $description: "Ikonfärg för varningsikoner och invalid state",
+        key: "{icon.warning}"
+      },
+      name: "iconWarning",
+      attributes: {},
+      path: ["icon", "warning"]
+    },
+    important: {
+      key: "{icon.important}",
+      $value: "light-dark(#fdb813, #fdb813)",
+      $description: "Ikonfärg för viktig information",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.signalYellow.100}, {color.signalYellow.100})",
+        $description: "Ikonfärg för viktig information",
+        key: "{icon.important}"
+      },
+      name: "iconImportant",
+      attributes: {},
+      path: ["icon", "important"]
+    }
+  },
+  link: {
+    enabled: {
+      key: "{link.enabled}",
+      $value: "light-dark(#29698C, #6CA3C0)",
+      $description: "Primärlänkfärg",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.blue.120}, {color.blue.70})",
+        $description: "Primärlänkfärg",
+        key: "{link.enabled}"
+      },
+      name: "linkEnabled",
+      attributes: {},
+      path: ["link", "enabled"]
+    },
+    hover: {
+      key: "{link.hover}",
+      $value: "light-dark(#143c50, #94BCD1)",
+      $description: "Hover state för länkar",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.blue.150}, {color.blue.50})",
+        $description: "Hover state för länkar",
+        key: "{link.hover}"
+      },
+      name: "linkHover",
+      attributes: {},
+      path: ["link", "hover"]
+    },
+    pressed: {
+      key: "{link.pressed}",
+      $value: "light-dark(#171717, #abcbdb)",
+      $description: "Active/pressed state för länkar",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.200}, {color.blue.40})",
+        $description: "Active/pressed state för länkar",
+        key: "{link.pressed}"
+      },
+      name: "linkPressed",
+      attributes: {},
+      path: ["link", "pressed"]
+    },
+    visited: {
+      key: "{link.visited}",
+      $value: "light-dark(#954b95, #b46ab4)",
+      $description: "Färg för besökta länkar",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.purple.110}, {color.purple.80})",
+        $description: "Färg för besökta länkar",
+        key: "{link.visited}"
+      },
+      name: "linkVisited",
+      attributes: {},
+      path: ["link", "visited"]
+    }
+  },
+  support: {
+    border: {
+      success: {
+        key: "{support.border.success}",
+        $value: "light-dark(#008d3c, #008d3c)",
+        $description: "Kantlinje för success-notifikationer",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalGreen.100}, {color.signalGreen.100})",
+          $description: "Kantlinje för success-notifikationer",
+          key: "{support.border.success}"
+        },
+        name: "supportBorderSuccess",
+        attributes: {},
+        path: ["support", "border", "success"]
+      },
+      info: {
+        key: "{support.border.info}",
+        $value: "light-dark(#06c, #06c)",
+        $description: "Kantlinje för notifikationer med information",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalBlue.100}, {color.signalBlue.100})",
+          $description: "Kantlinje för notifikationer med information",
+          key: "{support.border.info}"
+        },
+        name: "supportBorderInfo",
+        attributes: {},
+        path: ["support", "border", "info"]
+      },
+      important: {
+        key: "{support.border.important}",
+        $value: "light-dark(#fdb813, #fdb813)",
+        $description: "Kantlinje för notifikationer med viktig information",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalYellow.100}, {color.signalYellow.100})",
+          $description: "Kantlinje för notifikationer med viktig information",
+          key: "{support.border.important}"
+        },
+        name: "supportBorderImportant",
+        attributes: {},
+        path: ["support", "border", "important"]
+      },
+      warning: {
+        key: "{support.border.warning}",
+        $value: "light-dark(#e62323, #e62323)",
+        $description: "Kantlinje för notifikationer med varningar",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+          $description: "Kantlinje för notifikationer med varningar",
+          key: "{support.border.warning}"
+        },
+        name: "supportBorderWarning",
+        attributes: {},
+        path: ["support", "border", "warning"]
+      }
+    },
+    background: {
+      success: {
+        key: "{support.background.success}",
+        $value: "light-dark(#d5f2d9, #262626)",
+        $description: "Bakgrund för success-notifikationer",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalGreen.20}, {color.gray.180})",
+          $description: "Bakgrund för success-notifikationer",
+          key: "{support.background.success}"
+        },
+        name: "supportBackgroundSuccess",
+        attributes: {},
+        path: ["support", "background", "success"]
+      },
+      successHover: {
+        key: "{support.background.successHover}",
+        $value: "light-dark(#bae5c5, #333)",
+        $description: "Hoverbakgrund för success-notifikationer",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalGreen.30}, {color.gray.170})",
+          $description: "Hoverbakgrund för success-notifikationer",
+          key: "{support.background.successHover}"
+        },
+        name: "supportBackgroundSuccessHover",
+        attributes: {},
+        path: ["support", "background", "successHover"]
+      },
+      info: {
+        key: "{support.background.info}",
+        $value: "light-dark(#eaf2f6, #262626)",
+        $description: "Bakgrund för notifikationer med information",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalBlue.10}, {color.gray.180})",
+          $description: "Bakgrund för notifikationer med information",
+          key: "{support.background.info}"
+        },
+        name: "supportBackgroundInfo",
+        attributes: {},
+        path: ["support", "background", "info"]
+      },
+      infoHover: {
+        key: "{support.background.infoHover}",
+        $value: "light-dark(#d5e5ed, #333)",
+        $description: "Hoverbakgrund för notifikationer med information",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalBlue.20}, {color.gray.170})",
+          $description: "Hoverbakgrund för notifikationer med information",
+          key: "{support.background.infoHover}"
+        },
+        name: "supportBackgroundInfoHover",
+        attributes: {},
+        path: ["support", "background", "infoHover"]
+      },
+      important: {
+        key: "{support.background.important}",
+        $value: "light-dark(#fff8e1, #262626)",
+        $description: "Bakgrund för notifikationer med viktig information",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalYellow.10}, {color.gray.180})",
+          $description: "Bakgrund för notifikationer med viktig information",
+          key: "{support.background.important}"
+        },
+        name: "supportBackgroundImportant",
+        attributes: {},
+        path: ["support", "background", "important"]
+      },
+      importantHover: {
+        key: "{support.background.importantHover}",
+        $value: "light-dark(#FFEBA8, #333)",
+        $description: "Hoverbakgrund för notifikationer med viktig information",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalYellow.20}, {color.gray.170})",
+          $description: "Hoverbakgrund för notifikationer med viktig information",
+          key: "{support.background.importantHover}"
+        },
+        name: "supportBackgroundImportantHover",
+        attributes: {},
+        path: ["support", "background", "importantHover"]
+      },
+      warning: {
+        key: "{support.background.warning}",
+        $value: "light-dark(#ffdfdf, #262626)",
+        $description: "Bakgrund för notifikationer med varningar",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalRed.20}, {color.gray.180})",
+          $description: "Bakgrund för notifikationer med varningar",
+          key: "{support.background.warning}"
+        },
+        name: "supportBackgroundWarning",
+        attributes: {},
+        path: ["support", "background", "warning"]
+      },
+      warningHover: {
+        key: "{support.background.warningHover}",
+        $value: "light-dark(#fcc8c8, #333)",
+        $description: "Hoverbakgrund för notifikationer med varningar",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.signalRed.30}, {color.gray.170})",
+          $description: "Hoverbakgrund för notifikationer med varningar",
+          key: "{support.background.warningHover}"
+        },
+        name: "supportBackgroundWarningHover",
+        attributes: {},
+        path: ["support", "background", "warningHover"]
+      }
+    }
+  },
+  text: {
+    primary: {
+      key: "{text.primary}",
+      $value: "light-dark(#171717, #f2f2f2)",
+      $description: "Primär textfärg. Rubriker och brödtext.",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.200}, {color.gray.10})",
+        $description: "Primär textfärg. Rubriker och brödtext.",
+        key: "{text.primary}"
+      },
+      name: "textPrimary",
+      attributes: {},
+      path: ["text", "primary"]
+    },
+    secondary: {
+      key: "{text.secondary}",
+      $value: "light-dark(#525252, #a6a6a6)",
+      $description: "Sekundär textfärg",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.140}, {color.gray.70})",
+        $description: "Sekundär textfärg",
+        key: "{text.secondary}"
+      },
+      name: "textSecondary",
+      attributes: {},
+      path: ["text", "secondary"]
+    },
+    tertiary: {
+      key: "{text.tertiary}",
+      $value: "light-dark(#143c50, #f2f2f2)",
+      $description: "Textfärg på tertiär knapp",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.blue.150}, {color.gray.10})",
+        $description: "Textfärg på tertiär knapp",
+        key: "{text.tertiary}"
+      },
+      name: "textTertiary",
+      attributes: {},
+      path: ["text", "tertiary"]
+    },
+    onColor: {
+      key: "{text.onColor}",
+      $value: "light-dark(#fff, #fff)",
+      $description: "Textfärg på färgade bakgrunder som inte är lager",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.white.base}, {color.white.base})",
+        $description: "Textfärg på färgade bakgrunder som inte är lager",
+        key: "{text.onColor}"
+      },
+      name: "textOnColor",
+      attributes: {},
+      path: ["text", "onColor"]
+    },
+    inverse: {
+      key: "{text.inverse}",
+      $value: "light-dark(#f2f2f2, #171717)",
+      $description: "Inverterad textfärg",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.10}, {color.gray.200})",
+        $description: "Inverterad textfärg",
+        key: "{text.inverse}"
+      },
+      name: "textInverse",
+      attributes: {},
+      path: ["text", "inverse"]
+    },
+    disabled: {
+      key: "{text.disabled}",
+      $value: "light-dark(#bfbfbf, #525252)",
+      $description: "Textfärg för disabled state",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.50}, {color.gray.140})",
+        $description: "Textfärg för disabled state",
+        key: "{text.disabled}"
+      },
+      name: "textDisabled",
+      attributes: {},
+      path: ["text", "disabled"]
+    },
+    warning: {
+      key: "{text.warning}",
+      $value: "light-dark(#e62323, #eb4e4e)",
+      $description: "Textfärg för felmeddelanden",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.signalRed.100}, {color.signalRed.80})",
+        $description: "Textfärg för felmeddelanden",
+        key: "{text.warning}"
+      },
+      name: "textWarning",
+      attributes: {},
+      path: ["text", "warning"]
+    },
+    placeholder: {
+      key: "{text.placeholder}",
+      $value: "light-dark(#a6a6a6, #525252)",
+      $description: "Textfärg för platshållare",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.gray.70}, {color.gray.140})",
+        $description: "Textfärg för platshållare",
+        key: "{text.placeholder}"
+      },
+      name: "textPlaceholder",
+      attributes: {},
+      path: ["text", "placeholder"]
+    }
+  },
+  button: {
+    background: {
+      primary: {
+        base: {
+          key: "{button.background.primary.base}",
+          $value: "light-dark(#143c50, #2e7ca5)",
+          $description: "Färg på primärknapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.150}, {color.blue.100})",
+            $description: "Färg på primärknapp",
+            key: "{button.background.primary.base}"
+          },
+          name: "buttonBackgroundPrimaryBase",
+          attributes: {},
+          path: ["button", "background", "primary", "base"]
+        },
+        hover: {
+          key: "{button.background.primary.hover}",
+          $value: "light-dark(#25607f, #25607f)",
+          $description: "Hover state på primärknapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.130}, {color.blue.130})",
+            $description: "Hover state på primärknapp",
+            key: "{button.background.primary.hover}"
+          },
+          name: "buttonBackgroundPrimaryHover",
+          attributes: {},
+          path: ["button", "background", "primary", "hover"]
+        },
+        active: {
+          key: "{button.background.primary.active}",
+          $value: "light-dark(#2e7ca5, #143c50)",
+          $description: "Active state för primärknapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.100}, {color.blue.150})",
+            $description: "Active state för primärknapp",
+            key: "{button.background.primary.active}"
+          },
+          name: "buttonBackgroundPrimaryActive",
+          attributes: {},
+          path: ["button", "background", "primary", "active"]
+        }
+      },
+      secondary: {
+        base: {
+          key: "{button.background.secondary.base}",
+          $value: "light-dark(#fff, #171717)",
+          $description: "Färg på sekundärknapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.white.base}, {color.gray.200})",
+            $description: "Färg på sekundärknapp",
+            key: "{button.background.secondary.base}"
+          },
+          name: "buttonBackgroundSecondaryBase",
+          attributes: {},
+          path: ["button", "background", "secondary", "base"]
+        },
+        hover: {
+          key: "{button.background.secondary.hover}",
+          $value: "light-dark(#e6e6e6, #212121)",
+          $description: "Hover state på sekundärknapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.white.hover}, {color.gray.190})",
+            $description: "Hover state på sekundärknapp",
+            key: "{button.background.secondary.hover}"
+          },
+          name: "buttonBackgroundSecondaryHover",
+          attributes: {},
+          path: ["button", "background", "secondary", "hover"]
+        },
+        active: {
+          key: "{button.background.secondary.active}",
+          $value: "light-dark(#d9d9d9, #262626)",
+          $description: "Active state för sekundärknapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.gray.30}, {color.gray.180})",
+            $description: "Active state för sekundärknapp",
+            key: "{button.background.secondary.active}"
+          },
+          name: "buttonBackgroundSecondaryActive",
+          attributes: {},
+          path: ["button", "background", "secondary", "active"]
+        }
+      },
+      tertiary: {
+        hover: {
+          key: "{button.background.tertiary.hover}",
+          $value: "light-dark(#e6e6e6, #212121)",
+          $description: "Hover state för tertiär knapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.white.hover}, {color.gray.190})",
+            $description: "Hover state för tertiär knapp",
+            key: "{button.background.tertiary.hover}"
+          },
+          name: "buttonBackgroundTertiaryHover",
+          attributes: {},
+          path: ["button", "background", "tertiary", "hover"]
+        },
+        active: {
+          key: "{button.background.tertiary.active}",
+          $value: "light-dark(#d9d9d9, #262626)",
+          $description: "Active state för tertiär knapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.gray.30}, {color.gray.180})",
+            $description: "Active state för tertiär knapp",
+            key: "{button.background.tertiary.active}"
+          },
+          name: "buttonBackgroundTertiaryActive",
+          attributes: {},
+          path: ["button", "background", "tertiary", "active"]
+        }
+      },
+      danger: {
+        base: {
+          key: "{button.background.danger.base}",
+          $value: "light-dark(#e62323, #e62323)",
+          $description: "Färg på danger knapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+            $description: "Färg på danger knapp",
+            key: "{button.background.danger.base}"
+          },
+          name: "buttonBackgroundDangerBase",
+          attributes: {},
+          path: ["button", "background", "danger", "base"]
+        },
+        hover: {
+          key: "{button.background.danger.hover}",
+          $value: "light-dark(#bc1d1d, #bc1d1d)",
+          $description: "Hover state för danger knapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.signalRed.120}, {color.signalRed.120})",
+            $description: "Hover state för danger knapp",
+            key: "{button.background.danger.hover}"
+          },
+          name: "buttonBackgroundDangerHover",
+          attributes: {},
+          path: ["button", "background", "danger", "hover"]
+        },
+        active: {
+          key: "{button.background.danger.active}",
+          $value: "light-dark(#7d1313, #7d1313)",
+          $description: "Active state för danger knapp",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.signalRed.150}, {color.signalRed.150})",
+            $description: "Active state för danger knapp",
+            key: "{button.background.danger.active}"
+          },
+          name: "buttonBackgroundDangerActive",
+          attributes: {},
+          path: ["button", "background", "danger", "active"]
+        }
+      },
+      disabled: {
+        key: "{button.background.disabled}",
+        $value: "light-dark(#f2f2f2, #262626)",
+        $description: "Disabled state för knappar",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.gray.10}, {color.gray.180})",
+          $description: "Disabled state för knappar",
+          key: "{button.background.disabled}"
+        },
+        name: "buttonBackgroundDisabled",
+        attributes: {},
+        path: ["button", "background", "disabled"]
+      }
+    },
+    border: {
+      secondary: {
+        key: "{button.border.secondary}",
+        $value: "light-dark(#143c50, #f2f2f2)",
+        $description: "Kantfärg för sekundärknapp",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.blue.150}, {color.gray.10})",
+          $description: "Kantfärg för sekundärknapp",
+          key: "{button.border.secondary}"
+        },
+        name: "buttonBorderSecondary",
+        attributes: {},
+        path: ["button", "border", "secondary"]
+      }
+    },
+    icon: {
+      hover: {
+        key: "{button.icon.hover}",
+        $value: "light-dark(#0000001a, #ffffff1a)",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark(#0000001a, #ffffff1a)",
+          key: "{button.icon.hover}"
+        },
+        name: "buttonIconHover",
+        attributes: {},
+        path: ["button", "icon", "hover"]
+      },
+      active: {
+        key: "{button.icon.active}",
+        $value: "light-dark(#00000033, #ffffff33)",
+        $description: "Active state för ikoner",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark(#00000033, #ffffff33)",
+          $description: "Active state för ikoner",
+          key: "{button.icon.active}"
+        },
+        name: "buttonIconActive",
+        attributes: {},
+        path: ["button", "icon", "active"]
+      }
+    }
+  },
+  badge: {
+    background: {
+      key: "{badge.background}",
+      $value: "light-dark(#e62323, #e62323)",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+        key: "{badge.background}"
+      },
+      name: "badgeBackground",
+      attributes: {},
+      path: ["badge", "background"]
+    }
+  },
+  calendar: {
+    date: {
+      background: {
+        hover: {
+          key: "{calendar.date.background.hover}",
+          $value: "light-dark(#0000001a, #ffffff1a)",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark(#0000001a, #ffffff1a)",
+            key: "{calendar.date.background.hover}"
+          },
+          name: "calendarDateBackgroundHover",
+          attributes: {},
+          path: ["calendar", "date", "background", "hover"]
+        },
+        selected: {
+          key: "{calendar.date.background.selected}",
+          $value: "light-dark(#143c50, #5897b8)",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.150}, {color.blue.80})",
+            key: "{calendar.date.background.selected}"
+          },
+          name: "calendarDateBackgroundSelected",
+          attributes: {},
+          path: ["calendar", "date", "background", "selected"]
+        },
+        startRange: {
+          key: "{calendar.date.background.startRange}",
+          $value: "light-dark(#143c50, #5897b8)",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.150}, {color.blue.80})",
+            key: "{calendar.date.background.startRange}"
+          },
+          name: "calendarDateBackgroundStartRange",
+          attributes: {},
+          path: ["calendar", "date", "background", "startRange"]
+        },
+        inRange: {
+          key: "{calendar.date.background.inRange}",
+          $value: "light-dark(#d5e5ed, #143c50)",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.20}, {color.blue.150})",
+            key: "{calendar.date.background.inRange}"
+          },
+          name: "calendarDateBackgroundInRange",
+          attributes: {},
+          path: ["calendar", "date", "background", "inRange"]
+        },
+        endRange: {
+          key: "{calendar.date.background.endRange}",
+          $value: "light-dark(#143c50, #5897b8)",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.blue.150}, {color.blue.80})",
+            key: "{calendar.date.background.endRange}"
+          },
+          name: "calendarDateBackgroundEndRange",
+          attributes: {},
+          path: ["calendar", "date", "background", "endRange"]
+        }
+      }
+    }
+  },
+  logo: {
+    primary: {
+      key: "{logo.primary}",
+      $value: "light-dark(#b90835, #fff)",
+      $description: "Färg på logotypen",
+      filePath: "src/theme/tokens/object-values.json",
+      isSource: !0,
+      original: {
+        $value: "light-dark({color.red.100}, {color.white.base})",
+        $description: "Färg på logotypen",
+        key: "{logo.primary}"
+      },
+      name: "logoPrimary",
+      attributes: {},
+      path: ["logo", "primary"]
+    }
+  },
+  menu: {
+    item: {
+      background: {
+        hover: {
+          key: "{menu.item.background.hover}",
+          $value: "light-dark(#e6e6e6, #212121)",
+          $description: "Bakgrundsfärg för menu vid hover",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.gray.20}, {color.gray.190})",
+            $description: "Bakgrundsfärg för menu vid hover",
+            key: "{menu.item.background.hover}"
+          },
+          name: "menuItemBackgroundHover",
+          attributes: {},
+          path: ["menu", "item", "background", "hover"]
+        },
+        selected: {
+          key: "{menu.item.background.selected}",
+          $value: "light-dark(#f2f2f2, #262626)",
+          $description: "Bakgrundsfärg för aktiv menu",
+          filePath: "src/theme/tokens/object-values.json",
+          isSource: !0,
+          original: {
+            $value: "light-dark({color.gray.10}, {color.gray.180})",
+            $description: "Bakgrundsfärg för aktiv menu",
+            key: "{menu.item.background.selected}"
+          },
+          name: "menuItemBackgroundSelected",
+          attributes: {},
+          path: ["menu", "item", "background", "selected"]
+        }
+      }
+    },
+    text: {
+      sectionHeader: {
+        key: "{menu.text.sectionHeader}",
+        $value: "light-dark(#29698C, #5897b8)",
+        filePath: "src/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $value: "light-dark({color.blue.120}, {color.blue.80})",
+          key: "{menu.text.sectionHeader}"
+        },
+        name: "menuTextSectionHeader",
+        attributes: {},
+        path: ["menu", "text", "sectionHeader"]
+      }
+    }
+  },
+  size: {
+    10: {
+      key: "{size.10}",
+      $value: "0.125rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.125rem",
+        $type: "dimension",
+        key: "{size.10}"
+      },
+      name: "size10",
+      attributes: {},
+      path: ["size", "10"]
+    },
+    15: {
+      key: "{size.15}",
+      $value: "0.188rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.188rem",
+        $type: "dimension",
+        key: "{size.15}"
+      },
+      name: "size15",
+      attributes: {},
+      path: ["size", "15"]
+    },
+    20: {
+      key: "{size.20}",
+      $value: "0.25rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.25rem",
+        $type: "dimension",
+        key: "{size.20}"
+      },
+      name: "size20",
+      attributes: {},
+      path: ["size", "20"]
+    },
+    30: {
+      key: "{size.30}",
+      $value: "0.375rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.375rem",
+        $type: "dimension",
+        key: "{size.30}"
+      },
+      name: "size30",
+      attributes: {},
+      path: ["size", "30"]
+    },
+    40: {
+      key: "{size.40}",
+      $value: "0.5rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.5rem",
+        $type: "dimension",
+        key: "{size.40}"
+      },
+      name: "size40",
+      attributes: {},
+      path: ["size", "40"]
+    },
+    50: {
+      key: "{size.50}",
+      $value: "0.625rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.625rem",
+        $type: "dimension",
+        key: "{size.50}"
+      },
+      name: "size50",
+      attributes: {},
+      path: ["size", "50"]
+    },
+    60: {
+      key: "{size.60}",
+      $value: "0.75rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.75rem",
+        $type: "dimension",
+        key: "{size.60}"
+      },
+      name: "size60",
+      attributes: {},
+      path: ["size", "60"]
+    },
+    70: {
+      key: "{size.70}",
+      $value: "0.875rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.875rem",
+        $type: "dimension",
+        key: "{size.70}"
+      },
+      name: "size70",
+      attributes: {},
+      path: ["size", "70"]
+    },
+    75: {
+      key: "{size.75}",
+      $value: "0.938rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.938rem",
+        $type: "dimension",
+        key: "{size.75}"
+      },
+      name: "size75",
+      attributes: {},
+      path: ["size", "75"]
+    },
+    80: {
+      key: "{size.80}",
+      $value: "1rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "1rem",
+        $type: "dimension",
+        key: "{size.80}"
+      },
+      name: "size80",
+      attributes: {},
+      path: ["size", "80"]
+    },
+    90: {
+      key: "{size.90}",
+      $value: "1.25rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "1.25rem",
+        $type: "dimension",
+        key: "{size.90}"
+      },
+      name: "size90",
+      attributes: {},
+      path: ["size", "90"]
+    },
+    100: {
+      key: "{size.100}",
+      $value: "1.5rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "1.5rem",
+        $type: "dimension",
+        key: "{size.100}"
+      },
+      name: "size100",
+      attributes: {},
+      path: ["size", "100"]
+    },
+    110: {
+      key: "{size.110}",
+      $value: "1.75rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "1.75rem",
+        $type: "dimension",
+        key: "{size.110}"
+      },
+      name: "size110",
+      attributes: {},
+      path: ["size", "110"]
+    },
+    120: {
+      key: "{size.120}",
+      $value: "2rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "2rem",
+        $type: "dimension",
+        key: "{size.120}"
+      },
+      name: "size120",
+      attributes: {},
+      path: ["size", "120"]
+    },
+    130: {
+      key: "{size.130}",
+      $value: "2.5rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "2.5rem",
+        $type: "dimension",
+        key: "{size.130}"
+      },
+      name: "size130",
+      attributes: {},
+      path: ["size", "130"]
+    },
+    140: {
+      key: "{size.140}",
+      $value: "2.75rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "2.75rem",
+        $type: "dimension",
+        key: "{size.140}"
+      },
+      name: "size140",
+      attributes: {},
+      path: ["size", "140"]
+    },
+    150: {
+      key: "{size.150}",
+      $value: "3rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "3rem",
+        $type: "dimension",
+        key: "{size.150}"
+      },
+      name: "size150",
+      attributes: {},
+      path: ["size", "150"]
+    },
+    "00": {
+      key: "{size.00}",
+      $value: 0,
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: 0,
+        $type: "dimension",
+        key: "{size.00}"
+      },
+      name: "size00",
+      attributes: {},
+      path: ["size", "00"]
+    },
+    "05": {
+      key: "{size.05}",
+      $value: "0.063rem",
+      filePath: "src/theme/tokens/sizing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "0.063rem",
+        $type: "dimension",
+        key: "{size.05}"
+      },
+      name: "size05",
+      attributes: {},
+      path: ["size", "05"]
+    }
+  },
+  spacing: {
+    10: {
+      key: "{spacing.10}",
+      $type: "dimension",
+      $value: "0.125rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "0.125rem",
+        key: "{spacing.10}"
+      },
+      name: "spacing10",
+      attributes: {},
+      path: ["spacing", "10"]
+    },
+    20: {
+      key: "{spacing.20}",
+      $type: "dimension",
+      $value: "0.25rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "0.25rem",
+        key: "{spacing.20}"
+      },
+      name: "spacing20",
+      attributes: {},
+      path: ["spacing", "20"]
+    },
+    30: {
+      key: "{spacing.30}",
+      $type: "dimension",
+      $value: "0.5rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "0.5rem",
+        key: "{spacing.30}"
+      },
+      name: "spacing30",
+      attributes: {},
+      path: ["spacing", "30"]
+    },
+    40: {
+      key: "{spacing.40}",
+      $type: "dimension",
+      $value: "0.75rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "0.75rem",
+        key: "{spacing.40}"
+      },
+      name: "spacing40",
+      attributes: {},
+      path: ["spacing", "40"]
+    },
+    50: {
+      key: "{spacing.50}",
+      $type: "dimension",
+      $value: "1rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "1rem",
+        key: "{spacing.50}"
+      },
+      name: "spacing50",
+      attributes: {},
+      path: ["spacing", "50"]
+    },
+    60: {
+      key: "{spacing.60}",
+      $type: "dimension",
+      $value: "1.5rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "1.5rem",
+        key: "{spacing.60}"
+      },
+      name: "spacing60",
+      attributes: {},
+      path: ["spacing", "60"]
+    },
+    70: {
+      key: "{spacing.70}",
+      $type: "dimension",
+      $value: "2rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "2rem",
+        key: "{spacing.70}"
+      },
+      name: "spacing70",
+      attributes: {},
+      path: ["spacing", "70"]
+    },
+    80: {
+      key: "{spacing.80}",
+      $type: "dimension",
+      $value: "2.5rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "2.5rem",
+        key: "{spacing.80}"
+      },
+      name: "spacing80",
+      attributes: {},
+      path: ["spacing", "80"]
+    },
+    90: {
+      key: "{spacing.90}",
+      $type: "dimension",
+      $value: "3rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "3rem",
+        key: "{spacing.90}"
+      },
+      name: "spacing90",
+      attributes: {},
+      path: ["spacing", "90"]
+    },
+    100: {
+      key: "{spacing.100}",
+      $type: "dimension",
+      $value: "4rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "4rem",
+        key: "{spacing.100}"
+      },
+      name: "spacing100",
+      attributes: {},
+      path: ["spacing", "100"]
+    },
+    110: {
+      key: "{spacing.110}",
+      $type: "dimension",
+      $value: "5rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "5rem",
+        key: "{spacing.110}"
+      },
+      name: "spacing110",
+      attributes: {},
+      path: ["spacing", "110"]
+    },
+    120: {
+      key: "{spacing.120}",
+      $type: "dimension",
+      $value: "6rem",
+      filePath: "src/theme/tokens/spacing.json",
+      isSource: !0,
+      original: {
+        $type: "dimension",
+        $value: "6rem",
+        key: "{spacing.120}"
+      },
+      name: "spacing120",
+      attributes: {},
+      path: ["spacing", "120"]
+    }
+  },
+  state: {
+    focus: {
+      key: "{state.focus}",
+      $type: "string",
+      $value: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",
+      filePath: "src/theme/tokens/states.json",
+      isSource: !0,
+      original: {
+        $type: "string",
+        $value: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",
+        key: "{state.focus}"
+      },
+      name: "stateFocus",
+      attributes: {},
+      path: ["state", "focus"]
+    },
+    focusInset: {
+      key: "{state.focusInset}",
+      $type: "string",
+      $value: "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)",
+      filePath: "src/theme/tokens/states.json",
+      isSource: !0,
+      original: {
+        $type: "string",
+        $value: "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)",
+        key: "{state.focusInset}"
+      },
+      name: "stateFocusInset",
+      attributes: {},
+      path: ["state", "focusInset"]
+    }
+  },
+  transitions: {
+    duration: {
+      slow: {
+        key: "{transitions.duration.slow}",
+        $type: "time",
+        $value: "500ms",
+        filePath: "src/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $type: "time",
+          $value: "500ms",
+          key: "{transitions.duration.slow}"
+        },
+        name: "transitionsDurationSlow",
+        attributes: {},
+        path: ["transitions", "duration", "slow"]
+      },
+      normal: {
+        key: "{transitions.duration.normal}",
+        $type: "time",
+        $value: "300ms",
+        filePath: "src/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $type: "time",
+          $value: "300ms",
+          key: "{transitions.duration.normal}"
+        },
+        name: "transitionsDurationNormal",
+        attributes: {},
+        path: ["transitions", "duration", "normal"]
+      },
+      fast: {
+        key: "{transitions.duration.fast}",
+        $type: "time",
+        $value: "250ms",
+        filePath: "src/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $type: "time",
+          $value: "250ms",
+          key: "{transitions.duration.fast}"
+        },
+        name: "transitionsDurationFast",
+        attributes: {},
+        path: ["transitions", "duration", "fast"]
+      }
+    }
+  },
+  typography: {
+    font: {
+      family: {
+        key: "{typography.font.family}",
+        $type: "fontFamily",
+        $value: "Inter, sans-serif",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontFamily",
+          $value: "Inter, sans-serif",
+          key: "{typography.font.family}"
+        },
+        name: "typographyFontFamily",
+        attributes: {},
+        path: ["typography", "font", "family"]
+      },
+      size: {
+        10: {
+          key: "{typography.font.size.10}",
+          $type: "fontSize",
+          $value: "0.75rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "0.75rem",
+            key: "{typography.font.size.10}"
+          },
+          name: "typographyFontSize10",
+          attributes: {},
+          path: ["typography", "font", "size", "10"]
+        },
+        20: {
+          key: "{typography.font.size.20}",
+          $type: "fontSize",
+          $value: "0.875rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "0.875rem",
+            key: "{typography.font.size.20}"
+          },
+          name: "typographyFontSize20",
+          attributes: {},
+          path: ["typography", "font", "size", "20"]
+        },
+        30: {
+          key: "{typography.font.size.30}",
+          $type: "fontSize",
+          $value: "1rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "1rem",
+            key: "{typography.font.size.30}"
+          },
+          name: "typographyFontSize30",
+          attributes: {},
+          path: ["typography", "font", "size", "30"]
+        },
+        40: {
+          key: "{typography.font.size.40}",
+          $type: "fontSize",
+          $value: "1.125rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "1.125rem",
+            key: "{typography.font.size.40}"
+          },
+          name: "typographyFontSize40",
+          attributes: {},
+          path: ["typography", "font", "size", "40"]
+        },
+        50: {
+          key: "{typography.font.size.50}",
+          $type: "fontSize",
+          $value: "1.25rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "1.25rem",
+            key: "{typography.font.size.50}"
+          },
+          name: "typographyFontSize50",
+          attributes: {},
+          path: ["typography", "font", "size", "50"]
+        },
+        60: {
+          key: "{typography.font.size.60}",
+          $type: "fontSize",
+          $value: "1.5rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "1.5rem",
+            key: "{typography.font.size.60}"
+          },
+          name: "typographyFontSize60",
+          attributes: {},
+          path: ["typography", "font", "size", "60"]
+        },
+        70: {
+          key: "{typography.font.size.70}",
+          $type: "fontSize",
+          $value: "1.75rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "1.75rem",
+            key: "{typography.font.size.70}"
+          },
+          name: "typographyFontSize70",
+          attributes: {},
+          path: ["typography", "font", "size", "70"]
+        },
+        80: {
+          key: "{typography.font.size.80}",
+          $type: "fontSize",
+          $value: "2rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "2rem",
+            key: "{typography.font.size.80}"
+          },
+          name: "typographyFontSize80",
+          attributes: {},
+          path: ["typography", "font", "size", "80"]
+        },
+        90: {
+          key: "{typography.font.size.90}",
+          $type: "fontSize",
+          $value: "2.25rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "2.25rem",
+            key: "{typography.font.size.90}"
+          },
+          name: "typographyFontSize90",
+          attributes: {},
+          path: ["typography", "font", "size", "90"]
+        },
+        100: {
+          key: "{typography.font.size.100}",
+          $type: "fontSize",
+          $value: "2.625rem",
+          filePath: "src/theme/tokens/typography.json",
+          isSource: !0,
+          original: {
+            $type: "fontSize",
+            $value: "2.625rem",
+            key: "{typography.font.size.100}"
+          },
+          name: "typographyFontSize100",
+          attributes: {},
+          path: ["typography", "font", "size", "100"]
+        }
+      }
+    },
+    lineHeight: {
+      10: {
+        key: "{typography.lineHeight.10}",
+        $type: "lineHeight",
+        $value: "1rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "1rem",
+          key: "{typography.lineHeight.10}"
+        },
+        name: "typographyLineHeight10",
+        attributes: {},
+        path: ["typography", "lineHeight", "10"]
+      },
+      20: {
+        key: "{typography.lineHeight.20}",
+        $type: "lineHeight",
+        $value: "1.125rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "1.125rem",
+          key: "{typography.lineHeight.20}"
+        },
+        name: "typographyLineHeight20",
+        attributes: {},
+        path: ["typography", "lineHeight", "20"]
+      },
+      30: {
+        key: "{typography.lineHeight.30}",
+        $type: "lineHeight",
+        $value: "1.25rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "1.25rem",
+          key: "{typography.lineHeight.30}"
+        },
+        name: "typographyLineHeight30",
+        attributes: {},
+        path: ["typography", "lineHeight", "30"]
+      },
+      40: {
+        key: "{typography.lineHeight.40}",
+        $type: "lineHeight",
+        $value: "1.375rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "1.375rem",
+          key: "{typography.lineHeight.40}"
+        },
+        name: "typographyLineHeight40",
+        attributes: {},
+        path: ["typography", "lineHeight", "40"]
+      },
+      50: {
+        key: "{typography.lineHeight.50}",
+        $type: "lineHeight",
+        $value: "1.5rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "1.5rem",
+          key: "{typography.lineHeight.50}"
+        },
+        name: "typographyLineHeight50",
+        attributes: {},
+        path: ["typography", "lineHeight", "50"]
+      },
+      60: {
+        key: "{typography.lineHeight.60}",
+        $type: "lineHeight",
+        $value: "1.75rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "1.75rem",
+          key: "{typography.lineHeight.60}"
+        },
+        name: "typographyLineHeight60",
+        attributes: {},
+        path: ["typography", "lineHeight", "60"]
+      },
+      70: {
+        key: "{typography.lineHeight.70}",
+        $type: "lineHeight",
+        $value: "2rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "2rem",
+          key: "{typography.lineHeight.70}"
+        },
+        name: "typographyLineHeight70",
+        attributes: {},
+        path: ["typography", "lineHeight", "70"]
+      },
+      80: {
+        key: "{typography.lineHeight.80}",
+        $type: "lineHeight",
+        $value: "2.25rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "2.25rem",
+          key: "{typography.lineHeight.80}"
+        },
+        name: "typographyLineHeight80",
+        attributes: {},
+        path: ["typography", "lineHeight", "80"]
+      },
+      90: {
+        key: "{typography.lineHeight.90}",
+        $type: "lineHeight",
+        $value: "2.5rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "2.5rem",
+          key: "{typography.lineHeight.90}"
+        },
+        name: "typographyLineHeight90",
+        attributes: {},
+        path: ["typography", "lineHeight", "90"]
+      },
+      100: {
+        key: "{typography.lineHeight.100}",
+        $type: "lineHeight",
+        $value: "2.75rem",
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "lineHeight",
+          $value: "2.75rem",
+          key: "{typography.lineHeight.100}"
+        },
+        name: "typographyLineHeight100",
+        attributes: {},
+        path: ["typography", "lineHeight", "100"]
+      }
+    },
+    weight: {
+      thin: {
+        key: "{typography.weight.thin}",
+        $type: "fontWeight",
+        $value: 100,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 100,
+          key: "{typography.weight.thin}"
+        },
+        name: "typographyWeightThin",
+        attributes: {},
+        path: ["typography", "weight", "thin"]
+      },
+      extraLight: {
+        key: "{typography.weight.extraLight}",
+        $type: "fontWeight",
+        $value: 200,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 200,
+          key: "{typography.weight.extraLight}"
+        },
+        name: "typographyWeightExtraLight",
+        attributes: {},
+        path: ["typography", "weight", "extraLight"]
+      },
+      light: {
+        key: "{typography.weight.light}",
+        $type: "fontWeight",
+        $value: 300,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 300,
+          key: "{typography.weight.light}"
+        },
+        name: "typographyWeightLight",
+        attributes: {},
+        path: ["typography", "weight", "light"]
+      },
+      regular: {
+        key: "{typography.weight.regular}",
+        $type: "fontWeight",
+        $value: 400,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 400,
+          key: "{typography.weight.regular}"
+        },
+        name: "typographyWeightRegular",
+        attributes: {},
+        path: ["typography", "weight", "regular"]
+      },
+      medium: {
+        key: "{typography.weight.medium}",
+        $type: "fontWeight",
+        $value: 500,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 500,
+          key: "{typography.weight.medium}"
+        },
+        name: "typographyWeightMedium",
+        attributes: {},
+        path: ["typography", "weight", "medium"]
+      },
+      semiBold: {
+        key: "{typography.weight.semiBold}",
+        $type: "fontWeight",
+        $value: 600,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 600,
+          key: "{typography.weight.semiBold}"
+        },
+        name: "typographyWeightSemiBold",
+        attributes: {},
+        path: ["typography", "weight", "semiBold"]
+      },
+      bold: {
+        key: "{typography.weight.bold}",
+        $type: "fontWeight",
+        $value: 700,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 700,
+          key: "{typography.weight.bold}"
+        },
+        name: "typographyWeightBold",
+        attributes: {},
+        path: ["typography", "weight", "bold"]
+      },
+      extraBold: {
+        key: "{typography.weight.extraBold}",
+        $type: "fontWeight",
+        $value: 800,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 800,
+          key: "{typography.weight.extraBold}"
+        },
+        name: "typographyWeightExtraBold",
+        attributes: {},
+        path: ["typography", "weight", "extraBold"]
+      },
+      black: {
+        key: "{typography.weight.black}",
+        $type: "fontWeight",
+        $value: 900,
+        filePath: "src/theme/tokens/typography.json",
+        isSource: !0,
+        original: {
+          $type: "fontWeight",
+          $value: 900,
+          key: "{typography.weight.black}"
+        },
+        name: "typographyWeightBlack",
+        attributes: {},
+        path: ["typography", "weight", "black"]
+      }
+    }
+  },
+  zIndex: {
+    base: {
+      key: "{zIndex.base}",
+      $value: 1,
+      filePath: "src/theme/tokens/z-index.json",
+      isSource: !0,
+      $type: "number",
+      original: {
+        $value: 1,
+        $type: "number",
+        key: "{zIndex.base}"
+      },
+      name: "zIndexBase",
+      attributes: {},
+      path: ["zIndex", "base"]
+    },
+    above: {
+      key: "{zIndex.above}",
+      $value: 10,
+      filePath: "src/theme/tokens/z-index.json",
+      isSource: !0,
+      $type: "number",
+      original: {
+        $value: 10,
+        $type: "number",
+        key: "{zIndex.above}"
+      },
+      name: "zIndexAbove",
+      attributes: {},
+      path: ["zIndex", "above"]
+    },
+    modal: {
+      key: "{zIndex.modal}",
+      $value: 1e3,
+      filePath: "src/theme/tokens/z-index.json",
+      isSource: !0,
+      $type: "number",
+      original: {
+        $value: 1e3,
+        $type: "number",
+        key: "{zIndex.modal}"
+      },
+      name: "zIndexModal",
+      attributes: {},
+      path: ["zIndex", "modal"]
+    },
+    toast: {
+      key: "{zIndex.toast}",
+      $value: 1100,
+      filePath: "src/theme/tokens/z-index.json",
+      isSource: !0,
+      $type: "number",
+      original: {
+        $value: 1100,
+        $type: "number",
+        key: "{zIndex.toast}"
+      },
+      name: "zIndexToast",
+      attributes: {},
+      path: ["zIndex", "toast"]
+    },
+    skipToContent: {
+      key: "{zIndex.skipToContent}",
+      $value: 1200,
+      filePath: "src/theme/tokens/z-index.json",
+      isSource: !0,
+      $type: "number",
+      original: {
+        $value: 1200,
+        $type: "number",
+        key: "{zIndex.skipToContent}"
+      },
+      name: "zIndexSkipToContent",
+      attributes: {},
+      path: ["zIndex", "skipToContent"]
+    }
+  }
+}, t = "480px", r = "768px", o = "1024px", a = "1280px", i = "(max-width: calc(480px - 1px))", n = "(min-width: 480px)", l = "(min-width: 768px)", s = "(min-width: 1024px)", c = "(min-width: 1280px)", u = "(forced-colors: active)", g = "(prefers-color-scheme: dark)", d = "(prefers-reduced-motion: reduced)", y = "#000", p = "#0d0d0d", h = "#fff", k = "#e6e6e6", b = "#f2f2f2", f = "#e6e6e6", m = "#d9d9d9", $ = "#ccc", v = "#bfbfbf", S = "#b3b3b3", j = "#a6a6a6", P = "#999", z = "#8c8c8c", B = "#808080", w = "#737373", H = "#666", x = "#5d5d5d", R = "#525252", A = "#474747", I = "#383838", G = "#333", C = "#262626", F = "#212121", W = "#171717", D = "#eaf2f6", T = "#d5e5ed", L = "#abcbdb", M = "#94BCD1", Y = "#82b0c9", K = "#6CA3C0", E = "#5897b8", O = "#4289ad", X = "#2e7ca5", _ = "#2C7399", N = "#29698C", V = "#25607f", q = "#143c50", J = "#b46ab4", Q = "#954b95", U = "#b90835", Z = "#eaf2f6", ee = "#d5e5ed", te = "#06c", re = "#d5f2d9", oe = "#bae5c5", ae = "#008d3c", ie = "#fff8e1", ne = "#FFEBA8", le = "#fdb813", se = "#ffefef", ce = "#ffdfdf", ue = "#fcc8c8", ge = "#f9b0b0", de = "#f69999", ye = "#f38181", pe = "#ef6a6a", he = "#eb4e4e", ke = "#e93b3b", be = "#e62323", fe = "#d12020", me = "#bc1d1d", $e = "#a71919", ve = "#921616", Se = "#7d1313", je = "#691010", Pe = "#540d0d", ze = "#3f0a0a", Be = "#2a0606", we = "#150303", He = "light-dark(#fff, #171717)", xe = "light-dark(#e6e6e6, #212121)", Re = "light-dark(#171717, #f2f2f2)", Ae = "light-dark(#f2f2f2, #262626)", Ie = "light-dark(#e6e6e6, #333)", Ge = "light-dark(#d9d9d9, #383838)", Ce = "light-dark(#ccc, #474747)", Fe = "light-dark(#fff, #383838)", We = "light-dark(#e6e6e6, #474747)", De = "light-dark(#d9d9d9, #525252)", Te = "light-dark(#ccc, #5d5d5d)", Le = "light-dark(#d9d9d9, #383838)", Me = "light-dark(#ccc, #474747)", Ye = "light-dark(#bfbfbf, #525252)", Ke = "light-dark(#f2f2f2, #262626)", Ee = "light-dark(#e6e6e6, #333)", Oe = "light-dark(#d9d9d9, #383838)", Xe = "light-dark(#b90835, #b90835)", _e = "light-dark(#171717, #f2f2f2)", Ne = "light-dark(#737373, #8c8c8c)", Ve = "light-dark(#bfbfbf, #383838)", qe = "light-dark(#143c50, #2e7ca5)", Je = "light-dark(#bfbfbf, #525252)", Qe = "1px", Ue = "light-dark(#f2f2f2, #262626)", Ze = "light-dark(#e6e6e6, #333)", et = "light-dark(#d9d9d9, #383838)", tt = "light-dark(#fff, #383838)", rt = "light-dark(#e6e6e6, #474747)", ot = "light-dark(#d9d9d9, #525252)", at = "light-dark(#f2f2f2, #262626)", it = "light-dark(#f2f2f2, #262626)", nt = "light-dark(#d9d9d9, #383838)", lt = "light-dark(#171717, #f2f2f2)", st = "light-dark(#525252, #a6a6a6)", ct = "light-dark(#143c50, #f2f2f2)", ut = "light-dark(#fff, #171717)", gt = "light-dark(#fff, #fff)", dt = "light-dark(#bfbfbf, #525252)", yt = "light-dark(#008d3c, #008d3c)", pt = "light-dark(#06c, #06c)", ht = "light-dark(#e62323, #e62323)", kt = "light-dark(#fdb813, #fdb813)", bt = "light-dark(#29698C, #6CA3C0)", ft = "light-dark(#143c50, #94BCD1)", mt = "light-dark(#171717, #abcbdb)", $t = "light-dark(#954b95, #b46ab4)", vt = "light-dark(#008d3c, #008d3c)", St = "light-dark(#06c, #06c)", jt = "light-dark(#fdb813, #fdb813)", Pt = "light-dark(#e62323, #e62323)", zt = "light-dark(#d5f2d9, #262626)", Bt = "light-dark(#bae5c5, #333)", wt = "light-dark(#eaf2f6, #262626)", Ht = "light-dark(#d5e5ed, #333)", xt = "light-dark(#fff8e1, #262626)", Rt = "light-dark(#FFEBA8, #333)", At = "light-dark(#ffdfdf, #262626)", It = "light-dark(#fcc8c8, #333)", Gt = "light-dark(#171717, #f2f2f2)", Ct = "light-dark(#525252, #a6a6a6)", Ft = "light-dark(#143c50, #f2f2f2)", Wt = "light-dark(#fff, #fff)", Dt = "light-dark(#f2f2f2, #171717)", Tt = "light-dark(#bfbfbf, #525252)", Lt = "light-dark(#e62323, #eb4e4e)", Mt = "light-dark(#a6a6a6, #525252)", Yt = "light-dark(#143c50, #2e7ca5)", Kt = "light-dark(#25607f, #25607f)", Et = "light-dark(#2e7ca5, #143c50)", Ot = "light-dark(#fff, #171717)", Xt = "light-dark(#e6e6e6, #212121)", _t = "light-dark(#d9d9d9, #262626)", Nt = "light-dark(#e6e6e6, #212121)", Vt = "light-dark(#d9d9d9, #262626)", qt = "light-dark(#e62323, #e62323)", Jt = "light-dark(#bc1d1d, #bc1d1d)", Qt = "light-dark(#7d1313, #7d1313)", Ut = "light-dark(#f2f2f2, #262626)", Zt = "light-dark(#143c50, #f2f2f2)", er = "light-dark(#0000001a, #ffffff1a)", tr = "light-dark(#00000033, #ffffff33)", rr = "light-dark(#e62323, #e62323)", or = "light-dark(#0000001a, #ffffff1a)", ar = "light-dark(#143c50, #5897b8)", ir = "light-dark(#143c50, #5897b8)", nr = "light-dark(#d5e5ed, #143c50)", lr = "light-dark(#143c50, #5897b8)", sr = "light-dark(#b90835, #fff)", cr = "light-dark(#e6e6e6, #212121)", ur = "light-dark(#f2f2f2, #262626)", gr = "light-dark(#29698C, #5897b8)", dr = "0.125rem", yr = "0.188rem", pr = "0.25rem", hr = "0.375rem", kr = "0.5rem", br = "0.625rem", fr = "0.75rem", mr = "0.875rem", $r = "0.938rem", vr = "1rem", Sr = "1.25rem", jr = "1.5rem", Pr = "1.75rem", zr = "2rem", Br = "2.5rem", wr = "2.75rem", Hr = "3rem", xr = 0, Rr = "0.063rem", Ar = "0.125rem", Ir = "0.25rem", Gr = "0.5rem", Cr = "0.75rem", Fr = "1rem", Wr = "1.5rem", Dr = "2rem", Tr = "2.5rem", Lr = "3rem", Mr = "4rem", Yr = "5rem", Kr = "6rem", Er = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", Or = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", Xr = "500ms", _r = "300ms", Nr = "250ms", Vr = "Inter, sans-serif", qr = "0.75rem", Jr = "0.875rem", Qr = "1rem", Ur = "1.125rem", Zr = "1.25rem", eo = "1.5rem", to = "1.75rem", ro = "2rem", oo = "2.25rem", ao = "2.625rem", io = "1rem", no = "1.125rem", lo = "1.25rem", so = "1.375rem", co = "1.5rem", uo = "1.75rem", go = "2rem", yo = "2.25rem", po = "2.5rem", ho = "2.75rem", ko = 100, bo = 200, fo = 300, mo = 400, $o = 500, vo = 600, So = 700, jo = 800, Po = 900, zo = 1, Bo = 10, wo = 1e3, Ho = 1100, xo = 1200, Io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  backgroundBase: He,
+  backgroundHover: xe,
+  backgroundInverse: Re,
+  badgeBackground: rr,
+  borderColorDisabled: Je,
+  borderColorPrimary: _e,
+  borderColorSecondary: Ne,
+  borderColorSubtle: Ve,
+  borderColorTertiary: qe,
+  borderWidth: Qe,
+  brandPrimary: Xe,
+  breakpointsDarkMode: g,
+  breakpointsForcedColorsMode: u,
+  breakpointsLg: s,
+  breakpointsMd: l,
+  breakpointsPrefersReducedMotion: d,
+  breakpointsSm: n,
+  breakpointsXl: c,
+  breakpointsXs: i,
+  buttonBackgroundDangerActive: Qt,
+  buttonBackgroundDangerBase: qt,
+  buttonBackgroundDangerHover: Jt,
+  buttonBackgroundDisabled: Ut,
+  buttonBackgroundPrimaryActive: Et,
+  buttonBackgroundPrimaryBase: Yt,
+  buttonBackgroundPrimaryHover: Kt,
+  buttonBackgroundSecondaryActive: _t,
+  buttonBackgroundSecondaryBase: Ot,
+  buttonBackgroundSecondaryHover: Xt,
+  buttonBackgroundTertiaryActive: Vt,
+  buttonBackgroundTertiaryHover: Nt,
+  buttonBorderSecondary: Zt,
+  buttonIconActive: tr,
+  buttonIconHover: er,
+  calendarDateBackgroundEndRange: lr,
+  calendarDateBackgroundHover: or,
+  calendarDateBackgroundInRange: nr,
+  calendarDateBackgroundSelected: ar,
+  calendarDateBackgroundStartRange: ir,
+  colorBlackBase: y,
+  colorBlackHover: p,
+  colorBlue10: D,
+  colorBlue100: X,
+  colorBlue110: _,
+  colorBlue120: N,
+  colorBlue130: V,
+  colorBlue150: q,
+  colorBlue20: T,
+  colorBlue40: L,
+  colorBlue50: M,
+  colorBlue60: Y,
+  colorBlue70: K,
+  colorBlue80: E,
+  colorBlue90: O,
+  colorGray10: b,
+  colorGray100: B,
+  colorGray110: w,
+  colorGray120: H,
+  colorGray130: x,
+  colorGray140: R,
+  colorGray150: A,
+  colorGray160: I,
+  colorGray170: G,
+  colorGray180: C,
+  colorGray190: F,
+  colorGray20: f,
+  colorGray200: W,
+  colorGray30: m,
+  colorGray40: $,
+  colorGray50: v,
+  colorGray60: S,
+  colorGray70: j,
+  colorGray80: P,
+  colorGray90: z,
+  colorPurple110: Q,
+  colorPurple80: J,
+  colorRed100: U,
+  colorSignalBlue10: Z,
+  colorSignalBlue100: te,
+  colorSignalBlue20: ee,
+  colorSignalGreen100: ae,
+  colorSignalGreen20: re,
+  colorSignalGreen30: oe,
+  colorSignalRed10: se,
+  colorSignalRed100: be,
+  colorSignalRed110: fe,
+  colorSignalRed120: me,
+  colorSignalRed130: $e,
+  colorSignalRed140: ve,
+  colorSignalRed150: Se,
+  colorSignalRed160: je,
+  colorSignalRed170: Pe,
+  colorSignalRed180: ze,
+  colorSignalRed190: Be,
+  colorSignalRed20: ce,
+  colorSignalRed200: we,
+  colorSignalRed30: ue,
+  colorSignalRed40: ge,
+  colorSignalRed50: de,
+  colorSignalRed60: ye,
+  colorSignalRed70: pe,
+  colorSignalRed80: he,
+  colorSignalRed90: ke,
+  colorSignalYellow10: ie,
+  colorSignalYellow100: le,
+  colorSignalYellow20: ne,
+  colorWhiteBase: h,
+  colorWhiteHover: k,
+  field01Active: et,
+  field01Base: Ue,
+  field01Hover: Ze,
+  field02Active: ot,
+  field02Base: tt,
+  field02Hover: rt,
+  fieldDisabled: at,
+  iconDisabled: dt,
+  iconImportant: kt,
+  iconInfo: pt,
+  iconInverse: ut,
+  iconOnColor: gt,
+  iconPrimary: lt,
+  iconSecondary: st,
+  iconSuccess: yt,
+  iconTertiary: ct,
+  iconWarning: ht,
+  layer01Base: Ae,
+  layer01Hover: Ie,
+  layer01Selected: Ge,
+  layer01SelectedHover: Ce,
+  layer02Base: Fe,
+  layer02Hover: We,
+  layer02Selected: De,
+  layer02SelectedHover: Te,
+  layerAccent01Base: Le,
+  layerAccent01Hover: Me,
+  layerAccent01Selected: Ye,
+  layerAccent02Base: Ke,
+  layerAccent02Hover: Ee,
+  layerAccent02Selected: Oe,
+  linkEnabled: bt,
+  linkHover: ft,
+  linkPressed: mt,
+  linkVisited: $t,
+  logoPrimary: sr,
+  menuItemBackgroundHover: cr,
+  menuItemBackgroundSelected: ur,
+  menuTextSectionHeader: gr,
+  size00: xr,
+  size05: Rr,
+  size10: dr,
+  size100: jr,
+  size110: Pr,
+  size120: zr,
+  size130: Br,
+  size140: wr,
+  size15: yr,
+  size150: Hr,
+  size20: pr,
+  size30: hr,
+  size40: kr,
+  size50: br,
+  size60: fr,
+  size70: mr,
+  size75: $r,
+  size80: vr,
+  size90: Sr,
+  skeleton01: it,
+  skeleton02: nt,
+  spacing10: Ar,
+  spacing100: Mr,
+  spacing110: Yr,
+  spacing120: Kr,
+  spacing20: Ir,
+  spacing30: Gr,
+  spacing40: Cr,
+  spacing50: Fr,
+  spacing60: Wr,
+  spacing70: Dr,
+  spacing80: Tr,
+  spacing90: Lr,
+  stateFocus: Er,
+  stateFocusInset: Or,
+  supportBackgroundImportant: xt,
+  supportBackgroundImportantHover: Rt,
+  supportBackgroundInfo: wt,
+  supportBackgroundInfoHover: Ht,
+  supportBackgroundSuccess: zt,
+  supportBackgroundSuccessHover: Bt,
+  supportBackgroundWarning: At,
+  supportBackgroundWarningHover: It,
+  supportBorderImportant: jt,
+  supportBorderInfo: St,
+  supportBorderSuccess: vt,
+  supportBorderWarning: Pt,
+  textDisabled: Tt,
+  textInverse: Dt,
+  textOnColor: Wt,
+  textPlaceholder: Mt,
+  textPrimary: Gt,
+  textSecondary: Ct,
+  textTertiary: Ft,
+  textWarning: Lt,
+  transitionsDurationFast: Nr,
+  transitionsDurationNormal: _r,
+  transitionsDurationSlow: Xr,
+  typographyFontFamily: Vr,
+  typographyFontSize10: qr,
+  typographyFontSize100: ao,
+  typographyFontSize20: Jr,
+  typographyFontSize30: Qr,
+  typographyFontSize40: Ur,
+  typographyFontSize50: Zr,
+  typographyFontSize60: eo,
+  typographyFontSize70: to,
+  typographyFontSize80: ro,
+  typographyFontSize90: oo,
+  typographyLineHeight10: io,
+  typographyLineHeight100: ho,
+  typographyLineHeight20: no,
+  typographyLineHeight30: lo,
+  typographyLineHeight40: so,
+  typographyLineHeight50: co,
+  typographyLineHeight60: uo,
+  typographyLineHeight70: go,
+  typographyLineHeight80: yo,
+  typographyLineHeight90: po,
+  typographyWeightBlack: Po,
+  typographyWeightBold: So,
+  typographyWeightExtraBold: jo,
+  typographyWeightExtraLight: bo,
+  typographyWeightLight: fo,
+  typographyWeightMedium: $o,
+  typographyWeightRegular: mo,
+  typographyWeightSemiBold: vo,
+  typographyWeightThin: ko,
+  windowSizesLg: o,
+  windowSizesMd: r,
+  windowSizesSm: t,
+  windowSizesXl: a,
+  zIndexAbove: Bo,
+  zIndexBase: zo,
+  zIndexModal: wo,
+  zIndexSkipToContent: xo,
+  zIndexToast: Ho
+}, Symbol.toStringTag, { value: "Module" })), Go = { ...e };
 export {
-  i as baseColors,
-  n as breakpoints,
-  r as semantic,
-  p as sizing,
-  m as spacing,
-  c as states,
-  t as theme,
-  g as transitions,
-  z as typography,
-  b as windowSizes,
-  d as zIndex
+  Wo as baseColors,
+  Do as breakpoints,
+  To as semantic,
+  Lo as sizing,
+  Mo as spacing,
+  Yo as states,
+  Go as theme,
+  Ao as tokens,
+  Ko as transitions,
+  Eo as typography,
+  Io as variables,
+  Oo as windowSizes,
+  Xo as zIndex
 };