@midas-ds/theme 2.0.0 → 2.0.1

package/{index.js → index.mjs}

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

package/lib/index.d.ts

@@ -1,3 +1,3 @@
-import { default as tokens } from './style-dictionary-dist/generated-object';
-import * as variables from './style-dictionary-dist/generated-tokens';
-export { tokens, variables };
+import { default as tokenDictionary } from './style-dictionary-dist/token-dictionary';
+import * as variables from './style-dictionary-dist/variables';
+export { tokenDictionary, variables };

package/lib/style-dictionary-dist/{generated-object.d.ts → token-dictionary.d.ts}

@@ -27,9 +27,6 @@ declare const tokens: {
     md: DesignToken;
     lg: DesignToken;
     xl: DesignToken;
-    forcedColorsMode: DesignToken;
-    darkMode: DesignToken;
-    prefersReducedMotion: DesignToken;
   };
   color: {
     black: {

package/lib/style-dictionary-dist/{generated-tokens.d.ts → variables.d.ts}

@@ -11,9 +11,6 @@ export const breakpointsSm: string;
 export const breakpointsMd: string;
 export const breakpointsLg: string;
 export const breakpointsXl: string;
-export const breakpointsForcedColorsMode: string;
-export const breakpointsDarkMode: string;
-export const breakpointsPrefersReducedMotion: string;
 /** Black */
 export const colorBlackBase: string;
 /** Black hover */

package/package.json

@@ -14,15 +14,7 @@
   "description": "Midas Theme",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "2.0.0",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./index.js"
-    },
-    "./variables.css": {
-      "import": "./assets/variables.css"
-    }
-  }
+  "version": "2.0.1",
+  "main": "./index.mjs",
+  "types": "./index.d.ts"
 }

package/variables.css

@@ -0,0 +1 @@
+:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-yellow-10: #fff8e1;--midas-color-signal-yellow-20: #ffeba8;--midas-color-signal-yellow-100: #fdb813;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #eb4e4e;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-button-icon-hover: light-dark(#0000001a, #ffffff1a);--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-transitions-duration-slow: .5s;--midas-transitions-duration-normal: .3s;--midas-transitions-duration-fast: .25s;--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.75rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 2.75rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-gray-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-gray-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-gray-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-gray-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-gray-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-gray-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-gray-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-gray-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-80))}

package/README.md

@@ -1,58 +0,0 @@
-# @midas-ds/theme
-
-This package contains the design tokens for the Midas Design System, managed by [Style Dictionary](https://style-dictionary.com/).
-It automatically generates theme assets, such as CSS variables and JavaScript modules, from a common set of token definitions.
-
-## Installation
-
-To install the theme package, run the following command in your project root:
-
-```bash
-npm install @midas-ds/theme
-```
-
-## Usage
-
-The theme provides assets for both CSS and JavaScript environments.
-
-### CSS
-
-Import the `variables.css` file into your project's main entry point or global stylesheet. This will make all the design tokens available as CSS Custom Properties.
-
-The CSS variables are prefixed with `midas`.
-
-```css
-/* Example: In your main stylesheet */
-@import '@midas-ds/theme/variables.css';
-
-body {
-  background-color: var(--midas-color-background-default);
-  font-family: var(--midas-typography-font-family);
-  font-size: var(--midas-font-size-base);
-}
-```
-
-### JavaScript / TypeScript
-
-You can import the tokens directly into your JavaScript or TypeScript files to use them in your component logic or styled-components.
-
-```typescript
-// Example: Using tokens in a JavaScript file
-import { variables } from '@midas-ds/theme';
-
-const customStyle = {
-  backgroundColor: variables.color.background.default,
-  padding: variables.spacing.base,
-};
-```
-
-## Contributing
-
-The source of truth for all design tokens is located in the `tokens/` directory, organized into JSON files by category (e.g., `colors.json`, `spacing.json`).
-
-To make changes to the theme:
-
-1.  Modify the desired token values in the JSON files under the `tokens/` directory.
-2.  Run the build script `sd.build.mjs` to regenerate the theme assets. This will update the files in the `src/lib/style-dictionary-dist/` directory.
-
-This process ensures that all theme assets are kept in sync with the master token definitions.

package/assets/variables.css

@@ -1 +0,0 @@
-:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-breakpoints-forced-colors-mode: "(forced-colors: active)";--midas-breakpoints-dark-mode: "(prefers-color-scheme: dark)";--midas-breakpoints-prefers-reduced-motion: "(prefers-reduced-motion: reduced)";--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-yellow-10: #fff8e1;--midas-color-signal-yellow-20: #ffeba8;--midas-color-signal-yellow-100: #fdb813;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #eb4e4e;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-button-icon-hover: light-dark(#0000001a, #ffffff1a);--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-transitions-duration-slow: .5s;--midas-transitions-duration-normal: .3s;--midas-transitions-duration-fast: .25s;--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.75rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 2.75rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: "(max-width: calc(var(--midas-window-sizes-sm) - 1px))";--midas-breakpoints-sm: "(min-width: var(--midas-window-sizes-sm))";--midas-breakpoints-md: "(min-width: var(--midas-window-sizes-md))";--midas-breakpoints-lg: "(min-width: var(--midas-window-sizes-lg))";--midas-breakpoints-xl: "(min-width: var(--midas-window-sizes-xl))";--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-gray-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-gray-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-gray-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-gray-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-gray-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-gray-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-gray-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-gray-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-80))}