npm - @midas-ds/theme - Versions diffs - 3.0.1 → 3.1.1 - Mend

@midas-ds/theme 3.0.1 → 3.1.1

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

Files changed (6) hide show

package/CHANGELOG.md +29 -0
package/index.mjs +1249 -661
package/lib/style-dictionary-dist/token-dictionary.d.ts +51 -32
package/lib/style-dictionary-dist/variables.d.ts +61 -33
package/package.json +1 -1
package/variables.css +1 -1

package/index.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-const Oa = {
+const ar = {
   windowSizes: {
     sm: {
       key: "{windowSizes.sm}",
@@ -125,13 +125,13 @@ const Oa = {
     xl: {
       key: "{breakpoints.xl}",
       $value: "(min-width: 1280px)",
-      $comment: "This is the largest breakpoint",
+      $description: "This is the largest breakpoint",
       filePath: "packages/theme/tokens/breakpoints.json",
       isSource: !0,
       $type: "string",
       original: {
         $value: "(min-width: {windowSizes.xl})",
-        $comment: "This is the largest breakpoint",
+        $description: "This is the largest breakpoint",
         $type: "string",
         key: "{breakpoints.xl}"
       },
@@ -140,6 +140,275 @@ const Oa = {
       path: ["breakpoints", "xl"]
     }
   },
+  button: {
+    background: {
+      primary: {
+        base: {
+          key: "{button.background.primary.base}",
+          $value: "light-dark(#143c50, #2e7ca5)",
+          $description: "Färg på primärknapp",
+          filePath: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.blue.150}, {color.blue.100})",
+            $description: "Färg på primärknapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.blue.130}, {color.blue.130})",
+            $description: "Hover state på primärknapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.blue.100}, {color.blue.150})",
+            $description: "Active state för primärknapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.white.base}, {color.gray.200})",
+            $description: "Färg på sekundärknapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.white.hover}, {color.gray.190})",
+            $description: "Hover state på sekundärknapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.gray.30}, {color.gray.180})",
+            $description: "Active state för sekundärknapp",
+            $type: "string",
+            key: "{button.background.secondary.active}"
+          },
+          name: "buttonBackgroundSecondaryActive",
+          attributes: {},
+          path: ["button", "background", "secondary", "active"]
+        }
+      },
+      tertiary: {
+        hover: {
+          key: "{button.background.tertiary.hover}",
+          $value: "light-dark(#0000000d, #ffffff21)",
+          $description: "Hover state för tertiär knapp",
+          filePath: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.black.opacity5}, {color.white.opacity13})",
+            $description: "Hover state för tertiär knapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.gray.30}, {color.gray.180})",
+            $description: "Active state för tertiär knapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+            $description: "Färg på danger knapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.signalRed.120}, {color.signalRed.120})",
+            $description: "Hover state för danger knapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+          isSource: !0,
+          $type: "string",
+          original: {
+            $value: "light-dark({color.signalRed.150}, {color.signalRed.150})",
+            $description: "Active state för danger knapp",
+            $type: "string",
+            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: "packages/theme/tokens/buttons.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.gray.10}, {color.gray.180})",
+          $description: "Disabled state för knappar",
+          $type: "string",
+          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: "packages/theme/tokens/buttons.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.blue.150}, {color.gray.10})",
+          $description: "Kantfärg för sekundärknapp",
+          $type: "string",
+          key: "{button.border.secondary}"
+        },
+        name: "buttonBorderSecondary",
+        attributes: {},
+        path: ["button", "border", "secondary"]
+      }
+    },
+    icon: {
+      hover: {
+        key: "{button.icon.hover}",
+        $value: "light-dark(#0000000d, #ffffff21)",
+        filePath: "packages/theme/tokens/buttons.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.black.opacity5}, {color.white.opacity13})",
+          $type: "string",
+          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: "packages/theme/tokens/buttons.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark(#00000033, #ffffff33)",
+          $description: "Active state för ikoner",
+          $type: "string",
+          key: "{button.icon.active}"
+        },
+        name: "buttonIconActive",
+        attributes: {},
+        path: ["button", "icon", "active"]
+      }
+    }
+  },
   color: {
     black: {
       base: {
@@ -175,6 +444,23 @@ const Oa = {
         name: "colorBlackHover",
         attributes: {},
         path: ["color", "black", "hover"]
+      },
+      opacity5: {
+        key: "{color.black.opacity5}",
+        $value: "#0000000d",
+        $description: "Black with 5% opacity",
+        filePath: "packages/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#0000000d",
+          $description: "Black with 5% opacity",
+          $type: "color",
+          key: "{color.black.opacity5}"
+        },
+        name: "colorBlackOpacity5",
+        attributes: {},
+        path: ["color", "black", "opacity5"]
       }
     },
     white: {
@@ -211,6 +497,23 @@ const Oa = {
         name: "colorWhiteHover",
         attributes: {},
         path: ["color", "white", "hover"]
+      },
+      opacity13: {
+        key: "{color.white.opacity13}",
+        $value: "#ffffff21",
+        $description: "White with 13% opacity",
+        filePath: "packages/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#ffffff21",
+          $description: "White with 13% opacity",
+          $type: "color",
+          key: "{color.white.opacity13}"
+        },
+        name: "colorWhiteOpacity13",
+        attributes: {},
+        path: ["color", "white", "opacity13"]
       }
     },
     gray: {
@@ -1482,9 +1785,11 @@ const Oa = {
       $description: "Standardbakgrund för våra applikationer",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.white.base}, {color.gray.200})",
         $description: "Standardbakgrund för våra applikationer",
+        $type: "string",
         key: "{background.base}"
       },
       name: "backgroundBase",
@@ -1497,9 +1802,11 @@ const Oa = {
       $description: "Hoverfärg för bakgrund",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.white.hover}, {color.gray.190})",
         $description: "Hoverfärg för bakgrund",
+        $type: "string",
         key: "{background.hover}"
       },
       name: "backgroundHover",
@@ -1512,9 +1819,11 @@ const Oa = {
       $description: "Bakgrund eller element i med hög kontrast",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.200}, {color.gray.10})",
         $description: "Bakgrund eller element i med hög kontrast",
+        $type: "string",
         key: "{background.inverse}"
       },
       name: "backgroundInverse",
@@ -1530,9 +1839,11 @@ const Oa = {
         $description: "Yta som används på background. Sekundär bakgrundsfärg",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.10}, {color.gray.180})",
           $description: "Yta som används på background. Sekundär bakgrundsfärg",
+          $type: "string",
           key: "{layer.01.base}"
         },
         name: "layer01Base",
@@ -1545,9 +1856,11 @@ const Oa = {
         $description: "Hover state för layer01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.20}, {color.gray.170})",
           $description: "Hover state för layer01",
+          $type: "string",
           key: "{layer.01.hover}"
         },
         name: "layer01Hover",
@@ -1560,9 +1873,11 @@ const Oa = {
         $description: "Selected state för layer01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.30}, {color.gray.160})",
           $description: "Selected state för layer01",
+          $type: "string",
           key: "{layer.01.selected}"
         },
         name: "layer01Selected",
@@ -1575,9 +1890,11 @@ const Oa = {
         $description: "Hover state för layerSelected01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.40}, {color.gray.150})",
           $description: "Hover state för layerSelected01",
+          $type: "string",
           key: "{layer.01.selectedHover}"
         },
         name: "layer01SelectedHover",
@@ -1592,9 +1909,11 @@ const Oa = {
         $description: "Yta som ligger på layer01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.white.base}, {color.gray.160})",
           $description: "Yta som ligger på layer01",
+          $type: "string",
           key: "{layer.02.base}"
         },
         name: "layer02Base",
@@ -1607,9 +1926,11 @@ const Oa = {
         $description: "Hover state för layer02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.white.hover}, {color.gray.150})",
           $description: "Hover state för layer02",
+          $type: "string",
           key: "{layer.02.hover}"
         },
         name: "layer02Hover",
@@ -1622,9 +1943,11 @@ const Oa = {
         $description: "Selected state för layer02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.30}, {color.gray.140})",
           $description: "Selected state för layer02",
+          $type: "string",
           key: "{layer.02.selected}"
         },
         name: "layer02Selected",
@@ -1637,9 +1960,11 @@ const Oa = {
         $description: "Hover state för layerSelected02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.40}, {color.gray.130})",
           $description: "Hover state för layerSelected02",
+          $type: "string",
           key: "{layer.02.selectedHover}"
         },
         name: "layer02SelectedHover",
@@ -1656,9 +1981,11 @@ const Oa = {
         $description: "Accentfärg som används tillsammans med layer01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.30}, {color.gray.160})",
           $description: "Accentfärg som används tillsammans med layer01",
+          $type: "string",
           key: "{layerAccent.01.base}"
         },
         name: "layerAccent01Base",
@@ -1671,9 +1998,11 @@ const Oa = {
         $description: "Hover state för layerAccent01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.40}, {color.gray.150})",
           $description: "Hover state för layerAccent01",
+          $type: "string",
           key: "{layerAccent.01.hover}"
         },
         name: "layerAccent01Hover",
@@ -1686,9 +2015,11 @@ const Oa = {
         $description: "Selected state för layerAccent01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.50}, {color.gray.140})",
           $description: "Selected state för layerAccent01",
+          $type: "string",
           key: "{layerAccent.01.selected}"
         },
         name: "layerAccent01Selected",
@@ -1703,9 +2034,11 @@ const Oa = {
         $description: "Accentfärg som används tillsammans med layer02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.10}, {color.gray.180})",
           $description: "Accentfärg som används tillsammans med layer02",
+          $type: "string",
           key: "{layerAccent.02.base}"
         },
         name: "layerAccent02Base",
@@ -1718,9 +2051,11 @@ const Oa = {
         $description: "Hover state för layerAccent02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.20}, {color.gray.170})",
           $description: "Hover state för layerAccent02",
+          $type: "string",
           key: "{layerAccent.02.hover}"
         },
         name: "layerAccent02Hover",
@@ -1733,9 +2068,11 @@ const Oa = {
         $description: "Selected state för layerAccent02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.30}, {color.gray.160})",
           $description: "Selected state för layerAccent02",
+          $type: "string",
           key: "{layerAccent.02.selected}"
         },
         name: "layerAccent02Selected",
@@ -1751,9 +2088,11 @@ const Oa = {
       $description: "Primära röda färgen",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.red.100}, {color.red.100})",
         $description: "Primära röda färgen",
+        $type: "string",
         key: "{brand.primary}"
       },
       name: "brandPrimary",
@@ -1769,9 +2108,11 @@ const Oa = {
         $description: "Kantlinje med hög kontrast, används med field01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.200}, {color.gray.10})",
           $description: "Kantlinje med hög kontrast, används med field01",
+          $type: "string",
           key: "{border.color.primary}"
         },
         name: "borderColorPrimary",
@@ -1784,9 +2125,11 @@ const Oa = {
         $description: "Kantlinje med medelhög kontrast",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.110}, {color.gray.90})",
           $description: "Kantlinje med medelhög kontrast",
+          $type: "string",
           key: "{border.color.secondary}"
         },
         name: "borderColorSecondary",
@@ -1799,9 +2142,11 @@ const Oa = {
         $description: "Kantlinje med låg kontrast",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.50}, {color.gray.160})",
           $description: "Kantlinje med låg kontrast",
+          $type: "string",
           key: "{border.color.subtle}"
         },
         name: "borderColorSubtle",
@@ -1814,9 +2159,11 @@ const Oa = {
         $description: "Primärblå kantlinje",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.blue.150}, {color.blue.100})",
           $description: "Primärblå kantlinje",
+          $type: "string",
           key: "{border.color.tertiary}"
         },
         name: "borderColorTertiary",
@@ -1829,9 +2176,11 @@ const Oa = {
         $description: "Kantlinje för disabled state",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.50}, {color.gray.140})",
           $description: "Kantlinje för disabled state",
+          $type: "string",
           key: "{border.color.disabled}"
         },
         name: "borderColorDisabled",
