@midas-ds/theme 1.0.2 → 2.0.0

package/index.js

@@ -1 +1,4026 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={white:"#ffffff",black:"#000000",gray10:"#f2f2f2",gray20:"#e6e6e6",gray30:"#d9d9d9",gray40:"#cccccc",gray50:"#bfbfbf",gray60:"#b3b3b3",gray70:"#a6a6a6",gray80:"#999999",gray90:"#8c8c8c",gray100:"#808080",gray130:"#5d5d5d",gray150:"#1f1f1f",red10:"#f7e9e7",red20:"#f1d4d1",red30:"#e9beba",red40:"#e2a8a4",red50:"#d9918e",red60:"#d37a7a",red70:"#cc6467",red80:"#c54c56",red90:"#be3345",red100:"#b90835",red130:"#8b1327",red150:"#641018",blue10:"#eaf2f6",blue20:"#d5e5ed",blue30:"#c0d7e4",blue40:"#abcbdb",blue50:"#94bcd1",blue60:"#82b0c9",blue70:"#6ca3c0",blue80:"#5897b8",blue90:"#4289ad",blue100:"#2e7ca5",blue130:"#25607f",blue150:"#143c50"},o={outline:"#303030",primaryBackground:e.blue150,primaryText:"#303030",primaryHover:e.blue130,primaryFocus:e.black,primaryActive:"#4289ae",secondaryBackground:e.gray130,secondaryText:e.white,secondaryHover:"#303030",secondaryActive:"#303030"},i={inputText:e.gray150},r={signalGreen10:"#d5f2d9",signalGreen100:"#008d3c",signalBlue10:e.blue10,signalBlue100:"#0066cc",signalYellow10:"#fff8e1",signalYellow100:"#f1c21b",signalRed10:"#ffdfdf",signalRed100:"#e62323",signalRed130:"#b31b1b",signalRed150:"#801313"},a={sRadius:" 0.125rem",mRadius:" 0.25rem"},t={xsWidth:" 0.0625rem",sWidth:" 0.125rem",mWidth:" 0.25rem"},d={lightWeight:"300",regularWeight:"400",mediumWeight:"500",semiBoldWeight:"600",boldWeight:"700",blackWeight:"900"},n={desktopSize:"1rem",mobileSize:"1rem",largeSize:"1.5rem",inputNormalSize:"0.875rem",inputMessageSize:"0.75rem",inputLabelSize:"1rem",inputDescriptionSize:"0.875rem"},s={logoPrimary:e.red100,logoSecondary:e.white,textPrimary:e.gray150,textSecondary:e.white,textTertiary:e.red100,link:e.blue130,linkVisited:"#663366",backgroundPrimary:e.white,backgroundSecondary:e.gray10,backgroundFooter1:e.red100,backgroundFooter2:e.red130,backgroundInfo:e.blue10,backgroundImportant:r.signalYellow10,borderPrimary:e.black,borderSecondary:e.gray60,borderFocusOuter:e.black,borderFocusInner:e.white,iconPrimary:e.black,iconInverted:e.white},c={slowTransition:"500ms",normalTransition:"300ms",fastTransition:"250ms"},l={smBreakpoint:"(max-width: 767px)",mdBreakpoint:"(min-width: 768px)",lgBreakpoint:"(min-width: 1200px)",xlBreakpoint:"(min-width: 1440px)"},b={forcedColorsMode:"(forced-colors: active)",prefersReducedMotion:"(prefers-reduced-motion: reduced)"},g={display:'"Inter", sans-serif'},u={focus:"0 0 0 2px white, 0 0 0 4px black"},m=Object.freeze(Object.defineProperty({__proto__:null,accessibility:b,baseColors:e,borderRadius:a,borderWidths:t,boxShadow:u,breakpoints:l,buttonColors:o,font:g,fontSizes:n,fontWeights:d,inputColor:i,midasColors:s,midasTransitions:c,signalColors:r},Symbol.toStringTag,{value:"Module"})),f={...m};exports.accessibility=b;exports.baseColors=e;exports.borderRadius=a;exports.borderWidths=t;exports.boxShadow=u;exports.breakpoints=l;exports.buttonColors=o;exports.font=g;exports.fontSizes=n;exports.fontWeights=d;exports.inputColor=i;exports.midasColors=s;exports.midasTransitions=c;exports.signalColors=r;exports.theme=f;
+const xr = {
+  windowSizes: {
+    sm: {
+      key: "{windowSizes.sm}",
+      $value: "480px",
+      filePath: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "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: "tokens/z-index.json",
+      isSource: !0,
+      $type: "number",
+      original: {
+        $value: 1200,
+        $type: "number",
+        key: "{zIndex.skipToContent}"
+      },
+      name: "zIndexSkipToContent",
+      attributes: {},
+      path: ["zIndex", "skipToContent"]
+    }
+  }
+}, e = "480px", o = "768px", t = "1024px", r = "1280px", a = "'(max-width: calc(480px - 1px))'", i = "'(min-width: 480px)'", n = "'(min-width: 768px)'", l = "'(min-width: 1024px)'", s = "'(min-width: 1280px)'", c = "'(forced-colors: active)'", u = "'(prefers-color-scheme: dark)'", g = "'(prefers-reduced-motion: reduced)'", d = "#000", y = "#0d0d0d", p = "#fff", k = "#e6e6e6", h = "#f2f2f2", b = "#e6e6e6", f = "#d9d9d9", $ = "#ccc", v = "#bfbfbf", m = "#b3b3b3", S = "#a6a6a6", j = "#999", P = "#8c8c8c", z = "#808080", B = "#737373", H = "#666", w = "#5d5d5d", x = "#525252", R = "#474747", A = "#383838", I = "#333", G = "#262626", C = "#212121", F = "#171717", W = "#eaf2f6", D = "#d5e5ed", T = "#abcbdb", L = "#94BCD1", M = "#82b0c9", Y = "#6CA3C0", K = "#5897b8", E = "#4289ad", O = "#2e7ca5", X = "#2C7399", _ = "#29698C", N = "#25607f", V = "#143c50", q = "#b46ab4", J = "#954b95", Q = "#b90835", U = "#eaf2f6", Z = "#d5e5ed", ee = "#06c", oe = "#d5f2d9", te = "#bae5c5", re = "#008d3c", ae = "#fff8e1", ie = "#FFEBA8", ne = "#fdb813", le = "#ffefef", se = "#ffdfdf", ce = "#fcc8c8", ue = "#f9b0b0", ge = "#f69999", de = "#f38181", ye = "#ef6a6a", pe = "#eb4e4e", ke = "#e93b3b", he = "#e62323", be = "#d12020", fe = "#bc1d1d", $e = "#a71919", ve = "#921616", me = "#7d1313", Se = "#691010", je = "#540d0d", Pe = "#3f0a0a", ze = "#2a0606", Be = "#150303", He = "light-dark(#fff, #171717)", we = "light-dark(#e6e6e6, #212121)", xe = "light-dark(#171717, #f2f2f2)", Re = "light-dark(#f2f2f2, #262626)", Ae = "light-dark(#e6e6e6, #333)", Ie = "light-dark(#d9d9d9, #383838)", Ge = "light-dark(#ccc, #474747)", Ce = "light-dark(#fff, #383838)", Fe = "light-dark(#e6e6e6, #474747)", We = "light-dark(#d9d9d9, #525252)", De = "light-dark(#ccc, #5d5d5d)", Te = "light-dark(#d9d9d9, #383838)", Le = "light-dark(#ccc, #474747)", Me = "light-dark(#bfbfbf, #525252)", Ye = "light-dark(#f2f2f2, #262626)", Ke = "light-dark(#e6e6e6, #333)", Ee = "light-dark(#d9d9d9, #383838)", Oe = "light-dark(#b90835, #b90835)", Xe = "light-dark(#171717, #f2f2f2)", _e = "light-dark(#737373, #8c8c8c)", Ne = "light-dark(#bfbfbf, #383838)", Ve = "light-dark(#143c50, #2e7ca5)", qe = "light-dark(#bfbfbf, #525252)", Je = "1px", Qe = "light-dark(#f2f2f2, #262626)", Ue = "light-dark(#e6e6e6, #333)", Ze = "light-dark(#d9d9d9, #383838)", eo = "light-dark(#fff, #383838)", oo = "light-dark(#e6e6e6, #474747)", to = "light-dark(#d9d9d9, #525252)", ro = "light-dark(#f2f2f2, #262626)", ao = "light-dark(#f2f2f2, #262626)", io = "light-dark(#d9d9d9, #383838)", no = "light-dark(#171717, #f2f2f2)", lo = "light-dark(#525252, #a6a6a6)", so = "light-dark(#143c50, #f2f2f2)", co = "light-dark(#fff, #171717)", uo = "light-dark(#fff, #fff)", go = "light-dark(#bfbfbf, #525252)", yo = "light-dark(#008d3c, #008d3c)", po = "light-dark(#06c, #06c)", ko = "light-dark(#e62323, #e62323)", ho = "light-dark(#fdb813, #fdb813)", bo = "light-dark(#29698C, #6CA3C0)", fo = "light-dark(#143c50, #94BCD1)", $o = "light-dark(#171717, #abcbdb)", vo = "light-dark(#954b95, #b46ab4)", mo = "light-dark(#008d3c, #008d3c)", So = "light-dark(#06c, #06c)", jo = "light-dark(#fdb813, #fdb813)", Po = "light-dark(#e62323, #e62323)", zo = "light-dark(#d5f2d9, #262626)", Bo = "light-dark(#bae5c5, #333)", Ho = "light-dark(#eaf2f6, #262626)", wo = "light-dark(#d5e5ed, #333)", xo = "light-dark(#fff8e1, #262626)", Ro = "light-dark(#FFEBA8, #333)", Ao = "light-dark(#ffdfdf, #262626)", Io = "light-dark(#fcc8c8, #333)", Go = "light-dark(#171717, #f2f2f2)", Co = "light-dark(#525252, #a6a6a6)", Fo = "light-dark(#143c50, #f2f2f2)", Wo = "light-dark(#fff, #fff)", Do = "light-dark(#f2f2f2, #171717)", To = "light-dark(#bfbfbf, #525252)", Lo = "light-dark(#e62323, #eb4e4e)", Mo = "light-dark(#a6a6a6, #525252)", Yo = "light-dark(#143c50, #2e7ca5)", Ko = "light-dark(#25607f, #25607f)", Eo = "light-dark(#2e7ca5, #143c50)", Oo = "light-dark(#fff, #171717)", Xo = "light-dark(#e6e6e6, #212121)", _o = "light-dark(#d9d9d9, #262626)", No = "light-dark(#e6e6e6, #212121)", Vo = "light-dark(#d9d9d9, #262626)", qo = "light-dark(#e62323, #e62323)", Jo = "light-dark(#bc1d1d, #bc1d1d)", Qo = "light-dark(#7d1313, #7d1313)", Uo = "light-dark(#f2f2f2, #262626)", Zo = "light-dark(#143c50, #f2f2f2)", et = "light-dark(#0000001a, #ffffff1a)", ot = "light-dark(#00000033, #ffffff33)", tt = "light-dark(#e62323, #e62323)", rt = "light-dark(#0000001a, #ffffff1a)", at = "light-dark(#143c50, #5897b8)", it = "light-dark(#143c50, #5897b8)", nt = "light-dark(#d5e5ed, #143c50)", lt = "light-dark(#143c50, #5897b8)", st = "light-dark(#b90835, #fff)", ct = "light-dark(#e6e6e6, #212121)", ut = "light-dark(#f2f2f2, #262626)", gt = "light-dark(#29698C, #5897b8)", dt = "0.125rem", yt = "0.188rem", pt = "0.25rem", kt = "0.375rem", ht = "0.5rem", bt = "0.625rem", ft = "0.75rem", $t = "0.875rem", vt = "0.938rem", mt = "1rem", St = "1.25rem", jt = "1.5rem", Pt = "1.75rem", zt = "2rem", Bt = "2.5rem", Ht = "2.75rem", wt = "3rem", xt = 0, Rt = "0.063rem", At = "0.125rem", It = "0.25rem", Gt = "0.5rem", Ct = "0.75rem", Ft = "1rem", Wt = "1.5rem", Dt = "2rem", Tt = "2.5rem", Lt = "3rem", Mt = "4rem", Yt = "5rem", Kt = "6rem", Et = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", Ot = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", Xt = "500ms", _t = "300ms", Nt = "250ms", Vt = "Inter, sans-serif", qt = "0.75rem", Jt = "0.875rem", Qt = "1rem", Ut = "1.125rem", Zt = "1.25rem", er = "1.5rem", or = "1.75rem", tr = "2rem", rr = "2.25rem", ar = "2.625rem", ir = "1rem", nr = "1.125rem", lr = "1.25rem", sr = "1.375rem", cr = "1.5rem", ur = "1.75rem", gr = "2rem", dr = "2.25rem", yr = "2.5rem", pr = "2.75rem", kr = 100, hr = 200, br = 300, fr = 400, $r = 500, vr = 600, mr = 700, Sr = 800, jr = 900, Pr = 1, zr = 10, Br = 1e3, Hr = 1100, wr = 1200, Rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  backgroundBase: He,
+  backgroundHover: we,
+  backgroundInverse: xe,
+  badgeBackground: tt,
+  borderColorDisabled: qe,
+  borderColorPrimary: Xe,
+  borderColorSecondary: _e,
+  borderColorSubtle: Ne,
+  borderColorTertiary: Ve,
+  borderWidth: Je,
+  brandPrimary: Oe,
+  breakpointsDarkMode: u,
+  breakpointsForcedColorsMode: c,
+  breakpointsLg: l,
+  breakpointsMd: n,
+  breakpointsPrefersReducedMotion: g,
+  breakpointsSm: i,
+  breakpointsXl: s,
+  breakpointsXs: a,
+  buttonBackgroundDangerActive: Qo,
+  buttonBackgroundDangerBase: qo,
+  buttonBackgroundDangerHover: Jo,
+  buttonBackgroundDisabled: Uo,
+  buttonBackgroundPrimaryActive: Eo,
+  buttonBackgroundPrimaryBase: Yo,
+  buttonBackgroundPrimaryHover: Ko,
+  buttonBackgroundSecondaryActive: _o,
+  buttonBackgroundSecondaryBase: Oo,
+  buttonBackgroundSecondaryHover: Xo,
+  buttonBackgroundTertiaryActive: Vo,
+  buttonBackgroundTertiaryHover: No,
+  buttonBorderSecondary: Zo,
+  buttonIconActive: ot,
+  buttonIconHover: et,
+  calendarDateBackgroundEndRange: lt,
+  calendarDateBackgroundHover: rt,
+  calendarDateBackgroundInRange: nt,
+  calendarDateBackgroundSelected: at,
+  calendarDateBackgroundStartRange: it,
+  colorBlackBase: d,
+  colorBlackHover: y,
+  colorBlue10: W,
+  colorBlue100: O,
+  colorBlue110: X,
+  colorBlue120: _,
+  colorBlue130: N,
+  colorBlue150: V,
+  colorBlue20: D,
+  colorBlue40: T,
+  colorBlue50: L,
+  colorBlue60: M,
+  colorBlue70: Y,
+  colorBlue80: K,
+  colorBlue90: E,
+  colorGray10: h,
+  colorGray100: z,
+  colorGray110: B,
+  colorGray120: H,
+  colorGray130: w,
+  colorGray140: x,
+  colorGray150: R,
+  colorGray160: A,
+  colorGray170: I,
+  colorGray180: G,
+  colorGray190: C,
+  colorGray20: b,
+  colorGray200: F,
+  colorGray30: f,
+  colorGray40: $,
+  colorGray50: v,
+  colorGray60: m,
+  colorGray70: S,
+  colorGray80: j,
+  colorGray90: P,
+  colorPurple110: J,
+  colorPurple80: q,
+  colorRed100: Q,
+  colorSignalBlue10: U,
+  colorSignalBlue100: ee,
+  colorSignalBlue20: Z,
+  colorSignalGreen100: re,
+  colorSignalGreen20: oe,
+  colorSignalGreen30: te,
+  colorSignalRed10: le,
+  colorSignalRed100: he,
+  colorSignalRed110: be,
+  colorSignalRed120: fe,
+  colorSignalRed130: $e,
+  colorSignalRed140: ve,
+  colorSignalRed150: me,
+  colorSignalRed160: Se,
+  colorSignalRed170: je,
+  colorSignalRed180: Pe,
+  colorSignalRed190: ze,
+  colorSignalRed20: se,
+  colorSignalRed200: Be,
+  colorSignalRed30: ce,
+  colorSignalRed40: ue,
+  colorSignalRed50: ge,
+  colorSignalRed60: de,
+  colorSignalRed70: ye,
+  colorSignalRed80: pe,
+  colorSignalRed90: ke,
+  colorSignalYellow10: ae,
+  colorSignalYellow100: ne,
+  colorSignalYellow20: ie,
+  colorWhiteBase: p,
+  colorWhiteHover: k,
+  field01Active: Ze,
+  field01Base: Qe,
+  field01Hover: Ue,
+  field02Active: to,
+  field02Base: eo,
+  field02Hover: oo,
+  fieldDisabled: ro,
+  iconDisabled: go,
+  iconImportant: ho,
+  iconInfo: po,
+  iconInverse: co,
+  iconOnColor: uo,
+  iconPrimary: no,
+  iconSecondary: lo,
+  iconSuccess: yo,
+  iconTertiary: so,
+  iconWarning: ko,
+  layer01Base: Re,
+  layer01Hover: Ae,
+  layer01Selected: Ie,
+  layer01SelectedHover: Ge,
+  layer02Base: Ce,
+  layer02Hover: Fe,
+  layer02Selected: We,
+  layer02SelectedHover: De,
+  layerAccent01Base: Te,
+  layerAccent01Hover: Le,
+  layerAccent01Selected: Me,
+  layerAccent02Base: Ye,
+  layerAccent02Hover: Ke,
+  layerAccent02Selected: Ee,
+  linkEnabled: bo,
+  linkHover: fo,
+  linkPressed: $o,
+  linkVisited: vo,
+  logoPrimary: st,
+  menuItemBackgroundHover: ct,
+  menuItemBackgroundSelected: ut,
+  menuTextSectionHeader: gt,
+  size00: xt,
+  size05: Rt,
+  size10: dt,
+  size100: jt,
+  size110: Pt,
+  size120: zt,
+  size130: Bt,
+  size140: Ht,
+  size15: yt,
+  size150: wt,
+  size20: pt,
+  size30: kt,
+  size40: ht,
+  size50: bt,
+  size60: ft,
+  size70: $t,
+  size75: vt,
+  size80: mt,
+  size90: St,
+  skeleton01: ao,
+  skeleton02: io,
+  spacing10: At,
+  spacing100: Mt,
+  spacing110: Yt,
+  spacing120: Kt,
+  spacing20: It,
+  spacing30: Gt,
+  spacing40: Ct,
+  spacing50: Ft,
+  spacing60: Wt,
+  spacing70: Dt,
+  spacing80: Tt,
+  spacing90: Lt,
+  stateFocus: Et,
+  stateFocusInset: Ot,
+  supportBackgroundImportant: xo,
+  supportBackgroundImportantHover: Ro,
+  supportBackgroundInfo: Ho,
+  supportBackgroundInfoHover: wo,
+  supportBackgroundSuccess: zo,
+  supportBackgroundSuccessHover: Bo,
+  supportBackgroundWarning: Ao,
+  supportBackgroundWarningHover: Io,
+  supportBorderImportant: jo,
+  supportBorderInfo: So,
+  supportBorderSuccess: mo,
+  supportBorderWarning: Po,
+  textDisabled: To,
+  textInverse: Do,
+  textOnColor: Wo,
+  textPlaceholder: Mo,
+  textPrimary: Go,
+  textSecondary: Co,
+  textTertiary: Fo,
+  textWarning: Lo,
+  transitionsDurationFast: Nt,
+  transitionsDurationNormal: _t,
+  transitionsDurationSlow: Xt,
+  typographyFontFamily: Vt,
+  typographyFontSize10: qt,
+  typographyFontSize100: ar,
+  typographyFontSize20: Jt,
+  typographyFontSize30: Qt,
+  typographyFontSize40: Ut,
+  typographyFontSize50: Zt,
+  typographyFontSize60: er,
+  typographyFontSize70: or,
+  typographyFontSize80: tr,
+  typographyFontSize90: rr,
+  typographyLineHeight10: ir,
+  typographyLineHeight100: pr,
+  typographyLineHeight20: nr,
+  typographyLineHeight30: lr,
+  typographyLineHeight40: sr,
+  typographyLineHeight50: cr,
+  typographyLineHeight60: ur,
+  typographyLineHeight70: gr,
+  typographyLineHeight80: dr,
+  typographyLineHeight90: yr,
+  typographyWeightBlack: jr,
+  typographyWeightBold: mr,
+  typographyWeightExtraBold: Sr,
+  typographyWeightExtraLight: hr,
+  typographyWeightLight: br,
+  typographyWeightMedium: $r,
+  typographyWeightRegular: fr,
+  typographyWeightSemiBold: vr,
+  typographyWeightThin: kr,
+  windowSizesLg: t,
+  windowSizesMd: o,
+  windowSizesSm: e,
+  windowSizesXl: r,
+  zIndexAbove: zr,
+  zIndexBase: Pr,
+  zIndexModal: Br,
+  zIndexSkipToContent: wr,
+  zIndexToast: Hr
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  xr as tokens,
+  Rr as variables
+};