@@ -1841,13 +2190,16 @@ const Oa = {
     },
     width: {
       key: "{border.width}",
-      $type: "size",
       $value: "1px",
+      $type: "dimension",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
       original: {
-        $type: "size",
-        $value: "1px",
+        $value: {
+          value: 1,
+          unit: "px"
+        },
+        $type: "dimension",
         key: "{border.width}"
       },
       name: "borderWidth",
@@ -1863,9 +2215,11 @@ const Oa = {
         $description: "Standardfärg för fält, som ligger på background",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.10}, {color.gray.180})",
           $description: "Standardfärg för fält, som ligger på background",
+          $type: "string",
           key: "{field.01.base}"
         },
         name: "field01Base",
@@ -1878,9 +2232,11 @@ const Oa = {
         $description: "Hover state för field01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.20}, {color.gray.170})",
           $description: "Hover state för field01",
+          $type: "string",
           key: "{field.01.hover}"
         },
         name: "field01Hover",
@@ -1893,9 +2249,11 @@ const Oa = {
         $description: "Active state för field01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.30}, {color.gray.160})",
           $description: "Active state för field01",
+          $type: "string",
           key: "{field.01.active}"
         },
         name: "field01Active",
@@ -1910,9 +2268,11 @@ const Oa = {
         $description: "Sekundfärfärg för fält, som ligger på layer01",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.white.base}, {color.gray.160})",
           $description: "Sekundfärfärg för fält, som ligger på layer01",
+          $type: "string",
           key: "{field.02.base}"
         },
         name: "field02Base",
@@ -1925,9 +2285,11 @@ const Oa = {
         $description: "Hover state för field02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.white.hover}, {color.gray.150})",
           $description: "Hover state för field02",
+          $type: "string",
           key: "{field.02.hover}"
         },
         name: "field02Hover",
@@ -1940,9 +2302,11 @@ const Oa = {
         $description: "Active state för field02",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.30}, {color.gray.140})",
           $description: "Active state för field02",
+          $type: "string",
           key: "{field.02.active}"
         },
         name: "field02Active",
@@ -1956,9 +2320,11 @@ const Oa = {
       $description: "Disabled state för fält",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.10}, {color.gray.180})",
         $description: "Disabled state för fält",
+        $type: "string",
         key: "{field.disabled}"
       },
       name: "fieldDisabled",
@@ -1973,9 +2339,11 @@ const Oa = {
       $description: "Standardfärg för skeleton",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.10}, {color.gray.180})",
         $description: "Standardfärg för skeleton",
+        $type: "string",
         key: "{skeleton.01}"
       },
       name: "skeleton01",
@@ -1988,9 +2356,11 @@ const Oa = {
       $description: "Färg som används när Skeleton ligger på bakgrundsfärgen `layer01` eller `light-dark(#f2f2f2,#262626)`",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       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)`",
+        $type: "string",
         key: "{skeleton.02}"
       },
       name: "skeleton02",
@@ -2005,9 +2375,11 @@ const Oa = {
       $description: "Primär ikonfärg",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.200}, {color.gray.10})",
         $description: "Primär ikonfärg",
+        $type: "string",
         key: "{icon.primary}"
       },
       name: "iconPrimary",
@@ -2020,9 +2392,11 @@ const Oa = {
       $description: "Sekundär ikonfärg",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.140}, {color.gray.70})",
         $description: "Sekundär ikonfärg",
+        $type: "string",
         key: "{icon.secondary}"
       },
       name: "iconSecondary",
@@ -2034,8 +2408,10 @@ const Oa = {
       $value: "light-dark(#143c50, #f2f2f2)",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.blue.150}, {color.gray.10})",
+        $type: "string",
         key: "{icon.tertiary}"
       },
       name: "iconTertiary",
@@ -2048,9 +2424,11 @@ const Oa = {
       $description: "Inverterad ikonfärg. Ljus ikon i ljust läge och mörk ikon i mörkt läge",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       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",
+        $type: "string",
         key: "{icon.inverse}"
       },
       name: "iconInverse",
@@ -2063,9 +2441,11 @@ const Oa = {
       $description: "Ikonfärg på färgade ytor som inte är lager",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.white.base}, {color.white.base})",
         $description: "Ikonfärg på färgade ytor som inte är lager",
+        $type: "string",
         key: "{icon.onColor}"
       },
       name: "iconOnColor",
@@ -2078,9 +2458,11 @@ const Oa = {
       $description: "Ikoner som är disabled",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.50}, {color.gray.140})",
         $description: "Ikoner som är disabled",
+        $type: "string",
         key: "{icon.disabled}"
       },
       name: "iconDisabled",
@@ -2093,9 +2475,11 @@ const Oa = {
       $description: "Ikonfär för success state",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.signalGreen.100}, {color.signalGreen.100})",
         $description: "Ikonfär för success state",
+        $type: "string",
         key: "{icon.success}"
       },
       name: "iconSuccess",
@@ -2108,9 +2492,11 @@ const Oa = {
       $description: "Ikonfärg för informationsikoner",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.signalBlue.100}, {color.signalBlue.100})",
         $description: "Ikonfärg för informationsikoner",
+        $type: "string",
         key: "{icon.info}"
       },
       name: "iconInfo",
@@ -2123,9 +2509,11 @@ const Oa = {
       $description: "Ikonfärg för varningsikoner och invalid state",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
         $description: "Ikonfärg för varningsikoner och invalid state",
+        $type: "string",
         key: "{icon.warning}"
       },
       name: "iconWarning",
@@ -2138,9 +2526,11 @@ const Oa = {
       $description: "Ikonfärg för viktig information",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.signalYellow.100}, {color.signalYellow.100})",
         $description: "Ikonfärg för viktig information",
+        $type: "string",
         key: "{icon.important}"
       },
       name: "iconImportant",
@@ -2155,9 +2545,11 @@ const Oa = {
       $description: "Primärlänkfärg",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.blue.120}, {color.blue.70})",
         $description: "Primärlänkfärg",
+        $type: "string",
         key: "{link.enabled}"
       },
       name: "linkEnabled",
@@ -2170,9 +2562,11 @@ const Oa = {
       $description: "Hover state för länkar",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.blue.150}, {color.blue.50})",
         $description: "Hover state för länkar",
+        $type: "string",
         key: "{link.hover}"
       },
       name: "linkHover",
@@ -2185,9 +2579,11 @@ const Oa = {
       $description: "Active/pressed state för länkar",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.200}, {color.blue.40})",
         $description: "Active/pressed state för länkar",
+        $type: "string",
         key: "{link.pressed}"
       },
       name: "linkPressed",
@@ -2200,9 +2596,11 @@ const Oa = {
       $description: "Färg för besökta länkar",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.purple.110}, {color.purple.80})",
         $description: "Färg för besökta länkar",
+        $type: "string",
         key: "{link.visited}"
       },
       name: "linkVisited",
@@ -2218,9 +2616,11 @@ const Oa = {
         $description: "Kantlinje för success-notifikationer",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalGreen.100}, {color.signalGreen.100})",
           $description: "Kantlinje för success-notifikationer",
+          $type: "string",
           key: "{support.border.success}"
         },
         name: "supportBorderSuccess",
@@ -2233,9 +2633,11 @@ const Oa = {
         $description: "Kantlinje för notifikationer med information",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalBlue.100}, {color.signalBlue.100})",
           $description: "Kantlinje för notifikationer med information",
+          $type: "string",
           key: "{support.border.info}"
         },
         name: "supportBorderInfo",
@@ -2248,9 +2650,11 @@ const Oa = {
         $description: "Kantlinje för notifikationer med viktig information",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalYellow.100}, {color.signalYellow.100})",
           $description: "Kantlinje för notifikationer med viktig information",
+          $type: "string",
           key: "{support.border.important}"
         },
         name: "supportBorderImportant",
@@ -2263,9 +2667,11 @@ const Oa = {
         $description: "Kantlinje för notifikationer med varningar",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
           $description: "Kantlinje för notifikationer med varningar",
+          $type: "string",
           key: "{support.border.warning}"
         },
         name: "supportBorderWarning",
@@ -2280,9 +2686,11 @@ const Oa = {
         $description: "Bakgrund för success-notifikationer",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalGreen.20}, {color.gray.180})",
           $description: "Bakgrund för success-notifikationer",
+          $type: "string",
           key: "{support.background.success}"
         },
         name: "supportBackgroundSuccess",
@@ -2295,9 +2703,11 @@ const Oa = {
         $description: "Hoverbakgrund för success-notifikationer",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalGreen.30}, {color.gray.170})",
           $description: "Hoverbakgrund för success-notifikationer",
+          $type: "string",
           key: "{support.background.successHover}"
         },
         name: "supportBackgroundSuccessHover",
@@ -2310,9 +2720,11 @@ const Oa = {
         $description: "Bakgrund för notifikationer med information",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalBlue.10}, {color.gray.180})",
           $description: "Bakgrund för notifikationer med information",
+          $type: "string",
           key: "{support.background.info}"
         },
         name: "supportBackgroundInfo",
@@ -2325,9 +2737,11 @@ const Oa = {
         $description: "Hoverbakgrund för notifikationer med information",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalBlue.20}, {color.gray.170})",
           $description: "Hoverbakgrund för notifikationer med information",
+          $type: "string",
           key: "{support.background.infoHover}"
         },
         name: "supportBackgroundInfoHover",
@@ -2340,9 +2754,11 @@ const Oa = {
         $description: "Bakgrund för notifikationer med viktig information",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalYellow.10}, {color.gray.180})",
           $description: "Bakgrund för notifikationer med viktig information",
+          $type: "string",
           key: "{support.background.important}"
         },
         name: "supportBackgroundImportant",
@@ -2355,9 +2771,11 @@ const Oa = {
         $description: "Hoverbakgrund för notifikationer med viktig information",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalYellow.20}, {color.gray.170})",
           $description: "Hoverbakgrund för notifikationer med viktig information",
+          $type: "string",
           key: "{support.background.importantHover}"
         },
         name: "supportBackgroundImportantHover",
@@ -2370,9 +2788,11 @@ const Oa = {
         $description: "Bakgrund för notifikationer med varningar",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalRed.20}, {color.gray.180})",
           $description: "Bakgrund för notifikationer med varningar",
+          $type: "string",
           key: "{support.background.warning}"
         },
         name: "supportBackgroundWarning",
@@ -2385,9 +2805,11 @@ const Oa = {
         $description: "Hoverbakgrund för notifikationer med varningar",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.signalRed.30}, {color.gray.170})",
           $description: "Hoverbakgrund för notifikationer med varningar",
+          $type: "string",
           key: "{support.background.warningHover}"
         },
         name: "supportBackgroundWarningHover",
@@ -2403,9 +2825,11 @@ const Oa = {
       $description: "Primär textfärg. Rubriker och brödtext.",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.200}, {color.gray.10})",
         $description: "Primär textfärg. Rubriker och brödtext.",
+        $type: "string",
         key: "{text.primary}"
       },
       name: "textPrimary",
@@ -2418,9 +2842,11 @@ const Oa = {
       $description: "Sekundär textfärg",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.140}, {color.gray.70})",
         $description: "Sekundär textfärg",
+        $type: "string",
         key: "{text.secondary}"
       },
       name: "textSecondary",
@@ -2433,9 +2859,11 @@ const Oa = {
       $description: "Textfärg på tertiär knapp",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.blue.150}, {color.gray.10})",
         $description: "Textfärg på tertiär knapp",
+        $type: "string",
         key: "{text.tertiary}"
       },
       name: "textTertiary",
@@ -2448,9 +2876,11 @@ const Oa = {
       $description: "Textfärg på färgade bakgrunder som inte är lager",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.white.base}, {color.white.base})",
         $description: "Textfärg på färgade bakgrunder som inte är lager",
+        $type: "string",
         key: "{text.onColor}"
       },
       name: "textOnColor",
@@ -2463,9 +2893,11 @@ const Oa = {
       $description: "Inverterad textfärg",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.10}, {color.gray.200})",
         $description: "Inverterad textfärg",
+        $type: "string",
         key: "{text.inverse}"
       },
       name: "textInverse",
@@ -2478,9 +2910,11 @@ const Oa = {
       $description: "Textfärg för disabled state",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.gray.50}, {color.gray.140})",
         $description: "Textfärg för disabled state",
+        $type: "string",
         key: "{text.disabled}"
       },
       name: "textDisabled",
@@ -2493,268 +2927,33 @@ const Oa = {
       $description: "Textfärg för felmeddelanden",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.signalRed.100}, {color.signalRed.80})",
         $description: "Textfärg för felmeddelanden",
+        $type: "string",
         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: "packages/theme/tokens/object-values.json",
-      isSource: !0,
-      original: {
-        $value: "light-dark({color.gray.70}, {color.gray.140})",
-        $description: "Textfärg för platshållare",
-        key: "{text.placeholder}"
-      },
-      name: "textPlaceholder",
-      attributes: {},
-      path: ["text", "placeholder"]
-    }
-  },
-  button: {
-    background: {
-      primary: {
-        base: {
-          key: "{button.background.primary.base}",
-          $value: "light-dark(#143c50, #2e7ca5)",
-          $description: "Färg på primärknapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.blue.150}, {color.blue.100})",
-            $description: "Färg på primärknapp",
-            key: "{button.background.primary.base}"
-          },
-          name: "buttonBackgroundPrimaryBase",
-          attributes: {},
-          path: ["button", "background", "primary", "base"]
-        },
-        hover: {
-          key: "{button.background.primary.hover}",
-          $value: "light-dark(#25607f, #25607f)",
-          $description: "Hover state på primärknapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.blue.130}, {color.blue.130})",
-            $description: "Hover state på primärknapp",
-            key: "{button.background.primary.hover}"
-          },
-          name: "buttonBackgroundPrimaryHover",
-          attributes: {},
-          path: ["button", "background", "primary", "hover"]
-        },
-        active: {
-          key: "{button.background.primary.active}",
-          $value: "light-dark(#2e7ca5, #143c50)",
-          $description: "Active state för primärknapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.blue.100}, {color.blue.150})",
-            $description: "Active state för primärknapp",
-            key: "{button.background.primary.active}"
-          },
-          name: "buttonBackgroundPrimaryActive",
-          attributes: {},
-          path: ["button", "background", "primary", "active"]
-        }
-      },
-      secondary: {
-        base: {
-          key: "{button.background.secondary.base}",
-          $value: "light-dark(#fff, #171717)",
-          $description: "Färg på sekundärknapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.white.base}, {color.gray.200})",
-            $description: "Färg på sekundärknapp",
-            key: "{button.background.secondary.base}"
-          },
-          name: "buttonBackgroundSecondaryBase",
-          attributes: {},
-          path: ["button", "background", "secondary", "base"]
-        },
-        hover: {
-          key: "{button.background.secondary.hover}",
-          $value: "light-dark(#e6e6e6, #212121)",
-          $description: "Hover state på sekundärknapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.white.hover}, {color.gray.190})",
-            $description: "Hover state på sekundärknapp",
-            key: "{button.background.secondary.hover}"
-          },
-          name: "buttonBackgroundSecondaryHover",
-          attributes: {},
-          path: ["button", "background", "secondary", "hover"]
-        },
-        active: {
-          key: "{button.background.secondary.active}",
-          $value: "light-dark(#d9d9d9, #262626)",
-          $description: "Active state för sekundärknapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.gray.30}, {color.gray.180})",
-            $description: "Active state för sekundärknapp",
-            key: "{button.background.secondary.active}"
-          },
-          name: "buttonBackgroundSecondaryActive",
-          attributes: {},
-          path: ["button", "background", "secondary", "active"]
-        }
-      },
-      tertiary: {
-        hover: {
-          key: "{button.background.tertiary.hover}",
-          $value: "light-dark(#e6e6e6, #212121)",
-          $description: "Hover state för tertiär knapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.white.hover}, {color.gray.190})",
-            $description: "Hover state för tertiär knapp",
-            key: "{button.background.tertiary.hover}"
-          },
-          name: "buttonBackgroundTertiaryHover",
-          attributes: {},
-          path: ["button", "background", "tertiary", "hover"]
-        },
-        active: {
-          key: "{button.background.tertiary.active}",
-          $value: "light-dark(#d9d9d9, #262626)",
-          $description: "Active state för tertiär knapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.gray.30}, {color.gray.180})",
-            $description: "Active state för tertiär knapp",
-            key: "{button.background.tertiary.active}"
-          },
-          name: "buttonBackgroundTertiaryActive",
-          attributes: {},
-          path: ["button", "background", "tertiary", "active"]
-        }
-      },
-      danger: {
-        base: {
-          key: "{button.background.danger.base}",
-          $value: "light-dark(#e62323, #e62323)",
-          $description: "Färg på danger knapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
-            $description: "Färg på danger knapp",
-            key: "{button.background.danger.base}"
-          },
-          name: "buttonBackgroundDangerBase",
-          attributes: {},
-          path: ["button", "background", "danger", "base"]
-        },
-        hover: {
-          key: "{button.background.danger.hover}",
-          $value: "light-dark(#bc1d1d, #bc1d1d)",
-          $description: "Hover state för danger knapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.signalRed.120}, {color.signalRed.120})",
-            $description: "Hover state för danger knapp",
-            key: "{button.background.danger.hover}"
-          },
-          name: "buttonBackgroundDangerHover",
-          attributes: {},
-          path: ["button", "background", "danger", "hover"]
-        },
-        active: {
-          key: "{button.background.danger.active}",
-          $value: "light-dark(#7d1313, #7d1313)",
-          $description: "Active state för danger knapp",
-          filePath: "packages/theme/tokens/object-values.json",
-          isSource: !0,
-          original: {
-            $value: "light-dark({color.signalRed.150}, {color.signalRed.150})",
-            $description: "Active state för danger knapp",
-            key: "{button.background.danger.active}"
-          },
-          name: "buttonBackgroundDangerActive",
-          attributes: {},
-          path: ["button", "background", "danger", "active"]
-        }
-      },
-      disabled: {
-        key: "{button.background.disabled}",
-        $value: "light-dark(#f2f2f2, #262626)",
-        $description: "Disabled state för knappar",
-        filePath: "packages/theme/tokens/object-values.json",
-        isSource: !0,
-        original: {
-          $value: "light-dark({color.gray.10}, {color.gray.180})",
-          $description: "Disabled state för knappar",
-          key: "{button.background.disabled}"
-        },
-        name: "buttonBackgroundDisabled",
-        attributes: {},
-        path: ["button", "background", "disabled"]
-      }
-    },
-    border: {
-      secondary: {
-        key: "{button.border.secondary}",
-        $value: "light-dark(#143c50, #f2f2f2)",
-        $description: "Kantfärg för sekundärknapp",
-        filePath: "packages/theme/tokens/object-values.json",
-        isSource: !0,
-        original: {
-          $value: "light-dark({color.blue.150}, {color.gray.10})",
-          $description: "Kantfärg för sekundärknapp",
-          key: "{button.border.secondary}"
-        },
-        name: "buttonBorderSecondary",
-        attributes: {},
-        path: ["button", "border", "secondary"]
-      }
-    },
-    icon: {
-      hover: {
-        key: "{button.icon.hover}",
-        $value: "light-dark(#0000001a, #ffffff1a)",
-        filePath: "packages/theme/tokens/object-values.json",
-        isSource: !0,
-        original: {
-          $value: "light-dark(#0000001a, #ffffff1a)",
-          key: "{button.icon.hover}"
-        },
-        name: "buttonIconHover",
-        attributes: {},
-        path: ["button", "icon", "hover"]
+      path: ["text", "warning"]
+    },
+    placeholder: {
+      key: "{text.placeholder}",
+      $value: "light-dark(#a6a6a6, #525252)",
+      $description: "Textfärg för platshållare",
+      filePath: "packages/theme/tokens/object-values.json",
+      isSource: !0,
+      $type: "string",
+      original: {
+        $value: "light-dark({color.gray.70}, {color.gray.140})",
+        $description: "Textfärg för platshållare",
+        $type: "string",
+        key: "{text.placeholder}"
       },
-      active: {
-        key: "{button.icon.active}",
-        $value: "light-dark(#00000033, #ffffff33)",
-        $description: "Active state för ikoner",
-        filePath: "packages/theme/tokens/object-values.json",
-        isSource: !0,
-        original: {
-          $value: "light-dark(#00000033, #ffffff33)",
-          $description: "Active state för ikoner",
-          key: "{button.icon.active}"
-        },
-        name: "buttonIconActive",
-        attributes: {},
-        path: ["button", "icon", "active"]
-      }
+      name: "textPlaceholder",
+      attributes: {},
+      path: ["text", "placeholder"]
     }
   },
   badge: {
@@ -2763,8 +2962,10 @@ const Oa = {
       $value: "light-dark(#e62323, #e62323)",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+        $type: "string",
         key: "{badge.background}"
       },
       name: "badgeBackground",
@@ -2780,8 +2981,10 @@ const Oa = {
           $value: "light-dark(#0000001a, #ffffff1a)",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark(#0000001a, #ffffff1a)",
+            $type: "string",
             key: "{calendar.date.background.hover}"
           },
           name: "calendarDateBackgroundHover",
@@ -2793,8 +2996,10 @@ const Oa = {
           $value: "light-dark(#143c50, #5897b8)",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark({color.blue.150}, {color.blue.80})",
+            $type: "string",
             key: "{calendar.date.background.selected}"
           },
           name: "calendarDateBackgroundSelected",
@@ -2806,8 +3011,10 @@ const Oa = {
           $value: "light-dark(#143c50, #5897b8)",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark({color.blue.150}, {color.blue.80})",
+            $type: "string",
             key: "{calendar.date.background.startRange}"
           },
           name: "calendarDateBackgroundStartRange",
@@ -2819,8 +3026,10 @@ const Oa = {
           $value: "light-dark(#d5e5ed, #143c50)",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark({color.blue.20}, {color.blue.150})",
+            $type: "string",
             key: "{calendar.date.background.inRange}"
           },
           name: "calendarDateBackgroundInRange",
@@ -2832,8 +3041,10 @@ const Oa = {
           $value: "light-dark(#143c50, #5897b8)",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark({color.blue.150}, {color.blue.80})",
+            $type: "string",
             key: "{calendar.date.background.endRange}"
           },
           name: "calendarDateBackgroundEndRange",
@@ -2850,9 +3061,11 @@ const Oa = {
       $description: "Färg på logotypen",
       filePath: "packages/theme/tokens/object-values.json",
       isSource: !0,
+      $type: "string",
       original: {
         $value: "light-dark({color.red.100}, {color.white.base})",
         $description: "Färg på logotypen",
+        $type: "string",
         key: "{logo.primary}"
       },
       name: "logoPrimary",
@@ -2869,9 +3082,11 @@ const Oa = {
           $description: "Bakgrundsfärg för menu vid hover",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark({color.gray.20}, {color.gray.190})",
             $description: "Bakgrundsfärg för menu vid hover",
+            $type: "string",
             key: "{menu.item.background.hover}"
           },
           name: "menuItemBackgroundHover",
@@ -2884,9 +3099,11 @@ const Oa = {
           $description: "Bakgrundsfärg för aktiv menu",
           filePath: "packages/theme/tokens/object-values.json",
           isSource: !0,
+          $type: "string",
           original: {
             $value: "light-dark({color.gray.10}, {color.gray.180})",
             $description: "Bakgrundsfärg för aktiv menu",
+            $type: "string",
             key: "{menu.item.background.selected}"
           },
           name: "menuItemBackgroundSelected",
@@ -2901,8 +3118,10 @@ const Oa = {
         $value: "light-dark(#525252, #a6a6a6)",
         filePath: "packages/theme/tokens/object-values.json",
         isSource: !0,
+        $type: "string",
         original: {
           $value: "light-dark({color.gray.140}, {color.gray.70})",
+          $type: "string",
           key: "{menu.text.sectionHeader}"
         },
         name: "menuTextSectionHeader",
@@ -2919,7 +3138,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.125rem",
+        $value: {
+          value: 0.125,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.10}"
       },
@@ -2934,7 +3156,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.188rem",
+        $value: {
+          value: 0.188,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.15}"
       },
@@ -2949,7 +3174,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.25rem",
+        $value: {
+          value: 0.25,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.20}"
       },
@@ -2964,7 +3192,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.375rem",
+        $value: {
+          value: 0.375,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.30}"
       },
@@ -2979,7 +3210,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.5rem",
+        $value: {
+          value: 0.5,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.40}"
       },
@@ -2994,7 +3228,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.625rem",
+        $value: {
+          value: 0.625,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.50}"
       },
@@ -3009,7 +3246,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.75rem",
+        $value: {
+          value: 0.75,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.60}"
       },
@@ -3024,7 +3264,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.875rem",
+        $value: {
+          value: 0.875,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.70}"
       },
@@ -3039,7 +3282,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.938rem",
+        $value: {
+          value: 0.938,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.75}"
       },
@@ -3054,7 +3300,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "1rem",
+        $value: {
+          value: 1,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.80}"
       },
@@ -3069,7 +3318,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "1.25rem",
+        $value: {
+          value: 1.25,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.90}"
       },
@@ -3084,7 +3336,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "1.5rem",
+        $value: {
+          value: 1.5,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.100}"
       },
@@ -3099,7 +3354,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "1.75rem",
+        $value: {
+          value: 1.75,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.110}"
       },
@@ -3114,7 +3372,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "2rem",
+        $value: {
+          value: 2,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.120}"
       },
@@ -3129,7 +3390,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "2.5rem",
+        $value: {
+          value: 2.5,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.130}"
       },
@@ -3144,7 +3408,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "2.75rem",
+        $value: {
+          value: 2.75,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.140}"
       },
@@ -3159,7 +3426,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "3rem",
+        $value: {
+          value: 3,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.150}"
       },
@@ -3169,13 +3439,16 @@ const Oa = {
     },
     "00": {
       key: "{size.00}",
-      $value: 0,
+      $type: "dimension",
+      $value: "0rem",
       filePath: "packages/theme/tokens/sizing.json",
       isSource: !0,
-      $type: "dimension",
       original: {
-        $value: 0,
         $type: "dimension",
+        $value: {
+          value: 0,
+          unit: "rem"
+        },
         key: "{size.00}"
       },
       name: "size00",
@@ -3189,7 +3462,10 @@ const Oa = {
       isSource: !0,
       $type: "dimension",
       original: {
-        $value: "0.063rem",
+        $value: {
+          value: 0.063,
+          unit: "rem"
+        },
         $type: "dimension",
         key: "{size.05}"
       },
@@ -3201,13 +3477,16 @@ const Oa = {
   spacing: {
     10: {
       key: "{spacing.10}",
-      $type: "dimension",
       $value: "0.125rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 0.125,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "0.125rem",
         key: "{spacing.10}"
       },
       name: "spacing10",
@@ -3216,13 +3495,16 @@ const Oa = {
     },
     20: {
       key: "{spacing.20}",
-      $type: "dimension",
       $value: "0.25rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 0.25,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "0.25rem",
         key: "{spacing.20}"
       },
       name: "spacing20",
@@ -3231,13 +3513,16 @@ const Oa = {
     },
     30: {
       key: "{spacing.30}",
-      $type: "dimension",
       $value: "0.5rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 0.5,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "0.5rem",
         key: "{spacing.30}"
       },
       name: "spacing30",
@@ -3246,13 +3531,16 @@ const Oa = {
     },
     40: {
       key: "{spacing.40}",
-      $type: "dimension",
       $value: "0.75rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 0.75,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "0.75rem",
         key: "{spacing.40}"
       },
       name: "spacing40",
@@ -3261,13 +3549,16 @@ const Oa = {
     },
     50: {
       key: "{spacing.50}",
-      $type: "dimension",
       $value: "1rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 1,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "1rem",
         key: "{spacing.50}"
       },
       name: "spacing50",
@@ -3276,13 +3567,16 @@ const Oa = {
     },
     60: {
       key: "{spacing.60}",
-      $type: "dimension",
       $value: "1.5rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 1.5,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "1.5rem",
         key: "{spacing.60}"
       },
       name: "spacing60",
@@ -3291,13 +3585,16 @@ const Oa = {
     },
     70: {
       key: "{spacing.70}",
-      $type: "dimension",
       $value: "2rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 2,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "2rem",
         key: "{spacing.70}"
       },
       name: "spacing70",
@@ -3306,13 +3603,16 @@ const Oa = {
     },
     80: {
       key: "{spacing.80}",
-      $type: "dimension",
       $value: "2.5rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 2.5,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "2.5rem",
         key: "{spacing.80}"
       },
       name: "spacing80",
@@ -3321,13 +3621,16 @@ const Oa = {
     },
     90: {
       key: "{spacing.90}",
-      $type: "dimension",
       $value: "3rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 3,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "3rem",
         key: "{spacing.90}"
       },
       name: "spacing90",
@@ -3336,13 +3639,16 @@ const Oa = {
     },
     100: {
       key: "{spacing.100}",
-      $type: "dimension",
       $value: "4rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 4,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "4rem",
         key: "{spacing.100}"
       },
       name: "spacing100",
@@ -3351,13 +3657,16 @@ const Oa = {
     },
     110: {
       key: "{spacing.110}",
-      $type: "dimension",
       $value: "5rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 5,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "5rem",
         key: "{spacing.110}"
       },
       name: "spacing110",
@@ -3366,18 +3675,96 @@ const Oa = {
     },
     120: {
       key: "{spacing.120}",
-      $type: "dimension",
       $value: "6rem",
       filePath: "packages/theme/tokens/spacing.json",
       isSource: !0,
+      $type: "dimension",
       original: {
+        $value: {
+          value: 6,
+          unit: "rem"
+        },
         $type: "dimension",
-        $value: "6rem",
         key: "{spacing.120}"
       },
       name: "spacing120",
       attributes: {},
       path: ["spacing", "120"]
+    },
+    xsmall: {
+      key: "{spacing.xsmall}",
+      $value: "0.25rem",
+      filePath: "packages/theme/tokens/spacing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "{size.20}",
+        $type: "dimension",
+        key: "{spacing.xsmall}"
+      },
+      name: "spacingXsmall",
+      attributes: {},
+      path: ["spacing", "xsmall"]
+    },
+    small: {
+      key: "{spacing.small}",
+      $value: "0.5rem",
+      filePath: "packages/theme/tokens/spacing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "{size.40}",
+        $type: "dimension",
+        key: "{spacing.small}"
+      },
+      name: "spacingSmall",
+      attributes: {},
+      path: ["spacing", "small"]
+    },
+    medium: {
+      key: "{spacing.medium}",
+      $value: "1rem",
+      filePath: "packages/theme/tokens/spacing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "{size.80}",
+        $type: "dimension",
+        key: "{spacing.medium}"
+      },
+      name: "spacingMedium",
+      attributes: {},
+      path: ["spacing", "medium"]
+    },
+    large: {
+      key: "{spacing.large}",
+      $value: "1.5rem",
+      filePath: "packages/theme/tokens/spacing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "{size.100}",
+        $type: "dimension",
+        key: "{spacing.large}"
+      },
+      name: "spacingLarge",
+      attributes: {},
+      path: ["spacing", "large"]
+    },
+    xlarge: {
+      key: "{spacing.xlarge}",
+      $value: "2rem",
+      filePath: "packages/theme/tokens/spacing.json",
+      isSource: !0,
+      $type: "dimension",
+      original: {
+        $value: "{size.120}",
+        $type: "dimension",
+        key: "{spacing.xlarge}"
+      },
+      name: "spacingXlarge",
+      attributes: {},
+      path: ["spacing", "xlarge"]
     }
   },
   state: {
@@ -3385,11 +3772,13 @@ const Oa = {
       key: "{state.focus}",
       $type: "string",
       $value: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",
+      $description: "Focus style used when the component is focused (box-shadow).",
       filePath: "packages/theme/tokens/states.json",
       isSource: !0,
       original: {
         $type: "string",
         $value: "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)",
+        $description: "Focus style used when the component is focused (box-shadow).",
         key: "{state.focus}"
       },
       name: "stateFocus",
@@ -3400,64 +3789,182 @@ const Oa = {
       key: "{state.focusInset}",
       $type: "string",
       $value: "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)",
+      $description: "Inset variant of the focus ring (box-shadow inset).",
       filePath: "packages/theme/tokens/states.json",
       isSource: !0,
       original: {
         $type: "string",
         $value: "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)",
+        $description: "Inset variant of the focus ring (box-shadow inset).",
         key: "{state.focusInset}"
       },
       name: "stateFocusInset",
       attributes: {},
       path: ["state", "focusInset"]
+    },
+    focusContrastMode: {
+      outline: {
+        key: "{state.focusContrastMode.outline}",
+        $value: "2px",
+        $description: "Outline style for focus ring when Windows High Contrast (forced-colors) mode is active.",
+        filePath: "packages/theme/tokens/states.json",
+        isSource: !0,
+        $type: "dimension",
+        original: {
+          $value: "2px",
+          $description: "Outline style for focus ring when Windows High Contrast (forced-colors) mode is active.",
+          $type: "dimension",
+          key: "{state.focusContrastMode.outline}"
+        },
+        name: "stateFocusContrastModeOutline",
+        attributes: {},
+        path: ["state", "focusContrastMode", "outline"]
+      },
+      offset: {
+        key: "{state.focusContrastMode.offset}",
+        $value: "2px",
+        $description: "Outline offset for focus ring when Windows High Contrast (forced-colors) mode is active..",
+        filePath: "packages/theme/tokens/states.json",
+        isSource: !0,
+        $type: "dimension",
+        original: {
+          $value: "2px",
+          $description: "Outline offset for focus ring when Windows High Contrast (forced-colors) mode is active..",
+          $type: "dimension",
+          key: "{state.focusContrastMode.offset}"
+        },
+        name: "stateFocusContrastModeOffset",
+        attributes: {},
+        path: ["state", "focusContrastMode", "offset"]
+      }
     }
   },
-  transitions: {
+  transition: {
     duration: {
       slow: {
-        key: "{transitions.duration.slow}",
-        $type: "time",
+        key: "{transition.duration.slow}",
         $value: "500ms",
+        $type: "duration",
         filePath: "packages/theme/tokens/transitions.json",
         isSource: !0,
         original: {
-          $type: "time",
           $value: "500ms",
-          key: "{transitions.duration.slow}"
+          $type: "duration",
+          key: "{transition.duration.slow}"
         },
-        name: "transitionsDurationSlow",
+        name: "transitionDurationSlow",
         attributes: {},
-        path: ["transitions", "duration", "slow"]
+        path: ["transition", "duration", "slow"]
       },
       normal: {
-        key: "{transitions.duration.normal}",
-        $type: "time",
+        key: "{transition.duration.normal}",
         $value: "300ms",
+        $type: "duration",
         filePath: "packages/theme/tokens/transitions.json",
         isSource: !0,
         original: {
-          $type: "time",
           $value: "300ms",
-          key: "{transitions.duration.normal}"
+          $type: "duration",
+          key: "{transition.duration.normal}"
         },
-        name: "transitionsDurationNormal",
+        name: "transitionDurationNormal",
         attributes: {},
-        path: ["transitions", "duration", "normal"]
+        path: ["transition", "duration", "normal"]
       },
       fast: {
-        key: "{transitions.duration.fast}",
-        $type: "time",
+        key: "{transition.duration.fast}",
         $value: "250ms",
+        $type: "duration",
         filePath: "packages/theme/tokens/transitions.json",
         isSource: !0,
         original: {
-          $type: "time",
           $value: "250ms",
-          key: "{transitions.duration.fast}"
+          $type: "duration",
+          key: "{transition.duration.fast}"
+        },
+        name: "transitionDurationFast",
+        attributes: {},
+        path: ["transition", "duration", "fast"]
+      }
+    },
+    timing: {
+      easeOut: {
+        key: "{transition.timing.easeOut}",
+        $value: [0, 0, 0.58, 1],
+        $type: "cubicBezier",
+        filePath: "packages/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $value: [0, 0, 0.58, 1],
+          $type: "cubicBezier",
+          key: "{transition.timing.easeOut}"
+        },
+        name: "transitionTimingEaseOut",
+        attributes: {},
+        path: ["transition", "timing", "easeOut"]
+      },
+      easeIn: {
+        key: "{transition.timing.easeIn}",
+        $value: [0.42, 0, 1, 1],
+        $type: "cubicBezier",
+        filePath: "packages/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $value: [0.42, 0, 1, 1],
+          $type: "cubicBezier",
+          key: "{transition.timing.easeIn}"
+        },
+        name: "transitionTimingEaseIn",
+        attributes: {},
+        path: ["transition", "timing", "easeIn"]
+      }
+    },
+    panel: {
+      collapse: {
+        key: "{transition.panel.collapse}",
+        $value: {
+          delay: "0ms",
+          duration: "300ms",
+          timingFunction: [0, 0, 0.58, 1]
+        },
+        $type: "transition",
+        filePath: "packages/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $value: {
+            delay: "0ms",
+            duration: "{transition.duration.normal}",
+            timingFunction: "{transition.timing.easeOut}"
+          },
+          $type: "transition",
+          key: "{transition.panel.collapse}"
+        },
+        name: "transitionPanelCollapse",
+        attributes: {},
+        path: ["transition", "panel", "collapse"]
+      },
+      expand: {
+        key: "{transition.panel.expand}",
+        $value: {
+          delay: "0ms",
+          duration: "300ms",
+          timingFunction: [0.42, 0, 1, 1]
+        },
+        $type: "transition",
+        filePath: "packages/theme/tokens/transitions.json",
+        isSource: !0,
+        original: {
+          $value: {
+            delay: "0ms",
+            duration: "{transition.duration.normal}",
+            timingFunction: "{transition.timing.easeIn}"
+          },
+          $type: "transition",
+          key: "{transition.panel.expand}"
         },
-        name: "transitionsDurationFast",
+        name: "transitionPanelExpand",
         attributes: {},
-        path: ["transitions", "duration", "fast"]
+        path: ["transition", "panel", "expand"]
       }
     }
   },
@@ -3481,13 +3988,16 @@ const Oa = {
       size: {
         10: {
           key: "{typography.font.size.10}",
-          $type: "fontSize",
           $value: "0.75rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "0.75rem",
+            $value: {
+              value: 0.75,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.10}"
           },
           name: "typographyFontSize10",
@@ -3496,13 +4006,16 @@ const Oa = {
         },
         20: {
           key: "{typography.font.size.20}",
-          $type: "fontSize",
           $value: "0.875rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "0.875rem",
+            $value: {
+              value: 0.875,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.20}"
           },
           name: "typographyFontSize20",
@@ -3511,13 +4024,16 @@ const Oa = {
         },
         30: {
           key: "{typography.font.size.30}",
-          $type: "fontSize",
           $value: "1rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "1rem",
+            $value: {
+              value: 1,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.30}"
           },
           name: "typographyFontSize30",
@@ -3526,13 +4042,16 @@ const Oa = {
         },
         40: {
           key: "{typography.font.size.40}",
-          $type: "fontSize",
           $value: "1.125rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "1.125rem",
+            $value: {
+              value: 1.125,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.40}"
           },
           name: "typographyFontSize40",
@@ -3541,13 +4060,16 @@ const Oa = {
         },
         50: {
           key: "{typography.font.size.50}",
-          $type: "fontSize",
           $value: "1.25rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "1.25rem",
+            $value: {
+              value: 1.25,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.50}"
           },
           name: "typographyFontSize50",
@@ -3556,13 +4078,16 @@ const Oa = {
         },
         60: {
           key: "{typography.font.size.60}",
-          $type: "fontSize",
           $value: "1.5rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "1.5rem",
+            $value: {
+              value: 1.5,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.60}"
           },
           name: "typographyFontSize60",
@@ -3571,13 +4096,16 @@ const Oa = {
         },
         70: {
           key: "{typography.font.size.70}",
-          $type: "fontSize",
-          $value: "1.75rem",
+          $value: "1.625rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "1.75rem",
+            $value: {
+              value: 1.625,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.70}"
           },
           name: "typographyFontSize70",
@@ -3586,13 +4114,16 @@ const Oa = {
         },
         80: {
           key: "{typography.font.size.80}",
-          $type: "fontSize",
           $value: "2rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "2rem",
+            $value: {
+              value: 2,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.80}"
           },
           name: "typographyFontSize80",
@@ -3601,13 +4132,16 @@ const Oa = {
         },
         90: {
           key: "{typography.font.size.90}",
-          $type: "fontSize",
           $value: "2.25rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "2.25rem",
+            $value: {
+              value: 2.25,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.90}"
           },
           name: "typographyFontSize90",
@@ -3616,13 +4150,16 @@ const Oa = {
         },
         100: {
           key: "{typography.font.size.100}",
-          $type: "fontSize",
           $value: "2.625rem",
           filePath: "packages/theme/tokens/typography.json",
           isSource: !0,
+          $type: "dimension",
           original: {
-            $type: "fontSize",
-            $value: "2.625rem",
+            $value: {
+              value: 2.625,
+              unit: "rem"
+            },
+            $type: "dimension",
             key: "{typography.font.size.100}"
           },
           name: "typographyFontSize100",
@@ -3634,13 +4171,16 @@ const Oa = {
     lineHeight: {
       10: {
         key: "{typography.lineHeight.10}",
-        $type: "lineHeight",
         $value: "1rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "1rem",
+          $value: {
+            value: 1,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.10}"
         },
         name: "typographyLineHeight10",
@@ -3649,13 +4189,16 @@ const Oa = {
       },
       20: {
         key: "{typography.lineHeight.20}",
-        $type: "lineHeight",
         $value: "1.125rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "1.125rem",
+          $value: {
+            value: 1.125,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.20}"
         },
         name: "typographyLineHeight20",
@@ -3664,13 +4207,16 @@ const Oa = {
       },
       30: {
         key: "{typography.lineHeight.30}",
-        $type: "lineHeight",
         $value: "1.25rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "1.25rem",
+          $value: {
+            value: 1.25,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.30}"
         },
         name: "typographyLineHeight30",
@@ -3679,13 +4225,16 @@ const Oa = {
       },
       40: {
         key: "{typography.lineHeight.40}",
-        $type: "lineHeight",
         $value: "1.375rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "1.375rem",
+          $value: {
+            value: 1.375,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.40}"
         },
         name: "typographyLineHeight40",
@@ -3694,13 +4243,16 @@ const Oa = {
       },
       50: {
         key: "{typography.lineHeight.50}",
-        $type: "lineHeight",
         $value: "1.5rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "1.5rem",
+          $value: {
+            value: 1.5,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.50}"
         },
         name: "typographyLineHeight50",
@@ -3709,13 +4261,16 @@ const Oa = {
       },
       60: {
         key: "{typography.lineHeight.60}",
-        $type: "lineHeight",
         $value: "1.75rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "1.75rem",
+          $value: {
+            value: 1.75,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.60}"
         },
         name: "typographyLineHeight60",
@@ -3724,13 +4279,16 @@ const Oa = {
       },
       70: {
         key: "{typography.lineHeight.70}",
-        $type: "lineHeight",
         $value: "2rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "2rem",
+          $value: {
+            value: 2,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.70}"
         },
         name: "typographyLineHeight70",
@@ -3739,13 +4297,16 @@ const Oa = {
       },
       80: {
         key: "{typography.lineHeight.80}",
-        $type: "lineHeight",
         $value: "2.25rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "2.25rem",
+          $value: {
+            value: 2.25,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.80}"
         },
         name: "typographyLineHeight80",
@@ -3754,13 +4315,16 @@ const Oa = {
       },
       90: {
         key: "{typography.lineHeight.90}",
-        $type: "lineHeight",
         $value: "2.5rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "2.5rem",
+          $value: {
+            value: 2.5,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.90}"
         },
         name: "typographyLineHeight90",
@@ -3769,13 +4333,16 @@ const Oa = {
       },
       100: {
         key: "{typography.lineHeight.100}",
-        $type: "lineHeight",
-        $value: "2.75rem",
+        $value: "3rem",
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "dimension",
         original: {
-          $type: "lineHeight",
-          $value: "2.75rem",
+          $value: {
+            value: 3,
+            unit: "rem"
+          },
+          $type: "dimension",
           key: "{typography.lineHeight.100}"
         },
         name: "typographyLineHeight100",
@@ -3786,13 +4353,13 @@ const Oa = {
     weight: {
       thin: {
         key: "{typography.weight.thin}",
-        $type: "fontWeight",
         $value: 100,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 100,
+          $type: "fontWeight",
           key: "{typography.weight.thin}"
         },
         name: "typographyWeightThin",
@@ -3801,13 +4368,13 @@ const Oa = {
       },
       extraLight: {
         key: "{typography.weight.extraLight}",
-        $type: "fontWeight",
         $value: 200,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 200,
+          $type: "fontWeight",
           key: "{typography.weight.extraLight}"
         },
         name: "typographyWeightExtraLight",
@@ -3816,13 +4383,13 @@ const Oa = {
       },
       light: {
         key: "{typography.weight.light}",
-        $type: "fontWeight",
         $value: 300,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 300,
+          $type: "fontWeight",
           key: "{typography.weight.light}"
         },
         name: "typographyWeightLight",
@@ -3831,13 +4398,13 @@ const Oa = {
       },
       regular: {
         key: "{typography.weight.regular}",
-        $type: "fontWeight",
         $value: 400,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 400,
+          $type: "fontWeight",
           key: "{typography.weight.regular}"
         },
         name: "typographyWeightRegular",
@@ -3846,13 +4413,13 @@ const Oa = {
       },
       medium: {
         key: "{typography.weight.medium}",
-        $type: "fontWeight",
         $value: 500,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 500,
+          $type: "fontWeight",
           key: "{typography.weight.medium}"
         },
         name: "typographyWeightMedium",
@@ -3861,13 +4428,13 @@ const Oa = {
       },
       semiBold: {
         key: "{typography.weight.semiBold}",
-        $type: "fontWeight",
         $value: 600,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 600,
+          $type: "fontWeight",
           key: "{typography.weight.semiBold}"
         },
         name: "typographyWeightSemiBold",
@@ -3876,13 +4443,13 @@ const Oa = {
       },
       bold: {
         key: "{typography.weight.bold}",
-        $type: "fontWeight",
         $value: 700,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 700,
+          $type: "fontWeight",
           key: "{typography.weight.bold}"
         },
         name: "typographyWeightBold",
@@ -3891,13 +4458,13 @@ const Oa = {
       },
       extraBold: {
         key: "{typography.weight.extraBold}",
-        $type: "fontWeight",
         $value: 800,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 800,
+          $type: "fontWeight",
           key: "{typography.weight.extraBold}"
         },
         name: "typographyWeightExtraBold",
@@ -3906,13 +4473,13 @@ const Oa = {
       },
       black: {
         key: "{typography.weight.black}",
-        $type: "fontWeight",
         $value: 900,
         filePath: "packages/theme/tokens/typography.json",
         isSource: !0,
+        $type: "fontWeight",
         original: {
-          $type: "fontWeight",
           $value: 900,
+          $type: "fontWeight",
           key: "{typography.weight.black}"
         },
         name: "typographyWeightBlack",
@@ -3998,269 +4565,290 @@ const Oa = {
       path: ["zIndex", "skipToContent"]
     }
   }
-}, e = "480px", o = "768px", t = "1024px", a = "1280px", r = "(max-width: calc(480px - 1px))", i = "(min-width: 480px)", l = "(min-width: 768px)", n = "(min-width: 1024px)", s = "(min-width: 1280px)", c = "#000", g = "#0d0d0d", u = "#fff", p = "#e6e6e6", k = "#f2f2f2", d = "#e6e6e6", y = "#d9d9d9", h = "#ccc", f = "#bfbfbf", m = "#b3b3b3", b = "#a6a6a6", $ = "#999", v = "#8c8c8c", S = "#808080", j = "#737373", P = "#666", w = "#5d5d5d", z = "#525252", B = "#474747", H = "#383838", x = "#333", R = "#262626", Y = "#212121", I = "#171717", A = "#eaf2f6", G = "#d5e5ed", C = "#abcbdb", W = "#94BCD1", F = "#82b0c9", D = "#6CA3C0", T = "#5897b8", L = "#4289ad", K = "#2e7ca5", E = "#2C7399", M = "#29698C", O = "#25607f", X = "#143c50", _ = "#b46ab4", N = "#954b95", V = "#b90835", q = "#eaf2f6", J = "#d5e5ed", Q = "#06c", U = "#d5f2d9", Z = "#bae5c5", ee = "#008d3c", oe = "#194B33", te = "#fff8e2", ae = "#fff1cd", re = "#ffeab8", ie = "#ffe3a3", le = "#ffdc8b", ne = "#ffd47b", se = "#fdcd5d", ce = "#fbc640", ge = "#fabf1b", ue = "#fab900", pe = "#daa105", ke = "#bd8c1e", de = "#a17927", ye = "#88672a", he = "#70562b", fe = "#5a4629", me = "#453826", be = "#322a20", $e = "#201c18", ve = "#0f0e0e", Se = "#ffefef", je = "#ffdfdf", Pe = "#fcc8c8", we = "#f9b0b0", ze = "#f69999", Be = "#f38181", He = "#ef6a6a", xe = "#EC5252", Re = "#e93b3b", Ye = "#e62323", Ie = "#d12020", Ae = "#bc1d1d", Ge = "#a71919", Ce = "#921616", We = "#7d1313", Fe = "#691010", De = "#540d0d", Te = "#3f0a0a", Le = "#2a0606", Ke = "#150303", Ee = "light-dark(#fff, #171717)", Me = "light-dark(#e6e6e6, #212121)", Oe = "light-dark(#171717, #f2f2f2)", Xe = "light-dark(#f2f2f2, #262626)", _e = "light-dark(#e6e6e6, #333)", Ne = "light-dark(#d9d9d9, #383838)", Ve = "light-dark(#ccc, #474747)", qe = "light-dark(#fff, #383838)", Je = "light-dark(#e6e6e6, #474747)", Qe = "light-dark(#d9d9d9, #525252)", Ue = "light-dark(#ccc, #5d5d5d)", Ze = "light-dark(#d9d9d9, #383838)", eo = "light-dark(#ccc, #474747)", oo = "light-dark(#bfbfbf, #525252)", to = "light-dark(#f2f2f2, #262626)", ao = "light-dark(#e6e6e6, #333)", ro = "light-dark(#d9d9d9, #383838)", io = "light-dark(#b90835, #b90835)", lo = "light-dark(#171717, #f2f2f2)", no = "light-dark(#737373, #8c8c8c)", so = "light-dark(#bfbfbf, #383838)", co = "light-dark(#143c50, #2e7ca5)", go = "light-dark(#bfbfbf, #525252)", uo = "1px", po = "light-dark(#f2f2f2, #262626)", ko = "light-dark(#e6e6e6, #333)", yo = "light-dark(#d9d9d9, #383838)", ho = "light-dark(#fff, #383838)", fo = "light-dark(#e6e6e6, #474747)", mo = "light-dark(#d9d9d9, #525252)", bo = "light-dark(#f2f2f2, #262626)", $o = "light-dark(#f2f2f2, #262626)", vo = "light-dark(#d9d9d9, #383838)", So = "light-dark(#171717, #f2f2f2)", jo = "light-dark(#525252, #a6a6a6)", Po = "light-dark(#143c50, #f2f2f2)", wo = "light-dark(#fff, #171717)", zo = "light-dark(#fff, #fff)", Bo = "light-dark(#bfbfbf, #525252)", Ho = "light-dark(#008d3c, #008d3c)", xo = "light-dark(#06c, #06c)", Ro = "light-dark(#e62323, #e62323)", Yo = "light-dark(#fab900, #fab900)", Io = "light-dark(#29698C, #6CA3C0)", Ao = "light-dark(#143c50, #94BCD1)", Go = "light-dark(#171717, #abcbdb)", Co = "light-dark(#954b95, #b46ab4)", Wo = "light-dark(#008d3c, #008d3c)", Fo = "light-dark(#06c, #06c)", Do = "light-dark(#fab900, #fab900)", To = "light-dark(#e62323, #e62323)", Lo = "light-dark(#d5f2d9, #262626)", Ko = "light-dark(#bae5c5, #333)", Eo = "light-dark(#eaf2f6, #262626)", Mo = "light-dark(#d5e5ed, #333)", Oo = "light-dark(#fff8e2, #262626)", Xo = "light-dark(#fff1cd, #333)", _o = "light-dark(#ffdfdf, #262626)", No = "light-dark(#fcc8c8, #333)", Vo = "light-dark(#171717, #f2f2f2)", qo = "light-dark(#525252, #a6a6a6)", Jo = "light-dark(#143c50, #f2f2f2)", Qo = "light-dark(#fff, #fff)", Uo = "light-dark(#f2f2f2, #171717)", Zo = "light-dark(#bfbfbf, #525252)", et = "light-dark(#e62323, #EC5252)", ot = "light-dark(#a6a6a6, #525252)", tt = "light-dark(#143c50, #2e7ca5)", at = "light-dark(#25607f, #25607f)", rt = "light-dark(#2e7ca5, #143c50)", it = "light-dark(#fff, #171717)", lt = "light-dark(#e6e6e6, #212121)", nt = "light-dark(#d9d9d9, #262626)", st = "light-dark(#e6e6e6, #212121)", ct = "light-dark(#d9d9d9, #262626)", gt = "light-dark(#e62323, #e62323)", ut = "light-dark(#bc1d1d, #bc1d1d)", pt = "light-dark(#7d1313, #7d1313)", kt = "light-dark(#f2f2f2, #262626)", dt = "light-dark(#143c50, #f2f2f2)", yt = "light-dark(#0000001a, #ffffff1a)", ht = "light-dark(#00000033, #ffffff33)", ft = "light-dark(#e62323, #e62323)", mt = "light-dark(#0000001a, #ffffff1a)", bt = "light-dark(#143c50, #5897b8)", $t = "light-dark(#143c50, #5897b8)", vt = "light-dark(#d5e5ed, #143c50)", St = "light-dark(#143c50, #5897b8)", jt = "light-dark(#b90835, #fff)", Pt = "light-dark(#e6e6e6, #212121)", wt = "light-dark(#f2f2f2, #262626)", zt = "light-dark(#525252, #a6a6a6)", Bt = "0.125rem", Ht = "0.188rem", xt = "0.25rem", Rt = "0.375rem", Yt = "0.5rem", It = "0.625rem", At = "0.75rem", Gt = "0.875rem", Ct = "0.938rem", Wt = "1rem", Ft = "1.25rem", Dt = "1.5rem", Tt = "1.75rem", Lt = "2rem", Kt = "2.5rem", Et = "2.75rem", Mt = "3rem", Ot = 0, Xt = "0.063rem", _t = "0.125rem", Nt = "0.25rem", Vt = "0.5rem", qt = "0.75rem", Jt = "1rem", Qt = "1.5rem", Ut = "2rem", Zt = "2.5rem", ea = "3rem", oa = "4rem", ta = "5rem", aa = "6rem", ra = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", ia = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", la = "500ms", na = "300ms", sa = "250ms", ca = "Inter, sans-serif", ga = "0.75rem", ua = "0.875rem", pa = "1rem", ka = "1.125rem", da = "1.25rem", ya = "1.5rem", ha = "1.75rem", fa = "2rem", ma = "2.25rem", ba = "2.625rem", $a = "1rem", va = "1.125rem", Sa = "1.25rem", ja = "1.375rem", Pa = "1.5rem", wa = "1.75rem", za = "2rem", Ba = "2.25rem", Ha = "2.5rem", xa = "2.75rem", Ra = 100, Ya = 200, Ia = 300, Aa = 400, Ga = 500, Ca = 600, Wa = 700, Fa = 800, Da = 900, Ta = 1, La = 10, Ka = 1e3, Ea = 1100, Ma = 1200, Xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, e = "480px", t = "768px", o = "1024px", a = "1280px", r = "(max-width: calc(480px - 1px))", i = "(min-width: 480px)", n = "(min-width: 768px)", l = "(min-width: 1024px)", s = "(min-width: 1280px)", c = "light-dark(#143c50, #2e7ca5)", g = "light-dark(#25607f, #25607f)", u = "light-dark(#2e7ca5, #143c50)", p = "light-dark(#fff, #171717)", y = "light-dark(#e6e6e6, #212121)", k = "light-dark(#d9d9d9, #262626)", d = "light-dark(#0000000d, #ffffff21)", h = "light-dark(#d9d9d9, #262626)", $ = "light-dark(#e62323, #e62323)", m = "light-dark(#bc1d1d, #bc1d1d)", f = "light-dark(#7d1313, #7d1313)", b = "light-dark(#f2f2f2, #262626)", v = "light-dark(#143c50, #f2f2f2)", S = "light-dark(#0000000d, #ffffff21)", j = "light-dark(#00000033, #ffffff33)", P = "#000", w = "#0d0d0d", z = "#0000000d", B = "#fff", x = "#e6e6e6", H = "#ffffff21", R = "#f2f2f2", Y = "#e6e6e6", I = "#d9d9d9", A = "#ccc", C = "#bfbfbf", G = "#b3b3b3", W = "#a6a6a6", F = "#999", D = "#8c8c8c", T = "#808080", L = "#737373", O = "#666", M = "#5d5d5d", E = "#525252", K = "#474747", X = "#383838", _ = "#333", N = "#262626", V = "#212121", q = "#171717", J = "#eaf2f6", Q = "#d5e5ed", U = "#abcbdb", Z = "#94BCD1", ee = "#82b0c9", te = "#6CA3C0", oe = "#5897b8", ae = "#4289ad", re = "#2e7ca5", ie = "#2C7399", ne = "#29698C", le = "#25607f", se = "#143c50", ce = "#b46ab4", ge = "#954b95", ue = "#b90835", pe = "#eaf2f6", ye = "#d5e5ed", ke = "#06c", de = "#d5f2d9", he = "#bae5c5", $e = "#008d3c", me = "#194B33", fe = "#fff8e2", be = "#fff1cd", ve = "#ffeab8", Se = "#ffe3a3", je = "#ffdc8b", Pe = "#ffd47b", we = "#fdcd5d", ze = "#fbc640", Be = "#fabf1b", xe = "#fab900", He = "#daa105", Re = "#bd8c1e", Ye = "#a17927", Ie = "#88672a", Ae = "#70562b", Ce = "#5a4629", Ge = "#453826", We = "#322a20", Fe = "#201c18", De = "#0f0e0e", Te = "#ffefef", Le = "#ffdfdf", Oe = "#fcc8c8", Me = "#f9b0b0", Ee = "#f69999", Ke = "#f38181", Xe = "#ef6a6a", _e = "#EC5252", Ne = "#e93b3b", Ve = "#e62323", qe = "#d12020", Je = "#bc1d1d", Qe = "#a71919", Ue = "#921616", Ze = "#7d1313", et = "#691010", tt = "#540d0d", ot = "#3f0a0a", at = "#2a0606", rt = "#150303", it = "light-dark(#fff, #171717)", nt = "light-dark(#e6e6e6, #212121)", lt = "light-dark(#171717, #f2f2f2)", st = "light-dark(#f2f2f2, #262626)", ct = "light-dark(#e6e6e6, #333)", gt = "light-dark(#d9d9d9, #383838)", ut = "light-dark(#ccc, #474747)", pt = "light-dark(#fff, #383838)", yt = "light-dark(#e6e6e6, #474747)", kt = "light-dark(#d9d9d9, #525252)", dt = "light-dark(#ccc, #5d5d5d)", ht = "light-dark(#d9d9d9, #383838)", $t = "light-dark(#ccc, #474747)", mt = "light-dark(#bfbfbf, #525252)", ft = "light-dark(#f2f2f2, #262626)", bt = "light-dark(#e6e6e6, #333)", vt = "light-dark(#d9d9d9, #383838)", St = "light-dark(#b90835, #b90835)", jt = "light-dark(#171717, #f2f2f2)", Pt = "light-dark(#737373, #8c8c8c)", wt = "light-dark(#bfbfbf, #383838)", zt = "light-dark(#143c50, #2e7ca5)", Bt = "light-dark(#bfbfbf, #525252)", xt = "1px", Ht = "light-dark(#f2f2f2, #262626)", Rt = "light-dark(#e6e6e6, #333)", Yt = "light-dark(#d9d9d9, #383838)", It = "light-dark(#fff, #383838)", At = "light-dark(#e6e6e6, #474747)", Ct = "light-dark(#d9d9d9, #525252)", Gt = "light-dark(#f2f2f2, #262626)", Wt = "light-dark(#f2f2f2, #262626)", Ft = "light-dark(#d9d9d9, #383838)", Dt = "light-dark(#171717, #f2f2f2)", Tt = "light-dark(#525252, #a6a6a6)", Lt = "light-dark(#143c50, #f2f2f2)", Ot = "light-dark(#fff, #171717)", Mt = "light-dark(#fff, #fff)", Et = "light-dark(#bfbfbf, #525252)", Kt = "light-dark(#008d3c, #008d3c)", Xt = "light-dark(#06c, #06c)", _t = "light-dark(#e62323, #e62323)", Nt = "light-dark(#fab900, #fab900)", Vt = "light-dark(#29698C, #6CA3C0)", qt = "light-dark(#143c50, #94BCD1)", Jt = "light-dark(#171717, #abcbdb)", Qt = "light-dark(#954b95, #b46ab4)", Ut = "light-dark(#008d3c, #008d3c)", Zt = "light-dark(#06c, #06c)", eo = "light-dark(#fab900, #fab900)", to = "light-dark(#e62323, #e62323)", oo = "light-dark(#d5f2d9, #262626)", ao = "light-dark(#bae5c5, #333)", ro = "light-dark(#eaf2f6, #262626)", io = "light-dark(#d5e5ed, #333)", no = "light-dark(#fff8e2, #262626)", lo = "light-dark(#fff1cd, #333)", so = "light-dark(#ffdfdf, #262626)", co = "light-dark(#fcc8c8, #333)", go = "light-dark(#171717, #f2f2f2)", uo = "light-dark(#525252, #a6a6a6)", po = "light-dark(#143c50, #f2f2f2)", yo = "light-dark(#fff, #fff)", ko = "light-dark(#f2f2f2, #171717)", ho = "light-dark(#bfbfbf, #525252)", $o = "light-dark(#e62323, #EC5252)", mo = "light-dark(#a6a6a6, #525252)", fo = "light-dark(#e62323, #e62323)", bo = "light-dark(#0000001a, #ffffff1a)", vo = "light-dark(#143c50, #5897b8)", So = "light-dark(#143c50, #5897b8)", jo = "light-dark(#d5e5ed, #143c50)", Po = "light-dark(#143c50, #5897b8)", wo = "light-dark(#b90835, #fff)", zo = "light-dark(#e6e6e6, #212121)", Bo = "light-dark(#f2f2f2, #262626)", xo = "light-dark(#525252, #a6a6a6)", Ho = "0.125rem", Ro = "0.188rem", Yo = "0.25rem", Io = "0.375rem", Ao = "0.5rem", Co = "0.625rem", Go = "0.75rem", Wo = "0.875rem", Fo = "0.938rem", Do = "1rem", To = "1.25rem", Lo = "1.5rem", Oo = "1.75rem", Mo = "2rem", Eo = "2.5rem", Ko = "2.75rem", Xo = "3rem", _o = "0rem", No = "0.063rem", Vo = "0.125rem", qo = "0.25rem", Jo = "0.5rem", Qo = "0.75rem", Uo = "1rem", Zo = "1.5rem", ea = "2rem", ta = "2.5rem", oa = "3rem", aa = "4rem", ra = "5rem", ia = "6rem", na = "0.25rem", la = "0.5rem", sa = "1rem", ca = "1.5rem", ga = "2rem", ua = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", pa = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", ya = "2px", ka = "2px", da = "500ms", ha = "300ms", $a = "250ms", ma = [0, 0, 0.58, 1], fa = [0.42, 0, 1, 1], ba = {
+  delay: "0ms",
+  duration: "300ms",
+  timingFunction: [0, 0, 0.58, 1]
+}, va = {
+  delay: "0ms",
+  duration: "300ms",
+  timingFunction: [0.42, 0, 1, 1]
+}, Sa = "Inter, sans-serif", ja = "0.75rem", Pa = "0.875rem", wa = "1rem", za = "1.125rem", Ba = "1.25rem", xa = "1.5rem", Ha = "1.625rem", Ra = "2rem", Ya = "2.25rem", Ia = "2.625rem", Aa = "1rem", Ca = "1.125rem", Ga = "1.25rem", Wa = "1.375rem", Fa = "1.5rem", Da = "1.75rem", Ta = "2rem", La = "2.25rem", Oa = "2.5rem", Ma = "3rem", Ea = 100, Ka = 200, Xa = 300, _a = 400, Na = 500, Va = 600, qa = 700, Ja = 800, Qa = 900, Ua = 1, Za = 10, er = 1e3, tr = 1100, or = 1200, rr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  backgroundBase: Ee,
-  backgroundHover: Me,
-  backgroundInverse: Oe,
-  badgeBackground: ft,
-  borderColorDisabled: go,
-  borderColorPrimary: lo,
-  borderColorSecondary: no,
-  borderColorSubtle: so,
-  borderColorTertiary: co,
-  borderWidth: uo,
-  brandPrimary: io,
-  breakpointsLg: n,
-  breakpointsMd: l,
+  backgroundBase: it,
+  backgroundHover: nt,
+  backgroundInverse: lt,
+  badgeBackground: fo,
+  borderColorDisabled: Bt,
+  borderColorPrimary: jt,
+  borderColorSecondary: Pt,
+  borderColorSubtle: wt,
+  borderColorTertiary: zt,
+  borderWidth: xt,
+  brandPrimary: St,
+  breakpointsLg: l,
+  breakpointsMd: n,
   breakpointsSm: i,
   breakpointsXl: s,
   breakpointsXs: r,
-  buttonBackgroundDangerActive: pt,
-  buttonBackgroundDangerBase: gt,
-  buttonBackgroundDangerHover: ut,
-  buttonBackgroundDisabled: kt,
-  buttonBackgroundPrimaryActive: rt,
-  buttonBackgroundPrimaryBase: tt,
-  buttonBackgroundPrimaryHover: at,
-  buttonBackgroundSecondaryActive: nt,
-  buttonBackgroundSecondaryBase: it,
-  buttonBackgroundSecondaryHover: lt,
-  buttonBackgroundTertiaryActive: ct,
-  buttonBackgroundTertiaryHover: st,
-  buttonBorderSecondary: dt,
-  buttonIconActive: ht,
-  buttonIconHover: yt,
-  calendarDateBackgroundEndRange: St,
-  calendarDateBackgroundHover: mt,
-  calendarDateBackgroundInRange: vt,
-  calendarDateBackgroundSelected: bt,
-  calendarDateBackgroundStartRange: $t,
-  colorBlackBase: c,
-  colorBlackHover: g,
-  colorBlue10: A,
-  colorBlue100: K,
-  colorBlue110: E,
-  colorBlue120: M,
-  colorBlue130: O,
-  colorBlue150: X,
-  colorBlue20: G,
-  colorBlue40: C,
-  colorBlue50: W,
-  colorBlue60: F,
-  colorBlue70: D,
-  colorBlue80: T,
-  colorBlue90: L,
-  colorGray10: k,
-  colorGray100: S,
-  colorGray110: j,
-  colorGray120: P,
-  colorGray130: w,
-  colorGray140: z,
-  colorGray150: B,
-  colorGray160: H,
-  colorGray170: x,
-  colorGray180: R,
-  colorGray190: Y,
-  colorGray20: d,
-  colorGray200: I,
-  colorGray30: y,
-  colorGray40: h,
-  colorGray50: f,
-  colorGray60: m,
-  colorGray70: b,
-  colorGray80: $,
-  colorGray90: v,
-  colorPurple110: N,
-  colorPurple80: _,
-  colorRed100: V,
-  colorSignalBlue10: q,
-  colorSignalBlue100: Q,
-  colorSignalBlue20: J,
-  colorSignalGreen100: ee,
-  colorSignalGreen150: oe,
-  colorSignalGreen20: U,
-  colorSignalGreen30: Z,
-  colorSignalRed10: Se,
-  colorSignalRed100: Ye,
-  colorSignalRed110: Ie,
-  colorSignalRed120: Ae,
-  colorSignalRed130: Ge,
-  colorSignalRed140: Ce,
-  colorSignalRed150: We,
-  colorSignalRed160: Fe,
-  colorSignalRed170: De,
-  colorSignalRed180: Te,
-  colorSignalRed190: Le,
-  colorSignalRed20: je,
-  colorSignalRed200: Ke,
-  colorSignalRed30: Pe,
-  colorSignalRed40: we,
-  colorSignalRed50: ze,
-  colorSignalRed60: Be,
-  colorSignalRed70: He,
-  colorSignalRed80: xe,
-  colorSignalRed90: Re,
-  colorSignalYellow10: te,
-  colorSignalYellow100: ue,
-  colorSignalYellow110: pe,
-  colorSignalYellow120: ke,
-  colorSignalYellow130: de,
-  colorSignalYellow140: ye,
-  colorSignalYellow150: he,
-  colorSignalYellow160: fe,
-  colorSignalYellow170: me,
-  colorSignalYellow180: be,
-  colorSignalYellow190: $e,
-  colorSignalYellow20: ae,
-  colorSignalYellow200: ve,
-  colorSignalYellow30: re,
-  colorSignalYellow40: ie,
-  colorSignalYellow50: le,
-  colorSignalYellow60: ne,
-  colorSignalYellow70: se,
-  colorSignalYellow80: ce,
-  colorSignalYellow90: ge,
-  colorWhiteBase: u,
-  colorWhiteHover: p,
-  field01Active: yo,
-  field01Base: po,
-  field01Hover: ko,
-  field02Active: mo,
-  field02Base: ho,
-  field02Hover: fo,
-  fieldDisabled: bo,
-  iconDisabled: Bo,
-  iconImportant: Yo,
-  iconInfo: xo,
-  iconInverse: wo,
-  iconOnColor: zo,
-  iconPrimary: So,
-  iconSecondary: jo,
-  iconSuccess: Ho,
-  iconTertiary: Po,
-  iconWarning: Ro,
-  layer01Base: Xe,
-  layer01Hover: _e,
-  layer01Selected: Ne,
-  layer01SelectedHover: Ve,
-  layer02Base: qe,
-  layer02Hover: Je,
-  layer02Selected: Qe,
-  layer02SelectedHover: Ue,
-  layerAccent01Base: Ze,
-  layerAccent01Hover: eo,
-  layerAccent01Selected: oo,
-  layerAccent02Base: to,
-  layerAccent02Hover: ao,
-  layerAccent02Selected: ro,
-  linkEnabled: Io,
-  linkHover: Ao,
-  linkPressed: Go,
-  linkVisited: Co,
-  logoPrimary: jt,
-  menuItemBackgroundHover: Pt,
-  menuItemBackgroundSelected: wt,
-  menuTextSectionHeader: zt,
-  size00: Ot,
-  size05: Xt,
-  size10: Bt,
-  size100: Dt,
-  size110: Tt,
-  size120: Lt,
-  size130: Kt,
-  size140: Et,
-  size15: Ht,
-  size150: Mt,
-  size20: xt,
-  size30: Rt,
-  size40: Yt,
-  size50: It,
-  size60: At,
-  size70: Gt,
-  size75: Ct,
-  size80: Wt,
-  size90: Ft,
-  skeleton01: $o,
-  skeleton02: vo,
-  spacing10: _t,
-  spacing100: oa,
-  spacing110: ta,
-  spacing120: aa,
-  spacing20: Nt,
-  spacing30: Vt,
-  spacing40: qt,
-  spacing50: Jt,
-  spacing60: Qt,
-  spacing70: Ut,
-  spacing80: Zt,
-  spacing90: ea,
-  stateFocus: ra,
-  stateFocusInset: ia,
-  supportBackgroundImportant: Oo,
-  supportBackgroundImportantHover: Xo,
-  supportBackgroundInfo: Eo,
-  supportBackgroundInfoHover: Mo,
-  supportBackgroundSuccess: Lo,
-  supportBackgroundSuccessHover: Ko,
-  supportBackgroundWarning: _o,
-  supportBackgroundWarningHover: No,
-  supportBorderImportant: Do,
-  supportBorderInfo: Fo,
-  supportBorderSuccess: Wo,
-  supportBorderWarning: To,
-  textDisabled: Zo,
-  textInverse: Uo,
-  textOnColor: Qo,
-  textPlaceholder: ot,
-  textPrimary: Vo,
-  textSecondary: qo,
-  textTertiary: Jo,
-  textWarning: et,
-  transitionsDurationFast: sa,
-  transitionsDurationNormal: na,
-  transitionsDurationSlow: la,
-  typographyFontFamily: ca,
-  typographyFontSize10: ga,
-  typographyFontSize100: ba,
-  typographyFontSize20: ua,
-  typographyFontSize30: pa,
-  typographyFontSize40: ka,
-  typographyFontSize50: da,
-  typographyFontSize60: ya,
-  typographyFontSize70: ha,
-  typographyFontSize80: fa,
-  typographyFontSize90: ma,
-  typographyLineHeight10: $a,
-  typographyLineHeight100: xa,
-  typographyLineHeight20: va,
-  typographyLineHeight30: Sa,
-  typographyLineHeight40: ja,
-  typographyLineHeight50: Pa,
-  typographyLineHeight60: wa,
-  typographyLineHeight70: za,
-  typographyLineHeight80: Ba,
-  typographyLineHeight90: Ha,
-  typographyWeightBlack: Da,
-  typographyWeightBold: Wa,
-  typographyWeightExtraBold: Fa,
-  typographyWeightExtraLight: Ya,
-  typographyWeightLight: Ia,
-  typographyWeightMedium: Ga,
-  typographyWeightRegular: Aa,
-  typographyWeightSemiBold: Ca,
-  typographyWeightThin: Ra,
-  windowSizesLg: t,
-  windowSizesMd: o,
+  buttonBackgroundDangerActive: f,
+  buttonBackgroundDangerBase: $,
+  buttonBackgroundDangerHover: m,
+  buttonBackgroundDisabled: b,
+  buttonBackgroundPrimaryActive: u,
+  buttonBackgroundPrimaryBase: c,
+  buttonBackgroundPrimaryHover: g,
+  buttonBackgroundSecondaryActive: k,
+  buttonBackgroundSecondaryBase: p,
+  buttonBackgroundSecondaryHover: y,
+  buttonBackgroundTertiaryActive: h,
+  buttonBackgroundTertiaryHover: d,
+  buttonBorderSecondary: v,
+  buttonIconActive: j,
+  buttonIconHover: S,
+  calendarDateBackgroundEndRange: Po,
+  calendarDateBackgroundHover: bo,
+  calendarDateBackgroundInRange: jo,
+  calendarDateBackgroundSelected: vo,
+  calendarDateBackgroundStartRange: So,
+  colorBlackBase: P,
+  colorBlackHover: w,
+  colorBlackOpacity5: z,
+  colorBlue10: J,
+  colorBlue100: re,
+  colorBlue110: ie,
+  colorBlue120: ne,
+  colorBlue130: le,
+  colorBlue150: se,
+  colorBlue20: Q,
+  colorBlue40: U,
+  colorBlue50: Z,
+  colorBlue60: ee,
+  colorBlue70: te,
+  colorBlue80: oe,
+  colorBlue90: ae,
+  colorGray10: R,
+  colorGray100: T,
+  colorGray110: L,
+  colorGray120: O,
+  colorGray130: M,
+  colorGray140: E,
+  colorGray150: K,
+  colorGray160: X,
+  colorGray170: _,
+  colorGray180: N,
+  colorGray190: V,
+  colorGray20: Y,
+  colorGray200: q,
+  colorGray30: I,
+  colorGray40: A,
+  colorGray50: C,
+  colorGray60: G,
+  colorGray70: W,
+  colorGray80: F,
+  colorGray90: D,
+  colorPurple110: ge,
+  colorPurple80: ce,
+  colorRed100: ue,
+  colorSignalBlue10: pe,
+  colorSignalBlue100: ke,
+  colorSignalBlue20: ye,
+  colorSignalGreen100: $e,
+  colorSignalGreen150: me,
+  colorSignalGreen20: de,
+  colorSignalGreen30: he,
+  colorSignalRed10: Te,
+  colorSignalRed100: Ve,
+  colorSignalRed110: qe,
+  colorSignalRed120: Je,
+  colorSignalRed130: Qe,
+  colorSignalRed140: Ue,
+  colorSignalRed150: Ze,
+  colorSignalRed160: et,
+  colorSignalRed170: tt,
+  colorSignalRed180: ot,
+  colorSignalRed190: at,
+  colorSignalRed20: Le,
+  colorSignalRed200: rt,
+  colorSignalRed30: Oe,
+  colorSignalRed40: Me,
+  colorSignalRed50: Ee,
+  colorSignalRed60: Ke,
+  colorSignalRed70: Xe,
+  colorSignalRed80: _e,
+  colorSignalRed90: Ne,
+  colorSignalYellow10: fe,
+  colorSignalYellow100: xe,
+  colorSignalYellow110: He,
+  colorSignalYellow120: Re,
+  colorSignalYellow130: Ye,
+  colorSignalYellow140: Ie,
+  colorSignalYellow150: Ae,
+  colorSignalYellow160: Ce,
+  colorSignalYellow170: Ge,
+  colorSignalYellow180: We,
+  colorSignalYellow190: Fe,
+  colorSignalYellow20: be,
+  colorSignalYellow200: De,
+  colorSignalYellow30: ve,
+  colorSignalYellow40: Se,
+  colorSignalYellow50: je,
+  colorSignalYellow60: Pe,
+  colorSignalYellow70: we,
+  colorSignalYellow80: ze,
+  colorSignalYellow90: Be,
+  colorWhiteBase: B,
+  colorWhiteHover: x,
+  colorWhiteOpacity13: H,
+  field01Active: Yt,
+  field01Base: Ht,
+  field01Hover: Rt,
+  field02Active: Ct,
+  field02Base: It,
+  field02Hover: At,
+  fieldDisabled: Gt,
+  iconDisabled: Et,
+  iconImportant: Nt,
+  iconInfo: Xt,
+  iconInverse: Ot,
+  iconOnColor: Mt,
+  iconPrimary: Dt,
+  iconSecondary: Tt,
+  iconSuccess: Kt,
+  iconTertiary: Lt,
+  iconWarning: _t,
+  layer01Base: st,
+  layer01Hover: ct,
+  layer01Selected: gt,
+  layer01SelectedHover: ut,
+  layer02Base: pt,
+  layer02Hover: yt,
+  layer02Selected: kt,
+  layer02SelectedHover: dt,
+  layerAccent01Base: ht,
+  layerAccent01Hover: $t,
+  layerAccent01Selected: mt,
+  layerAccent02Base: ft,
+  layerAccent02Hover: bt,
+  layerAccent02Selected: vt,
+  linkEnabled: Vt,
+  linkHover: qt,
+  linkPressed: Jt,
+  linkVisited: Qt,
+  logoPrimary: wo,
+  menuItemBackgroundHover: zo,
+  menuItemBackgroundSelected: Bo,
+  menuTextSectionHeader: xo,
+  size00: _o,
+  size05: No,
+  size10: Ho,
+  size100: Lo,
+  size110: Oo,
+  size120: Mo,
+  size130: Eo,
+  size140: Ko,
+  size15: Ro,
+  size150: Xo,
+  size20: Yo,
+  size30: Io,
+  size40: Ao,
+  size50: Co,
+  size60: Go,
+  size70: Wo,
+  size75: Fo,
+  size80: Do,
+  size90: To,
+  skeleton01: Wt,
+  skeleton02: Ft,
+  spacing10: Vo,
+  spacing100: aa,
+  spacing110: ra,
+  spacing120: ia,
+  spacing20: qo,
+  spacing30: Jo,
+  spacing40: Qo,
+  spacing50: Uo,
+  spacing60: Zo,
+  spacing70: ea,
+  spacing80: ta,
+  spacing90: oa,
+  spacingLarge: ca,
+  spacingMedium: sa,
+  spacingSmall: la,
+  spacingXlarge: ga,
+  spacingXsmall: na,
+  stateFocus: ua,
+  stateFocusContrastModeOffset: ka,
+  stateFocusContrastModeOutline: ya,
+  stateFocusInset: pa,
+  supportBackgroundImportant: no,
+  supportBackgroundImportantHover: lo,
+  supportBackgroundInfo: ro,
+  supportBackgroundInfoHover: io,
+  supportBackgroundSuccess: oo,
+  supportBackgroundSuccessHover: ao,
+  supportBackgroundWarning: so,
+  supportBackgroundWarningHover: co,
+  supportBorderImportant: eo,
+  supportBorderInfo: Zt,
+  supportBorderSuccess: Ut,
+  supportBorderWarning: to,
+  textDisabled: ho,
+  textInverse: ko,
+  textOnColor: yo,
+  textPlaceholder: mo,
+  textPrimary: go,
+  textSecondary: uo,
+  textTertiary: po,
+  textWarning: $o,
+  transitionDurationFast: $a,
+  transitionDurationNormal: ha,
+  transitionDurationSlow: da,
+  transitionPanelCollapse: ba,
+  transitionPanelExpand: va,
+  transitionTimingEaseIn: fa,
+  transitionTimingEaseOut: ma,
+  typographyFontFamily: Sa,
+  typographyFontSize10: ja,
+  typographyFontSize100: Ia,
+  typographyFontSize20: Pa,
+  typographyFontSize30: wa,
+  typographyFontSize40: za,
+  typographyFontSize50: Ba,
+  typographyFontSize60: xa,
+  typographyFontSize70: Ha,
+  typographyFontSize80: Ra,
+  typographyFontSize90: Ya,
+  typographyLineHeight10: Aa,
+  typographyLineHeight100: Ma,
+  typographyLineHeight20: Ca,
+  typographyLineHeight30: Ga,
+  typographyLineHeight40: Wa,
+  typographyLineHeight50: Fa,
+  typographyLineHeight60: Da,
+  typographyLineHeight70: Ta,
+  typographyLineHeight80: La,
+  typographyLineHeight90: Oa,
+  typographyWeightBlack: Qa,
+  typographyWeightBold: qa,
+  typographyWeightExtraBold: Ja,
+  typographyWeightExtraLight: Ka,
+  typographyWeightLight: Xa,
+  typographyWeightMedium: Na,
+  typographyWeightRegular: _a,
+  typographyWeightSemiBold: Va,
+  typographyWeightThin: Ea,
+  windowSizesLg: o,
+  windowSizesMd: t,
   windowSizesSm: e,
   windowSizesXl: a,
-  zIndexAbove: La,
-  zIndexBase: Ta,
-  zIndexModal: Ka,
-  zIndexSkipToContent: Ma,
-  zIndexToast: Ea
+  zIndexAbove: Za,
+  zIndexBase: Ua,
+  zIndexModal: er,
+  zIndexSkipToContent: or,
+  zIndexToast: tr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Oa as tokenDictionary,
-  Xa as variables
+  ar as tokenDictionary,
+  rr as variables
 };