@midas-ds/theme 3.6.1 → 3.7.1

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## 3.7.1 (2025-12-08)
+
+This was a version bump only for theme to align it with other projects, there were no code changes.
+
+## 3.7.0 (2025-12-05)
+
+### 🚀 Features
+
+- **theme:** update colors for support.background in dark mode ([4fd2edec83](https://github.com/migrationsverket/midas/commit/4fd2edec83))
+- **theme:** add signal colors ([bd9a91faf6](https://github.com/migrationsverket/midas/commit/bd9a91faf6))
+
 ## 3.6.1 (2025-12-05)
 
 This was a version bump only for theme to align it with other projects, there were no code changes.

package/index.mjs

@@ -1,4 +1,4 @@
-const pr = {
+const dr = {
   windowSizes: {
     sm: {
       key: "{windowSizes.sm}",
@@ -1126,6 +1126,36 @@ const pr = {
         name: "colorSignalBlue100",
         attributes: {},
         path: ["color", "signalBlue", "100"]
+      },
+      170: {
+        key: "{color.signalBlue.170}",
+        $value: "#162b33",
+        filePath: "packages/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#162b33",
+          $type: "color",
+          key: "{color.signalBlue.170}"
+        },
+        name: "colorSignalBlue170",
+        attributes: {},
+        path: ["color", "signalBlue", "170"]
+      },
+      180: {
+        key: "{color.signalBlue.180}",
+        $value: "#112127",
+        filePath: "packages/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#112127",
+          $type: "color",
+          key: "{color.signalBlue.180}"
+        },
+        name: "colorSignalBlue180",
+        attributes: {},
+        path: ["color", "signalBlue", "180"]
       }
     },
     signalGreen: {
@@ -1188,6 +1218,36 @@ const pr = {
         name: "colorSignalGreen150",
         attributes: {},
         path: ["color", "signalGreen", "150"]
+      },
+      170: {
+        key: "{color.signalGreen.170}",
+        $value: "#163328",
+        filePath: "packages/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#163328",
+          $type: "color",
+          key: "{color.signalGreen.170}"
+        },
+        name: "colorSignalGreen170",
+        attributes: {},
+        path: ["color", "signalGreen", "170"]
+      },
+      180: {
+        key: "{color.signalGreen.180}",
+        $value: "#112722",
+        filePath: "packages/theme/tokens/colors.json",
+        isSource: !0,
+        $type: "color",
+        original: {
+          $value: "#112722",
+          $type: "color",
+          key: "{color.signalGreen.180}"
+        },
+        name: "colorSignalGreen180",
+        attributes: {},
+        path: ["color", "signalGreen", "180"]
       }
     },
     signalYellow: {
@@ -2716,13 +2776,13 @@ const pr = {
     background: {
       success: {
         key: "{support.background.success}",
-        $value: "light-dark(#d5f2d9, #262626)",
+        $value: "light-dark(#d5f2d9, #112722)",
         $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})",
+          $value: "light-dark({color.signalGreen.20}, {color.signalGreen.180})",
           $description: "Bakgrund för success-notifikationer",
           $type: "string",
           key: "{support.background.success}"
@@ -2733,13 +2793,13 @@ const pr = {
       },
       successHover: {
         key: "{support.background.successHover}",
-        $value: "light-dark(#bae5c5, #333)",
+        $value: "light-dark(#bae5c5, #163328)",
         $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})",
+          $value: "light-dark({color.signalGreen.30}, {color.signalGreen.170})",
           $description: "Hoverbakgrund för success-notifikationer",
           $type: "string",
           key: "{support.background.successHover}"
@@ -2750,13 +2810,13 @@ const pr = {
       },
       info: {
         key: "{support.background.info}",
-        $value: "light-dark(#eaf2f6, #262626)",
+        $value: "light-dark(#eaf2f6, #112127)",
         $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})",
+          $value: "light-dark({color.signalBlue.10}, {color.signalBlue.180})",
           $description: "Bakgrund för notifikationer med information",
           $type: "string",
           key: "{support.background.info}"
@@ -2767,13 +2827,13 @@ const pr = {
       },
       infoHover: {
         key: "{support.background.infoHover}",
-        $value: "light-dark(#d5e5ed, #333)",
+        $value: "light-dark(#d5e5ed, #162b33)",
         $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})",
+          $value: "light-dark({color.signalBlue.20}, {color.signalBlue.170})",
           $description: "Hoverbakgrund för notifikationer med information",
           $type: "string",
           key: "{support.background.infoHover}"
@@ -2784,13 +2844,13 @@ const pr = {
       },
       important: {
         key: "{support.background.important}",
-        $value: "light-dark(#fff8e2, #262626)",
+        $value: "light-dark(#fff8e2, #322a20)",
         $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})",
+          $value: "light-dark({color.signalYellow.10}, {color.signalYellow.180})",
           $description: "Bakgrund för notifikationer med viktig information",
           $type: "string",
           key: "{support.background.important}"
@@ -2801,13 +2861,13 @@ const pr = {
       },
       importantHover: {
         key: "{support.background.importantHover}",
-        $value: "light-dark(#fff1cd, #333)",
+        $value: "light-dark(#fff1cd, #453826)",
         $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})",
+          $value: "light-dark({color.signalYellow.20}, {color.signalYellow.170})",
           $description: "Hoverbakgrund för notifikationer med viktig information",
           $type: "string",
           key: "{support.background.importantHover}"
@@ -2818,13 +2878,13 @@ const pr = {
       },
       warning: {
         key: "{support.background.warning}",
-        $value: "light-dark(#ffdfdf, #262626)",
+        $value: "light-dark(#ffdfdf, #3f0a0a)",
         $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})",
+          $value: "light-dark({color.signalRed.20}, {color.signalRed.180})",
           $description: "Bakgrund för notifikationer med varningar",
           $type: "string",
           key: "{support.background.warning}"
@@ -2835,13 +2895,13 @@ const pr = {
       },
       warningHover: {
         key: "{support.background.warningHover}",
-        $value: "light-dark(#fcc8c8, #333)",
+        $value: "light-dark(#fcc8c8, #540d0d)",
         $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})",
+          $value: "light-dark({color.signalRed.30}, {color.signalRed.170})",
           $description: "Hoverbakgrund för notifikationer med varningar",
           $type: "string",
           key: "{support.background.warningHover}"
@@ -4731,47 +4791,47 @@ const pr = {
       path: ["zIndex", "skipToContent"]
     }
   }
-}, 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)", p = "light-dark(#2e7ca5, #143c50)", u = "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", x = "#fff", B = "#e6e6e6", H = "#ffffff21", R = "#f2f2f2", I = "#e6e6e6", Y = "#d9d9d9", A = "#ccc", W = "#bfbfbf", C = "#b3b3b3", F = "#a6a6a6", G = "#999", D = "#8c8c8c", T = "#808080", O = "#737373", L = "#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", pe = "#b90835", ue = "oklch(0.66 0.18 45)", ye = "#eaf2f6", ke = "#d5e5ed", de = "#06c", he = "#d5f2d9", $e = "#bae5c5", me = "#008d3c", fe = "#194B33", be = "#fff8e2", ve = "#fff1cd", Se = "#ffeab8", je = "#ffe3a3", Pe = "#ffdc8b", we = "#ffd47b", ze = "#fdcd5d", xe = "#fbc640", Be = "#fabf1b", He = "#fab900", Re = "#daa105", Ie = "#bd8c1e", Ye = "#a17927", Ae = "#88672a", We = "#70562b", Ce = "#5a4629", Fe = "#453826", Ge = "#322a20", De = "#201c18", Te = "#0f0e0e", Oe = "#ffefef", Le = "#ffdfdf", Me = "#fcc8c8", Ee = "#f9b0b0", Ke = "#f69999", Xe = "#f38181", _e = "#ef6a6a", Ne = "#EC5252", Ve = "#e93b3b", qe = "#e62323", Je = "#d12020", Qe = "#bc1d1d", Ue = "#a71919", Ze = "#921616", et = "#7d1313", tt = "#691010", ot = "#540d0d", at = "#3f0a0a", rt = "#2a0606", it = "#150303", nt = "light-dark(#fff, #171717)", lt = "light-dark(#e6e6e6, #212121)", st = "light-dark(#171717, #f2f2f2)", ct = "light-dark(#f2f2f2, #262626)", gt = "light-dark(#e6e6e6, #333)", pt = "light-dark(#d9d9d9, #383838)", ut = "light-dark(#ccc, #474747)", yt = "light-dark(#fff, #383838)", kt = "light-dark(#e6e6e6, #474747)", dt = "light-dark(#d9d9d9, #525252)", ht = "light-dark(#ccc, #5d5d5d)", $t = "light-dark(#d9d9d9, #383838)", mt = "light-dark(#ccc, #474747)", ft = "light-dark(#bfbfbf, #525252)", bt = "light-dark(#f2f2f2, #262626)", vt = "light-dark(#e6e6e6, #333)", St = "light-dark(#d9d9d9, #383838)", jt = "light-dark(#b90835, #b90835)", Pt = "light-dark(#171717, #f2f2f2)", wt = "light-dark(#737373, #8c8c8c)", zt = "light-dark(#bfbfbf, #525252)", xt = "light-dark(#143c50, #2e7ca5)", Bt = "light-dark(#bfbfbf, #525252)", Ht = "1px", Rt = "light-dark(#f2f2f2, #262626)", It = "light-dark(#e6e6e6, #333)", Yt = "light-dark(#d9d9d9, #383838)", At = "light-dark(#fff, #383838)", Wt = "light-dark(#e6e6e6, #474747)", Ct = "light-dark(#d9d9d9, #525252)", Ft = "light-dark(#f2f2f2, #262626)", Gt = "light-dark(#f2f2f2, #262626)", Dt = "light-dark(#d9d9d9, #383838)", Tt = "light-dark(#171717, #f2f2f2)", Ot = "light-dark(#525252, #a6a6a6)", Lt = "light-dark(#143c50, #f2f2f2)", Mt = "light-dark(#fff, #171717)", Et = "light-dark(#fff, #fff)", Kt = "light-dark(#bfbfbf, #525252)", Xt = "light-dark(#008d3c, #008d3c)", _t = "light-dark(#06c, #06c)", Nt = "light-dark(#e62323, #e62323)", Vt = "oklch(0.66 0.18 45)", qt = "light-dark(#bfbfbf, #383838)", Jt = "light-dark(#29698C, #6CA3C0)", Qt = "light-dark(#143c50, #94BCD1)", Ut = "light-dark(#171717, #abcbdb)", Zt = "light-dark(#954b95, #b46ab4)", eo = "light-dark(#008d3c, #008d3c)", to = "light-dark(#06c, #06c)", oo = "oklch(0.66 0.18 45)", ao = "light-dark(#e62323, #e62323)", ro = "light-dark(#d5f2d9, #262626)", io = "light-dark(#bae5c5, #333)", no = "light-dark(#eaf2f6, #262626)", lo = "light-dark(#d5e5ed, #333)", so = "light-dark(#fff8e2, #262626)", co = "light-dark(#fff1cd, #333)", go = "light-dark(#ffdfdf, #262626)", po = "light-dark(#fcc8c8, #333)", uo = "light-dark(#171717, #f2f2f2)", yo = "light-dark(#525252, #a6a6a6)", ko = "light-dark(#143c50, #f2f2f2)", ho = "light-dark(#fff, #fff)", $o = "light-dark(#f2f2f2, #171717)", mo = "light-dark(#bfbfbf, #525252)", fo = "light-dark(#e62323, #EC5252)", bo = "light-dark(#a6a6a6, #525252)", vo = "light-dark(#737373, #999)", So = "light-dark(#e62323, #e62323)", jo = "light-dark(#0000001a, #ffffff1a)", Po = "light-dark(#143c50, #5897b8)", wo = "light-dark(#143c50, #5897b8)", zo = "light-dark(#d5e5ed, #143c50)", xo = "light-dark(#143c50, #5897b8)", Bo = "light-dark(#b90835, #fff)", Ho = "light-dark(#e6e6e6, #212121)", Ro = "light-dark(#f2f2f2, #262626)", Io = "light-dark(#525252, #a6a6a6)", Yo = "0.125rem", Ao = "0.188rem", Wo = "0.25rem", Co = "0.375rem", Fo = "0.5rem", Go = "0.625rem", Do = "0.75rem", To = "0.875rem", Oo = "0.938rem", Lo = "1rem", Mo = "1.25rem", Eo = "1.5rem", Ko = "1.75rem", Xo = "2rem", _o = "2.5rem", No = "2.75rem", Vo = "3rem", qo = "0rem", Jo = "0.063rem", Qo = "0.125rem", Uo = "0.25rem", Zo = "0.5rem", ea = "0.75rem", ta = "1rem", oa = "1.5rem", aa = "2rem", ra = "2.5rem", ia = "3rem", na = "4rem", la = "5rem", sa = "6rem", ca = "0.25rem", ga = "0.5rem", pa = "1rem", ua = "1.5rem", ya = "2rem", ka = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", da = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", ha = "2px", $a = "2px", ma = "500ms", fa = "300ms", ba = "250ms", va = [0, 0, 0.58, 1], Sa = [0.42, 0, 1, 1], ja = {
+}, 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)", p = "light-dark(#2e7ca5, #143c50)", u = "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", G = "#bfbfbf", W = "#b3b3b3", C = "#a6a6a6", F = "#999", D = "#8c8c8c", T = "#808080", O = "#737373", L = "#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", pe = "#b90835", ue = "oklch(0.66 0.18 45)", ye = "#eaf2f6", ke = "#d5e5ed", de = "#06c", he = "#162b33", $e = "#112127", me = "#d5f2d9", fe = "#bae5c5", be = "#008d3c", ve = "#194B33", Se = "#163328", je = "#112722", Pe = "#fff8e2", we = "#fff1cd", ze = "#ffeab8", Be = "#ffe3a3", xe = "#ffdc8b", He = "#ffd47b", Re = "#fdcd5d", Ye = "#fbc640", Ie = "#fabf1b", Ae = "#fab900", Ge = "#daa105", We = "#bd8c1e", Ce = "#a17927", Fe = "#88672a", De = "#70562b", Te = "#5a4629", Oe = "#453826", Le = "#322a20", Me = "#201c18", Ee = "#0f0e0e", Ke = "#ffefef", Xe = "#ffdfdf", _e = "#fcc8c8", Ne = "#f9b0b0", Ve = "#f69999", qe = "#f38181", Je = "#ef6a6a", Qe = "#EC5252", Ue = "#e93b3b", Ze = "#e62323", et = "#d12020", tt = "#bc1d1d", ot = "#a71919", at = "#921616", rt = "#7d1313", it = "#691010", nt = "#540d0d", lt = "#3f0a0a", st = "#2a0606", ct = "#150303", gt = "light-dark(#fff, #171717)", pt = "light-dark(#e6e6e6, #212121)", ut = "light-dark(#171717, #f2f2f2)", yt = "light-dark(#f2f2f2, #262626)", kt = "light-dark(#e6e6e6, #333)", dt = "light-dark(#d9d9d9, #383838)", ht = "light-dark(#ccc, #474747)", $t = "light-dark(#fff, #383838)", mt = "light-dark(#e6e6e6, #474747)", ft = "light-dark(#d9d9d9, #525252)", bt = "light-dark(#ccc, #5d5d5d)", vt = "light-dark(#d9d9d9, #383838)", St = "light-dark(#ccc, #474747)", jt = "light-dark(#bfbfbf, #525252)", Pt = "light-dark(#f2f2f2, #262626)", wt = "light-dark(#e6e6e6, #333)", zt = "light-dark(#d9d9d9, #383838)", Bt = "light-dark(#b90835, #b90835)", xt = "light-dark(#171717, #f2f2f2)", Ht = "light-dark(#737373, #8c8c8c)", Rt = "light-dark(#bfbfbf, #525252)", Yt = "light-dark(#143c50, #2e7ca5)", It = "light-dark(#bfbfbf, #525252)", At = "1px", Gt = "light-dark(#f2f2f2, #262626)", Wt = "light-dark(#e6e6e6, #333)", Ct = "light-dark(#d9d9d9, #383838)", Ft = "light-dark(#fff, #383838)", Dt = "light-dark(#e6e6e6, #474747)", Tt = "light-dark(#d9d9d9, #525252)", Ot = "light-dark(#f2f2f2, #262626)", Lt = "light-dark(#f2f2f2, #262626)", Mt = "light-dark(#d9d9d9, #383838)", Et = "light-dark(#171717, #f2f2f2)", Kt = "light-dark(#525252, #a6a6a6)", Xt = "light-dark(#143c50, #f2f2f2)", _t = "light-dark(#fff, #171717)", Nt = "light-dark(#fff, #fff)", Vt = "light-dark(#bfbfbf, #525252)", qt = "light-dark(#008d3c, #008d3c)", Jt = "light-dark(#06c, #06c)", Qt = "light-dark(#e62323, #e62323)", Ut = "oklch(0.66 0.18 45)", Zt = "light-dark(#bfbfbf, #383838)", eo = "light-dark(#29698C, #6CA3C0)", to = "light-dark(#143c50, #94BCD1)", oo = "light-dark(#171717, #abcbdb)", ao = "light-dark(#954b95, #b46ab4)", ro = "light-dark(#008d3c, #008d3c)", io = "light-dark(#06c, #06c)", no = "oklch(0.66 0.18 45)", lo = "light-dark(#e62323, #e62323)", so = "light-dark(#d5f2d9, #112722)", co = "light-dark(#bae5c5, #163328)", go = "light-dark(#eaf2f6, #112127)", po = "light-dark(#d5e5ed, #162b33)", uo = "light-dark(#fff8e2, #322a20)", yo = "light-dark(#fff1cd, #453826)", ko = "light-dark(#ffdfdf, #3f0a0a)", ho = "light-dark(#fcc8c8, #540d0d)", $o = "light-dark(#171717, #f2f2f2)", mo = "light-dark(#525252, #a6a6a6)", fo = "light-dark(#143c50, #f2f2f2)", bo = "light-dark(#fff, #fff)", vo = "light-dark(#f2f2f2, #171717)", So = "light-dark(#bfbfbf, #525252)", jo = "light-dark(#e62323, #EC5252)", Po = "light-dark(#a6a6a6, #525252)", wo = "light-dark(#737373, #999)", zo = "light-dark(#e62323, #e62323)", Bo = "light-dark(#0000001a, #ffffff1a)", xo = "light-dark(#143c50, #5897b8)", Ho = "light-dark(#143c50, #5897b8)", Ro = "light-dark(#d5e5ed, #143c50)", Yo = "light-dark(#143c50, #5897b8)", Io = "light-dark(#b90835, #fff)", Ao = "light-dark(#e6e6e6, #212121)", Go = "light-dark(#f2f2f2, #262626)", Wo = "light-dark(#525252, #a6a6a6)", Co = "0.125rem", Fo = "0.188rem", Do = "0.25rem", To = "0.375rem", Oo = "0.5rem", Lo = "0.625rem", Mo = "0.75rem", Eo = "0.875rem", Ko = "0.938rem", Xo = "1rem", _o = "1.25rem", No = "1.5rem", Vo = "1.75rem", qo = "2rem", Jo = "2.5rem", Qo = "2.75rem", Uo = "3rem", Zo = "0rem", ea = "0.063rem", ta = "0.125rem", oa = "0.25rem", aa = "0.5rem", ra = "0.75rem", ia = "1rem", na = "1.5rem", la = "2rem", sa = "2.5rem", ca = "3rem", ga = "4rem", pa = "5rem", ua = "6rem", ya = "0.25rem", ka = "0.5rem", da = "1rem", ha = "1.5rem", $a = "2rem", ma = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", fa = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", ba = "2px", va = "2px", Sa = "500ms", ja = "300ms", Pa = "250ms", wa = [0, 0, 0.58, 1], za = [0.42, 0, 1, 1], Ba = {
   delay: "0ms",
   duration: "300ms",
   timingFunction: [0, 0, 0.58, 1]
-}, Pa = {
+}, xa = {
   delay: "0ms",
   duration: "300ms",
   timingFunction: [0.42, 0, 1, 1]
-}, wa = "Inter, sans-serif", za = "0.75rem", xa = "0.875rem", Ba = "1rem", Ha = "1.125rem", Ra = "1.25rem", Ia = "1.5rem", Ya = "1.625rem", Aa = "2rem", Wa = "2.25rem", Ca = "2.625rem", Fa = "1rem", Ga = "1.125rem", Da = "1.25rem", Ta = "1.375rem", Oa = "1.5rem", La = "1.75rem", Ma = "2rem", Ea = "2.25rem", Ka = "2.5rem", Xa = "3rem", _a = 100, Na = 200, Va = 300, qa = 400, Ja = 500, Qa = 600, Ua = 700, Za = 800, er = 900, tr = {
+}, Ha = "Inter, sans-serif", Ra = "0.75rem", Ya = "0.875rem", Ia = "1rem", Aa = "1.125rem", Ga = "1.25rem", Wa = "1.5rem", Ca = "1.625rem", Fa = "2rem", Da = "2.25rem", Ta = "2.625rem", Oa = "1rem", La = "1.125rem", Ma = "1.25rem", Ea = "1.375rem", Ka = "1.5rem", Xa = "1.75rem", _a = "2rem", Na = "2.25rem", Va = "2.5rem", qa = "3rem", Ja = 100, Qa = 200, Ua = 300, Za = 400, er = 500, tr = 600, or = 700, ar = 800, rr = 900, ir = {
   fontFamily: "Inter, sans-serif",
   fontSize: "1rem",
   fontWeight: 400,
   lineHeight: "1.125rem"
-}, or = {
+}, nr = {
   fontFamily: "Inter, sans-serif",
   fontSize: "0.875rem",
   fontWeight: 400,
   lineHeight: "1.125rem"
-}, ar = {
+}, lr = {
   fontFamily: "Inter, sans-serif",
   fontSize: "0.875rem",
   fontWeight: 400,
   lineHeight: "1.125rem"
-}, rr = {
+}, sr = {
   fontFamily: "Inter, sans-serif",
   fontSize: "0.75rem",
   fontWeight: 400,
   lineHeight: "1rem"
-}, ir = 1, nr = 10, lr = 500, sr = 1e3, cr = 1100, gr = 1200, ur = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, cr = 1, gr = 10, pr = 500, ur = 1e3, yr = 1100, kr = 1200, hr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  backgroundBase: nt,
-  backgroundHover: lt,
-  backgroundInverse: st,
-  badgeBackground: So,
-  borderColorDisabled: Bt,
-  borderColorPrimary: Pt,
-  borderColorSecondary: wt,
-  borderColorSubtle: zt,
-  borderColorTertiary: xt,
-  borderWidth: Ht,
-  brandPrimary: jt,
+  backgroundBase: gt,
+  backgroundHover: pt,
+  backgroundInverse: ut,
+  badgeBackground: zo,
+  borderColorDisabled: It,
+  borderColorPrimary: xt,
+  borderColorSecondary: Ht,
+  borderColorSubtle: Rt,
+  borderColorTertiary: Yt,
+  borderWidth: At,
+  brandPrimary: Bt,
   breakpointsLg: l,
   breakpointsMd: n,
   breakpointsSm: i,
@@ -4792,11 +4852,11 @@ const pr = {
   buttonBorderSecondary: v,
   buttonIconActive: j,
   buttonIconHover: S,
-  calendarDateBackgroundEndRange: xo,
-  calendarDateBackgroundHover: jo,
-  calendarDateBackgroundInRange: zo,
-  calendarDateBackgroundSelected: Po,
-  calendarDateBackgroundStartRange: wo,
+  calendarDateBackgroundEndRange: Yo,
+  calendarDateBackgroundHover: Bo,
+  calendarDateBackgroundInRange: Ro,
+  calendarDateBackgroundSelected: xo,
+  calendarDateBackgroundStartRange: Ho,
   colorBlackBase: P,
   colorBlackHover: w,
   colorBlackOpacity5: z,
@@ -4824,14 +4884,14 @@ const pr = {
   colorGray170: _,
   colorGray180: N,
   colorGray190: V,
-  colorGray20: I,
+  colorGray20: Y,
   colorGray200: q,
-  colorGray30: Y,
+  colorGray30: I,
   colorGray40: A,
-  colorGray50: W,
-  colorGray60: C,
-  colorGray70: F,
-  colorGray80: G,
+  colorGray50: G,
+  colorGray60: W,
+  colorGray70: C,
+  colorGray80: F,
   colorGray90: D,
   colorOrange100: ue,
   colorPurple110: ge,
@@ -4839,210 +4899,214 @@ const pr = {
   colorRed100: pe,
   colorSignalBlue10: ye,
   colorSignalBlue100: de,
+  colorSignalBlue170: he,
+  colorSignalBlue180: $e,
   colorSignalBlue20: ke,
-  colorSignalGreen100: me,
-  colorSignalGreen150: fe,
-  colorSignalGreen20: he,
-  colorSignalGreen30: $e,
-  colorSignalRed10: Oe,
-  colorSignalRed100: qe,
-  colorSignalRed110: Je,
-  colorSignalRed120: Qe,
-  colorSignalRed130: Ue,
-  colorSignalRed140: Ze,
-  colorSignalRed150: et,
-  colorSignalRed160: tt,
-  colorSignalRed170: ot,
-  colorSignalRed180: at,
-  colorSignalRed190: rt,
-  colorSignalRed20: Le,
-  colorSignalRed200: it,
-  colorSignalRed30: Me,
-  colorSignalRed40: Ee,
-  colorSignalRed50: Ke,
-  colorSignalRed60: Xe,
-  colorSignalRed70: _e,
-  colorSignalRed80: Ne,
-  colorSignalRed90: Ve,
-  colorSignalYellow10: be,
-  colorSignalYellow100: He,
-  colorSignalYellow110: Re,
-  colorSignalYellow120: Ie,
-  colorSignalYellow130: Ye,
-  colorSignalYellow140: Ae,
-  colorSignalYellow150: We,
-  colorSignalYellow160: Ce,
-  colorSignalYellow170: Fe,
-  colorSignalYellow180: Ge,
-  colorSignalYellow190: De,
-  colorSignalYellow20: ve,
-  colorSignalYellow200: Te,
-  colorSignalYellow30: Se,
-  colorSignalYellow40: je,
-  colorSignalYellow50: Pe,
-  colorSignalYellow60: we,
-  colorSignalYellow70: ze,
-  colorSignalYellow80: xe,
-  colorSignalYellow90: Be,
-  colorWhiteBase: x,
-  colorWhiteHover: B,
+  colorSignalGreen100: be,
+  colorSignalGreen150: ve,
+  colorSignalGreen170: Se,
+  colorSignalGreen180: je,
+  colorSignalGreen20: me,
+  colorSignalGreen30: fe,
+  colorSignalRed10: Ke,
+  colorSignalRed100: Ze,
+  colorSignalRed110: et,
+  colorSignalRed120: tt,
+  colorSignalRed130: ot,
+  colorSignalRed140: at,
+  colorSignalRed150: rt,
+  colorSignalRed160: it,
+  colorSignalRed170: nt,
+  colorSignalRed180: lt,
+  colorSignalRed190: st,
+  colorSignalRed20: Xe,
+  colorSignalRed200: ct,
+  colorSignalRed30: _e,
+  colorSignalRed40: Ne,
+  colorSignalRed50: Ve,
+  colorSignalRed60: qe,
+  colorSignalRed70: Je,
+  colorSignalRed80: Qe,
+  colorSignalRed90: Ue,
+  colorSignalYellow10: Pe,
+  colorSignalYellow100: Ae,
+  colorSignalYellow110: Ge,
+  colorSignalYellow120: We,
+  colorSignalYellow130: Ce,
+  colorSignalYellow140: Fe,
+  colorSignalYellow150: De,
+  colorSignalYellow160: Te,
+  colorSignalYellow170: Oe,
+  colorSignalYellow180: Le,
+  colorSignalYellow190: Me,
+  colorSignalYellow20: we,
+  colorSignalYellow200: Ee,
+  colorSignalYellow30: ze,
+  colorSignalYellow40: Be,
+  colorSignalYellow50: xe,
+  colorSignalYellow60: He,
+  colorSignalYellow70: Re,
+  colorSignalYellow80: Ye,
+  colorSignalYellow90: Ie,
+  colorWhiteBase: B,
+  colorWhiteHover: x,
   colorWhiteOpacity13: H,
-  field01Active: Yt,
-  field01Base: Rt,
-  field01Hover: It,
-  field02Active: Ct,
-  field02Base: At,
-  field02Hover: Wt,
-  fieldDisabled: Ft,
-  iconDisabled: Kt,
-  iconImportant: Vt,
-  iconInfo: _t,
-  iconInverse: Mt,
-  iconOnColor: Et,
-  iconPrimary: Tt,
-  iconReadOnly: qt,
-  iconSecondary: Ot,
-  iconSuccess: Xt,
-  iconTertiary: Lt,
-  iconWarning: Nt,
-  layer01Base: ct,
-  layer01Hover: gt,
-  layer01Selected: pt,
-  layer01SelectedHover: ut,
-  layer02Base: yt,
-  layer02Hover: kt,
-  layer02Selected: dt,
-  layer02SelectedHover: ht,
-  layerAccent01Base: $t,
-  layerAccent01Hover: mt,
-  layerAccent01Selected: ft,
-  layerAccent02Base: bt,
-  layerAccent02Hover: vt,
-  layerAccent02Selected: St,
-  linkEnabled: Jt,
-  linkHover: Qt,
-  linkPressed: Ut,
-  linkVisited: Zt,
-  logoPrimary: Bo,
-  menuItemBackgroundHover: Ho,
-  menuItemBackgroundSelected: Ro,
-  menuTextSectionHeader: Io,
-  size00: qo,
-  size05: Jo,
-  size10: Yo,
-  size100: Eo,
-  size110: Ko,
-  size120: Xo,
-  size130: _o,
-  size140: No,
-  size15: Ao,
-  size150: Vo,
-  size20: Wo,
-  size30: Co,
-  size40: Fo,
-  size50: Go,
-  size60: Do,
-  size70: To,
-  size75: Oo,
-  size80: Lo,
-  size90: Mo,
-  skeleton01: Gt,
-  skeleton02: Dt,
-  spacing10: Qo,
-  spacing100: na,
-  spacing110: la,
-  spacing120: sa,
-  spacing20: Uo,
-  spacing30: Zo,
-  spacing40: ea,
-  spacing50: ta,
-  spacing60: oa,
-  spacing70: aa,
-  spacing80: ra,
-  spacing90: ia,
-  spacingLarge: ua,
-  spacingMedium: pa,
-  spacingSmall: ga,
-  spacingXlarge: ya,
-  spacingXsmall: ca,
-  stateFocus: ka,
-  stateFocusContrastModeOffset: $a,
-  stateFocusContrastModeOutline: ha,
-  stateFocusInset: da,
-  supportBackgroundImportant: so,
-  supportBackgroundImportantHover: co,
-  supportBackgroundInfo: no,
-  supportBackgroundInfoHover: lo,
-  supportBackgroundSuccess: ro,
-  supportBackgroundSuccessHover: io,
-  supportBackgroundWarning: go,
-  supportBackgroundWarningHover: po,
-  supportBorderImportant: oo,
-  supportBorderInfo: to,
-  supportBorderSuccess: eo,
-  supportBorderWarning: ao,
-  textDisabled: mo,
-  textInverse: $o,
-  textOnColor: ho,
-  textPlaceholder: bo,
-  textPrimary: uo,
-  textReadOnly: vo,
-  textSecondary: yo,
-  textTertiary: ko,
-  textWarning: fo,
-  transitionDurationFast: ba,
-  transitionDurationNormal: fa,
-  transitionDurationSlow: ma,
-  transitionPanelCollapse: ja,
-  transitionPanelExpand: Pa,
-  transitionTimingEaseIn: Sa,
-  transitionTimingEaseOut: va,
-  typographyBody: tr,
-  typographyBodySmall: or,
-  typographyDescription: ar,
-  typographyDescriptionSmall: rr,
-  typographyFontFamily: wa,
-  typographyFontSize10: za,
-  typographyFontSize100: Ca,
-  typographyFontSize20: xa,
-  typographyFontSize30: Ba,
-  typographyFontSize40: Ha,
-  typographyFontSize50: Ra,
-  typographyFontSize60: Ia,
-  typographyFontSize70: Ya,
-  typographyFontSize80: Aa,
-  typographyFontSize90: Wa,
-  typographyLineHeight10: Fa,
-  typographyLineHeight100: Xa,
-  typographyLineHeight20: Ga,
-  typographyLineHeight30: Da,
-  typographyLineHeight40: Ta,
-  typographyLineHeight50: Oa,
-  typographyLineHeight60: La,
-  typographyLineHeight70: Ma,
-  typographyLineHeight80: Ea,
-  typographyLineHeight90: Ka,
-  typographyWeightBlack: er,
-  typographyWeightBold: Ua,
-  typographyWeightExtraBold: Za,
-  typographyWeightExtraLight: Na,
-  typographyWeightLight: Va,
-  typographyWeightMedium: Ja,
-  typographyWeightRegular: qa,
-  typographyWeightSemiBold: Qa,
-  typographyWeightThin: _a,
+  field01Active: Ct,
+  field01Base: Gt,
+  field01Hover: Wt,
+  field02Active: Tt,
+  field02Base: Ft,
+  field02Hover: Dt,
+  fieldDisabled: Ot,
+  iconDisabled: Vt,
+  iconImportant: Ut,
+  iconInfo: Jt,
+  iconInverse: _t,
+  iconOnColor: Nt,
+  iconPrimary: Et,
+  iconReadOnly: Zt,
+  iconSecondary: Kt,
+  iconSuccess: qt,
+  iconTertiary: Xt,
+  iconWarning: Qt,
+  layer01Base: yt,
+  layer01Hover: kt,
+  layer01Selected: dt,
+  layer01SelectedHover: ht,
+  layer02Base: $t,
+  layer02Hover: mt,
+  layer02Selected: ft,
+  layer02SelectedHover: bt,
+  layerAccent01Base: vt,
+  layerAccent01Hover: St,
+  layerAccent01Selected: jt,
+  layerAccent02Base: Pt,
+  layerAccent02Hover: wt,
+  layerAccent02Selected: zt,
+  linkEnabled: eo,
+  linkHover: to,
+  linkPressed: oo,
+  linkVisited: ao,
+  logoPrimary: Io,
+  menuItemBackgroundHover: Ao,
+  menuItemBackgroundSelected: Go,
+  menuTextSectionHeader: Wo,
+  size00: Zo,
+  size05: ea,
+  size10: Co,
+  size100: No,
+  size110: Vo,
+  size120: qo,
+  size130: Jo,
+  size140: Qo,
+  size15: Fo,
+  size150: Uo,
+  size20: Do,
+  size30: To,
+  size40: Oo,
+  size50: Lo,
+  size60: Mo,
+  size70: Eo,
+  size75: Ko,
+  size80: Xo,
+  size90: _o,
+  skeleton01: Lt,
+  skeleton02: Mt,
+  spacing10: ta,
+  spacing100: ga,
+  spacing110: pa,
+  spacing120: ua,
+  spacing20: oa,
+  spacing30: aa,
+  spacing40: ra,
+  spacing50: ia,
+  spacing60: na,
+  spacing70: la,
+  spacing80: sa,
+  spacing90: ca,
+  spacingLarge: ha,
+  spacingMedium: da,
+  spacingSmall: ka,
+  spacingXlarge: $a,
+  spacingXsmall: ya,
+  stateFocus: ma,
+  stateFocusContrastModeOffset: va,
+  stateFocusContrastModeOutline: ba,
+  stateFocusInset: fa,
+  supportBackgroundImportant: uo,
+  supportBackgroundImportantHover: yo,
+  supportBackgroundInfo: go,
+  supportBackgroundInfoHover: po,
+  supportBackgroundSuccess: so,
+  supportBackgroundSuccessHover: co,
+  supportBackgroundWarning: ko,
+  supportBackgroundWarningHover: ho,
+  supportBorderImportant: no,
+  supportBorderInfo: io,
+  supportBorderSuccess: ro,
+  supportBorderWarning: lo,
+  textDisabled: So,
+  textInverse: vo,
+  textOnColor: bo,
+  textPlaceholder: Po,
+  textPrimary: $o,
+  textReadOnly: wo,
+  textSecondary: mo,
+  textTertiary: fo,
+  textWarning: jo,
+  transitionDurationFast: Pa,
+  transitionDurationNormal: ja,
+  transitionDurationSlow: Sa,
+  transitionPanelCollapse: Ba,
+  transitionPanelExpand: xa,
+  transitionTimingEaseIn: za,
+  transitionTimingEaseOut: wa,
+  typographyBody: ir,
+  typographyBodySmall: nr,
+  typographyDescription: lr,
+  typographyDescriptionSmall: sr,
+  typographyFontFamily: Ha,
+  typographyFontSize10: Ra,
+  typographyFontSize100: Ta,
+  typographyFontSize20: Ya,
+  typographyFontSize30: Ia,
+  typographyFontSize40: Aa,
+  typographyFontSize50: Ga,
+  typographyFontSize60: Wa,
+  typographyFontSize70: Ca,
+  typographyFontSize80: Fa,
+  typographyFontSize90: Da,
+  typographyLineHeight10: Oa,
+  typographyLineHeight100: qa,
+  typographyLineHeight20: La,
+  typographyLineHeight30: Ma,
+  typographyLineHeight40: Ea,
+  typographyLineHeight50: Ka,
+  typographyLineHeight60: Xa,
+  typographyLineHeight70: _a,
+  typographyLineHeight80: Na,
+  typographyLineHeight90: Va,
+  typographyWeightBlack: rr,
+  typographyWeightBold: or,
+  typographyWeightExtraBold: ar,
+  typographyWeightExtraLight: Qa,
+  typographyWeightLight: Ua,
+  typographyWeightMedium: er,
+  typographyWeightRegular: Za,
+  typographyWeightSemiBold: tr,
+  typographyWeightThin: Ja,
   windowSizesLg: o,
   windowSizesMd: t,
   windowSizesSm: e,
   windowSizesXl: a,
-  zIndexAbove: nr,
-  zIndexBase: ir,
-  zIndexModal: sr,
-  zIndexSidebar: lr,
-  zIndexSkipToContent: gr,
-  zIndexToast: cr
+  zIndexAbove: gr,
+  zIndexBase: cr,
+  zIndexModal: ur,
+  zIndexSidebar: pr,
+  zIndexSkipToContent: kr,
+  zIndexToast: yr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  pr as tokenDictionary,
-  ur as variables
+  dr as tokenDictionary,
+  hr as variables
 };

package/lib/style-dictionary-dist/token-dictionary.d.ts

@@ -121,12 +121,16 @@ declare const tokens: {
       "10": DesignToken;
       "20": DesignToken;
       "100": DesignToken;
+      "170": DesignToken;
+      "180": DesignToken;
     };
     signalGreen: {
       "20": DesignToken;
       "30": DesignToken;
       "100": DesignToken;
       "150": DesignToken;
+      "170": DesignToken;
+      "180": DesignToken;
     };
     signalYellow: {
       "10": DesignToken;

package/lib/style-dictionary-dist/variables.d.ts

@@ -93,10 +93,14 @@ export const colorOrange100: string;
 export const colorSignalBlue10: string;
 export const colorSignalBlue20: string;
 export const colorSignalBlue100: string;
+export const colorSignalBlue170: string;
+export const colorSignalBlue180: string;
 export const colorSignalGreen20: string;
 export const colorSignalGreen30: string;
 export const colorSignalGreen100: string;
 export const colorSignalGreen150: string;
+export const colorSignalGreen170: string;
+export const colorSignalGreen180: string;
 export const colorSignalYellow10: string;
 export const colorSignalYellow20: string;
 export const colorSignalYellow30: string;

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Theme",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "3.6.1",
+  "version": "3.7.1",
   "main": "./index.mjs",
   "types": "./index.d.ts",
   "exports": {

package/tailwind-theme.css

@@ -1 +1 @@
-@theme{ --window-sizes-sm: var(--midas-window-sizes-sm); --window-sizes-md: var(--midas-window-sizes-md); --window-sizes-lg: var(--midas-window-sizes-lg); --window-sizes-xl: var(--midas-window-sizes-xl); --breakpoints-xs: var(--midas-breakpoints-xs); --breakpoints-sm: var(--midas-breakpoints-sm); --breakpoints-md: var(--midas-breakpoints-md); --breakpoints-lg: var(--midas-breakpoints-lg); --breakpoints-xl: var(--midas-breakpoints-xl); --button-background-primary-base: var(--midas-button-background-primary-base); --button-background-primary-hover: var(--midas-button-background-primary-hover); --button-background-primary-active: var(--midas-button-background-primary-active); --button-background-secondary-base: var(--midas-button-background-secondary-base); --button-background-secondary-hover: var(--midas-button-background-secondary-hover); --button-background-secondary-active: var(--midas-button-background-secondary-active); --button-background-tertiary-hover: var(--midas-button-background-tertiary-hover); --button-background-tertiary-active: var(--midas-button-background-tertiary-active); --button-background-danger-base: var(--midas-button-background-danger-base); --button-background-danger-hover: var(--midas-button-background-danger-hover); --button-background-danger-active: var(--midas-button-background-danger-active); --button-background-disabled: var(--midas-button-background-disabled); --button-border-secondary: var(--midas-button-border-secondary); --button-icon-hover: var(--midas-button-icon-hover); --button-icon-active: var(--midas-button-icon-active); --color-black-base: var(--midas-color-black-base); --color-black-hover: var(--midas-color-black-hover); --color-black-opacity5: var(--midas-color-black-opacity5); --color-white-base: var(--midas-color-white-base); --color-white-hover: var(--midas-color-white-hover); --color-white-opacity13: var(--midas-color-white-opacity13); --color-gray-10: var(--midas-color-gray-10); --color-gray-20: var(--midas-color-gray-20); --color-gray-30: var(--midas-color-gray-30); --color-gray-40: var(--midas-color-gray-40); --color-gray-50: var(--midas-color-gray-50); --color-gray-60: var(--midas-color-gray-60); --color-gray-70: var(--midas-color-gray-70); --color-gray-80: var(--midas-color-gray-80); --color-gray-90: var(--midas-color-gray-90); --color-gray-100: var(--midas-color-gray-100); --color-gray-110: var(--midas-color-gray-110); --color-gray-120: var(--midas-color-gray-120); --color-gray-130: var(--midas-color-gray-130); --color-gray-140: var(--midas-color-gray-140); --color-gray-150: var(--midas-color-gray-150); --color-gray-160: var(--midas-color-gray-160); --color-gray-170: var(--midas-color-gray-170); --color-gray-180: var(--midas-color-gray-180); --color-gray-190: var(--midas-color-gray-190); --color-gray-200: var(--midas-color-gray-200); --color-blue-10: var(--midas-color-blue-10); --color-blue-20: var(--midas-color-blue-20); --color-blue-40: var(--midas-color-blue-40); --color-blue-50: var(--midas-color-blue-50); --color-blue-60: var(--midas-color-blue-60); --color-blue-70: var(--midas-color-blue-70); --color-blue-80: var(--midas-color-blue-80); --color-blue-90: var(--midas-color-blue-90); --color-blue-100: var(--midas-color-blue-100); --color-blue-110: var(--midas-color-blue-110); --color-blue-120: var(--midas-color-blue-120); --color-blue-130: var(--midas-color-blue-130); --color-blue-150: var(--midas-color-blue-150); --color-purple-80: var(--midas-color-purple-80); --color-purple-110: var(--midas-color-purple-110); --color-red-100: var(--midas-color-red-100); --color-orange-100: var(--midas-color-orange-100); --color-signal-blue-10: var(--midas-color-signal-blue-10); --color-signal-blue-20: var(--midas-color-signal-blue-20); --color-signal-blue-100: var(--midas-color-signal-blue-100); --color-signal-green-20: var(--midas-color-signal-green-20); --color-signal-green-30: var(--midas-color-signal-green-30); --color-signal-green-100: var(--midas-color-signal-green-100); --color-signal-green-150: var(--midas-color-signal-green-150); --color-signal-yellow-10: var(--midas-color-signal-yellow-10); --color-signal-yellow-20: var(--midas-color-signal-yellow-20); --color-signal-yellow-30: var(--midas-color-signal-yellow-30); --color-signal-yellow-40: var(--midas-color-signal-yellow-40); --color-signal-yellow-50: var(--midas-color-signal-yellow-50); --color-signal-yellow-60: var(--midas-color-signal-yellow-60); --color-signal-yellow-70: var(--midas-color-signal-yellow-70); --color-signal-yellow-80: var(--midas-color-signal-yellow-80); --color-signal-yellow-90: var(--midas-color-signal-yellow-90); --color-signal-yellow-100: var(--midas-color-signal-yellow-100); --color-signal-yellow-110: var(--midas-color-signal-yellow-110); --color-signal-yellow-120: var(--midas-color-signal-yellow-120); --color-signal-yellow-130: var(--midas-color-signal-yellow-130); --color-signal-yellow-140: var(--midas-color-signal-yellow-140); --color-signal-yellow-150: var(--midas-color-signal-yellow-150); --color-signal-yellow-160: var(--midas-color-signal-yellow-160); --color-signal-yellow-170: var(--midas-color-signal-yellow-170); --color-signal-yellow-180: var(--midas-color-signal-yellow-180); --color-signal-yellow-190: var(--midas-color-signal-yellow-190); --color-signal-yellow-200: var(--midas-color-signal-yellow-200); --color-signal-red-10: var(--midas-color-signal-red-10); --color-signal-red-20: var(--midas-color-signal-red-20); --color-signal-red-30: var(--midas-color-signal-red-30); --color-signal-red-40: var(--midas-color-signal-red-40); --color-signal-red-50: var(--midas-color-signal-red-50); --color-signal-red-60: var(--midas-color-signal-red-60); --color-signal-red-70: var(--midas-color-signal-red-70); --color-signal-red-80: var(--midas-color-signal-red-80); --color-signal-red-90: var(--midas-color-signal-red-90); --color-signal-red-100: var(--midas-color-signal-red-100); --color-signal-red-110: var(--midas-color-signal-red-110); --color-signal-red-120: var(--midas-color-signal-red-120); --color-signal-red-130: var(--midas-color-signal-red-130); --color-signal-red-140: var(--midas-color-signal-red-140); --color-signal-red-150: var(--midas-color-signal-red-150); --color-signal-red-160: var(--midas-color-signal-red-160); --color-signal-red-170: var(--midas-color-signal-red-170); --color-signal-red-180: var(--midas-color-signal-red-180); --color-signal-red-190: var(--midas-color-signal-red-190); --color-signal-red-200: var(--midas-color-signal-red-200); --background-base: var(--midas-background-base); --background-hover: var(--midas-background-hover); --background-inverse: var(--midas-background-inverse); --layer-01-base: var(--midas-layer-01-base); --layer-01-hover: var(--midas-layer-01-hover); --layer-01-selected: var(--midas-layer-01-selected); --layer-01-selected-hover: var(--midas-layer-01-selected-hover); --layer-02-base: var(--midas-layer-02-base); --layer-02-hover: var(--midas-layer-02-hover); --layer-02-selected: var(--midas-layer-02-selected); --layer-02-selected-hover: var(--midas-layer-02-selected-hover); --layer-accent-01-base: var(--midas-layer-accent-01-base); --layer-accent-01-hover: var(--midas-layer-accent-01-hover); --layer-accent-01-selected: var(--midas-layer-accent-01-selected); --layer-accent-02-base: var(--midas-layer-accent-02-base); --layer-accent-02-hover: var(--midas-layer-accent-02-hover); --layer-accent-02-selected: var(--midas-layer-accent-02-selected); --brand-primary: var(--midas-brand-primary); --border-color-primary: var(--midas-border-color-primary); --border-color-secondary: var(--midas-border-color-secondary); --border-color-subtle: var(--midas-border-color-subtle); --border-color-tertiary: var(--midas-border-color-tertiary); --border-color-disabled: var(--midas-border-color-disabled); --border-width: var(--midas-border-width); --field-01-base: var(--midas-field-01-base); --field-01-hover: var(--midas-field-01-hover); --field-01-active: var(--midas-field-01-active); --field-02-base: var(--midas-field-02-base); --field-02-hover: var(--midas-field-02-hover); --field-02-active: var(--midas-field-02-active); --field-disabled: var(--midas-field-disabled); --skeleton-01: var(--midas-skeleton-01); --skeleton-02: var(--midas-skeleton-02); --icon-primary: var(--midas-icon-primary); --icon-secondary: var(--midas-icon-secondary); --icon-tertiary: var(--midas-icon-tertiary); --icon-inverse: var(--midas-icon-inverse); --icon-on-color: var(--midas-icon-on-color); --icon-disabled: var(--midas-icon-disabled); --icon-success: var(--midas-icon-success); --icon-info: var(--midas-icon-info); --icon-warning: var(--midas-icon-warning); --icon-important: var(--midas-icon-important); --icon-read-only: var(--midas-icon-read-only); --link-enabled: var(--midas-link-enabled); --link-hover: var(--midas-link-hover); --link-pressed: var(--midas-link-pressed); --link-visited: var(--midas-link-visited); --support-border-success: var(--midas-support-border-success); --support-border-info: var(--midas-support-border-info); --support-border-important: var(--midas-support-border-important); --support-border-warning: var(--midas-support-border-warning); --support-background-success: var(--midas-support-background-success); --support-background-success-hover: var(--midas-support-background-success-hover); --support-background-info: var(--midas-support-background-info); --support-background-info-hover: var(--midas-support-background-info-hover); --support-background-important: var(--midas-support-background-important); --support-background-important-hover: var(--midas-support-background-important-hover); --support-background-warning: var(--midas-support-background-warning); --support-background-warning-hover: var(--midas-support-background-warning-hover); --text-primary: var(--midas-text-primary); --text-secondary: var(--midas-text-secondary); --text-tertiary: var(--midas-text-tertiary); --text-on-color: var(--midas-text-on-color); --text-inverse: var(--midas-text-inverse); --text-disabled: var(--midas-text-disabled); --text-warning: var(--midas-text-warning); --text-placeholder: var(--midas-text-placeholder); --text-read-only: var(--midas-text-read-only); --badge-background: var(--midas-badge-background); --calendar-date-background-hover: var(--midas-calendar-date-background-hover); --calendar-date-background-selected: var(--midas-calendar-date-background-selected); --calendar-date-background-start-range: var(--midas-calendar-date-background-start-range); --calendar-date-background-in-range: var(--midas-calendar-date-background-in-range); --calendar-date-background-end-range: var(--midas-calendar-date-background-end-range); --logo-primary: var(--midas-logo-primary); --menu-item-background-hover: var(--midas-menu-item-background-hover); --menu-item-background-selected: var(--midas-menu-item-background-selected); --menu-text-section-header: var(--midas-menu-text-section-header); --size-10: var(--midas-size-10); --size-15: var(--midas-size-15); --size-20: var(--midas-size-20); --size-30: var(--midas-size-30); --size-40: var(--midas-size-40); --size-50: var(--midas-size-50); --size-60: var(--midas-size-60); --size-70: var(--midas-size-70); --size-75: var(--midas-size-75); --size-80: var(--midas-size-80); --size-90: var(--midas-size-90); --size-100: var(--midas-size-100); --size-110: var(--midas-size-110); --size-120: var(--midas-size-120); --size-130: var(--midas-size-130); --size-140: var(--midas-size-140); --size-150: var(--midas-size-150); --size-00: var(--midas-size-00); --size-05: var(--midas-size-05); --spacing-10: var(--midas-spacing-10); --spacing-20: var(--midas-spacing-20); --spacing-30: var(--midas-spacing-30); --spacing-40: var(--midas-spacing-40); --spacing-50: var(--midas-spacing-50); --spacing-60: var(--midas-spacing-60); --spacing-70: var(--midas-spacing-70); --spacing-80: var(--midas-spacing-80); --spacing-90: var(--midas-spacing-90); --spacing-100: var(--midas-spacing-100); --spacing-110: var(--midas-spacing-110); --spacing-120: var(--midas-spacing-120); --spacing-xsmall: var(--midas-spacing-xsmall); --spacing-small: var(--midas-spacing-small); --spacing-medium: var(--midas-spacing-medium); --spacing-large: var(--midas-spacing-large); --spacing-xlarge: var(--midas-spacing-xlarge); --state-focus: var(--midas-state-focus); --state-focus-inset: var(--midas-state-focus-inset); --state-focus-contrast-mode-outline: var(--midas-state-focus-contrast-mode-outline); --state-focus-contrast-mode-offset: var(--midas-state-focus-contrast-mode-offset); --transition-duration-slow: var(--midas-transition-duration-slow); --transition-duration-normal: var(--midas-transition-duration-normal); --transition-duration-fast: var(--midas-transition-duration-fast); --transition-timing-ease-out: var(--midas-transition-timing-ease-out); --transition-timing-ease-in: var(--midas-transition-timing-ease-in); --transition-panel-collapse: var(--midas-transition-panel-collapse); --transition-panel-expand: var(--midas-transition-panel-expand); --typography-font-family: var(--midas-typography-font-family); --typography-font-size-10: var(--midas-typography-font-size-10); --typography-font-size-20: var(--midas-typography-font-size-20); --typography-font-size-30: var(--midas-typography-font-size-30); --typography-font-size-40: var(--midas-typography-font-size-40); --typography-font-size-50: var(--midas-typography-font-size-50); --typography-font-size-60: var(--midas-typography-font-size-60); --typography-font-size-70: var(--midas-typography-font-size-70); --typography-font-size-80: var(--midas-typography-font-size-80); --typography-font-size-90: var(--midas-typography-font-size-90); --typography-font-size-100: var(--midas-typography-font-size-100); --typography-line-height-10: var(--midas-typography-line-height-10); --typography-line-height-20: var(--midas-typography-line-height-20); --typography-line-height-30: var(--midas-typography-line-height-30); --typography-line-height-40: var(--midas-typography-line-height-40); --typography-line-height-50: var(--midas-typography-line-height-50); --typography-line-height-60: var(--midas-typography-line-height-60); --typography-line-height-70: var(--midas-typography-line-height-70); --typography-line-height-80: var(--midas-typography-line-height-80); --typography-line-height-90: var(--midas-typography-line-height-90); --typography-line-height-100: var(--midas-typography-line-height-100); --typography-weight-thin: var(--midas-typography-weight-thin); --typography-weight-extra-light: var(--midas-typography-weight-extra-light); --typography-weight-light: var(--midas-typography-weight-light); --typography-weight-regular: var(--midas-typography-weight-regular); --typography-weight-medium: var(--midas-typography-weight-medium); --typography-weight-semi-bold: var(--midas-typography-weight-semi-bold); --typography-weight-bold: var(--midas-typography-weight-bold); --typography-weight-extra-bold: var(--midas-typography-weight-extra-bold); --typography-weight-black: var(--midas-typography-weight-black); --typography-body: var(--midas-typography-body); --typography-body-small: var(--midas-typography-body-small); --typography-description: var(--midas-typography-description); --typography-description-small: var(--midas-typography-description-small); --z-index-base: var(--midas-z-index-base); --z-index-above: var(--midas-z-index-above); --z-index-sidebar: var(--midas-z-index-sidebar); --z-index-modal: var(--midas-z-index-modal); --z-index-toast: var(--midas-z-index-toast); --z-index-skip-to-content: var(--midas-z-index-skip-to-content); }
+@theme{ --window-sizes-sm: var(--midas-window-sizes-sm); --window-sizes-md: var(--midas-window-sizes-md); --window-sizes-lg: var(--midas-window-sizes-lg); --window-sizes-xl: var(--midas-window-sizes-xl); --breakpoints-xs: var(--midas-breakpoints-xs); --breakpoints-sm: var(--midas-breakpoints-sm); --breakpoints-md: var(--midas-breakpoints-md); --breakpoints-lg: var(--midas-breakpoints-lg); --breakpoints-xl: var(--midas-breakpoints-xl); --button-background-primary-base: var(--midas-button-background-primary-base); --button-background-primary-hover: var(--midas-button-background-primary-hover); --button-background-primary-active: var(--midas-button-background-primary-active); --button-background-secondary-base: var(--midas-button-background-secondary-base); --button-background-secondary-hover: var(--midas-button-background-secondary-hover); --button-background-secondary-active: var(--midas-button-background-secondary-active); --button-background-tertiary-hover: var(--midas-button-background-tertiary-hover); --button-background-tertiary-active: var(--midas-button-background-tertiary-active); --button-background-danger-base: var(--midas-button-background-danger-base); --button-background-danger-hover: var(--midas-button-background-danger-hover); --button-background-danger-active: var(--midas-button-background-danger-active); --button-background-disabled: var(--midas-button-background-disabled); --button-border-secondary: var(--midas-button-border-secondary); --button-icon-hover: var(--midas-button-icon-hover); --button-icon-active: var(--midas-button-icon-active); --color-black-base: var(--midas-color-black-base); --color-black-hover: var(--midas-color-black-hover); --color-black-opacity5: var(--midas-color-black-opacity5); --color-white-base: var(--midas-color-white-base); --color-white-hover: var(--midas-color-white-hover); --color-white-opacity13: var(--midas-color-white-opacity13); --color-gray-10: var(--midas-color-gray-10); --color-gray-20: var(--midas-color-gray-20); --color-gray-30: var(--midas-color-gray-30); --color-gray-40: var(--midas-color-gray-40); --color-gray-50: var(--midas-color-gray-50); --color-gray-60: var(--midas-color-gray-60); --color-gray-70: var(--midas-color-gray-70); --color-gray-80: var(--midas-color-gray-80); --color-gray-90: var(--midas-color-gray-90); --color-gray-100: var(--midas-color-gray-100); --color-gray-110: var(--midas-color-gray-110); --color-gray-120: var(--midas-color-gray-120); --color-gray-130: var(--midas-color-gray-130); --color-gray-140: var(--midas-color-gray-140); --color-gray-150: var(--midas-color-gray-150); --color-gray-160: var(--midas-color-gray-160); --color-gray-170: var(--midas-color-gray-170); --color-gray-180: var(--midas-color-gray-180); --color-gray-190: var(--midas-color-gray-190); --color-gray-200: var(--midas-color-gray-200); --color-blue-10: var(--midas-color-blue-10); --color-blue-20: var(--midas-color-blue-20); --color-blue-40: var(--midas-color-blue-40); --color-blue-50: var(--midas-color-blue-50); --color-blue-60: var(--midas-color-blue-60); --color-blue-70: var(--midas-color-blue-70); --color-blue-80: var(--midas-color-blue-80); --color-blue-90: var(--midas-color-blue-90); --color-blue-100: var(--midas-color-blue-100); --color-blue-110: var(--midas-color-blue-110); --color-blue-120: var(--midas-color-blue-120); --color-blue-130: var(--midas-color-blue-130); --color-blue-150: var(--midas-color-blue-150); --color-purple-80: var(--midas-color-purple-80); --color-purple-110: var(--midas-color-purple-110); --color-red-100: var(--midas-color-red-100); --color-orange-100: var(--midas-color-orange-100); --color-signal-blue-10: var(--midas-color-signal-blue-10); --color-signal-blue-20: var(--midas-color-signal-blue-20); --color-signal-blue-100: var(--midas-color-signal-blue-100); --color-signal-blue-170: var(--midas-color-signal-blue-170); --color-signal-blue-180: var(--midas-color-signal-blue-180); --color-signal-green-20: var(--midas-color-signal-green-20); --color-signal-green-30: var(--midas-color-signal-green-30); --color-signal-green-100: var(--midas-color-signal-green-100); --color-signal-green-150: var(--midas-color-signal-green-150); --color-signal-green-170: var(--midas-color-signal-green-170); --color-signal-green-180: var(--midas-color-signal-green-180); --color-signal-yellow-10: var(--midas-color-signal-yellow-10); --color-signal-yellow-20: var(--midas-color-signal-yellow-20); --color-signal-yellow-30: var(--midas-color-signal-yellow-30); --color-signal-yellow-40: var(--midas-color-signal-yellow-40); --color-signal-yellow-50: var(--midas-color-signal-yellow-50); --color-signal-yellow-60: var(--midas-color-signal-yellow-60); --color-signal-yellow-70: var(--midas-color-signal-yellow-70); --color-signal-yellow-80: var(--midas-color-signal-yellow-80); --color-signal-yellow-90: var(--midas-color-signal-yellow-90); --color-signal-yellow-100: var(--midas-color-signal-yellow-100); --color-signal-yellow-110: var(--midas-color-signal-yellow-110); --color-signal-yellow-120: var(--midas-color-signal-yellow-120); --color-signal-yellow-130: var(--midas-color-signal-yellow-130); --color-signal-yellow-140: var(--midas-color-signal-yellow-140); --color-signal-yellow-150: var(--midas-color-signal-yellow-150); --color-signal-yellow-160: var(--midas-color-signal-yellow-160); --color-signal-yellow-170: var(--midas-color-signal-yellow-170); --color-signal-yellow-180: var(--midas-color-signal-yellow-180); --color-signal-yellow-190: var(--midas-color-signal-yellow-190); --color-signal-yellow-200: var(--midas-color-signal-yellow-200); --color-signal-red-10: var(--midas-color-signal-red-10); --color-signal-red-20: var(--midas-color-signal-red-20); --color-signal-red-30: var(--midas-color-signal-red-30); --color-signal-red-40: var(--midas-color-signal-red-40); --color-signal-red-50: var(--midas-color-signal-red-50); --color-signal-red-60: var(--midas-color-signal-red-60); --color-signal-red-70: var(--midas-color-signal-red-70); --color-signal-red-80: var(--midas-color-signal-red-80); --color-signal-red-90: var(--midas-color-signal-red-90); --color-signal-red-100: var(--midas-color-signal-red-100); --color-signal-red-110: var(--midas-color-signal-red-110); --color-signal-red-120: var(--midas-color-signal-red-120); --color-signal-red-130: var(--midas-color-signal-red-130); --color-signal-red-140: var(--midas-color-signal-red-140); --color-signal-red-150: var(--midas-color-signal-red-150); --color-signal-red-160: var(--midas-color-signal-red-160); --color-signal-red-170: var(--midas-color-signal-red-170); --color-signal-red-180: var(--midas-color-signal-red-180); --color-signal-red-190: var(--midas-color-signal-red-190); --color-signal-red-200: var(--midas-color-signal-red-200); --background-base: var(--midas-background-base); --background-hover: var(--midas-background-hover); --background-inverse: var(--midas-background-inverse); --layer-01-base: var(--midas-layer-01-base); --layer-01-hover: var(--midas-layer-01-hover); --layer-01-selected: var(--midas-layer-01-selected); --layer-01-selected-hover: var(--midas-layer-01-selected-hover); --layer-02-base: var(--midas-layer-02-base); --layer-02-hover: var(--midas-layer-02-hover); --layer-02-selected: var(--midas-layer-02-selected); --layer-02-selected-hover: var(--midas-layer-02-selected-hover); --layer-accent-01-base: var(--midas-layer-accent-01-base); --layer-accent-01-hover: var(--midas-layer-accent-01-hover); --layer-accent-01-selected: var(--midas-layer-accent-01-selected); --layer-accent-02-base: var(--midas-layer-accent-02-base); --layer-accent-02-hover: var(--midas-layer-accent-02-hover); --layer-accent-02-selected: var(--midas-layer-accent-02-selected); --brand-primary: var(--midas-brand-primary); --border-color-primary: var(--midas-border-color-primary); --border-color-secondary: var(--midas-border-color-secondary); --border-color-subtle: var(--midas-border-color-subtle); --border-color-tertiary: var(--midas-border-color-tertiary); --border-color-disabled: var(--midas-border-color-disabled); --border-width: var(--midas-border-width); --field-01-base: var(--midas-field-01-base); --field-01-hover: var(--midas-field-01-hover); --field-01-active: var(--midas-field-01-active); --field-02-base: var(--midas-field-02-base); --field-02-hover: var(--midas-field-02-hover); --field-02-active: var(--midas-field-02-active); --field-disabled: var(--midas-field-disabled); --skeleton-01: var(--midas-skeleton-01); --skeleton-02: var(--midas-skeleton-02); --icon-primary: var(--midas-icon-primary); --icon-secondary: var(--midas-icon-secondary); --icon-tertiary: var(--midas-icon-tertiary); --icon-inverse: var(--midas-icon-inverse); --icon-on-color: var(--midas-icon-on-color); --icon-disabled: var(--midas-icon-disabled); --icon-success: var(--midas-icon-success); --icon-info: var(--midas-icon-info); --icon-warning: var(--midas-icon-warning); --icon-important: var(--midas-icon-important); --icon-read-only: var(--midas-icon-read-only); --link-enabled: var(--midas-link-enabled); --link-hover: var(--midas-link-hover); --link-pressed: var(--midas-link-pressed); --link-visited: var(--midas-link-visited); --support-border-success: var(--midas-support-border-success); --support-border-info: var(--midas-support-border-info); --support-border-important: var(--midas-support-border-important); --support-border-warning: var(--midas-support-border-warning); --support-background-success: var(--midas-support-background-success); --support-background-success-hover: var(--midas-support-background-success-hover); --support-background-info: var(--midas-support-background-info); --support-background-info-hover: var(--midas-support-background-info-hover); --support-background-important: var(--midas-support-background-important); --support-background-important-hover: var(--midas-support-background-important-hover); --support-background-warning: var(--midas-support-background-warning); --support-background-warning-hover: var(--midas-support-background-warning-hover); --text-primary: var(--midas-text-primary); --text-secondary: var(--midas-text-secondary); --text-tertiary: var(--midas-text-tertiary); --text-on-color: var(--midas-text-on-color); --text-inverse: var(--midas-text-inverse); --text-disabled: var(--midas-text-disabled); --text-warning: var(--midas-text-warning); --text-placeholder: var(--midas-text-placeholder); --text-read-only: var(--midas-text-read-only); --badge-background: var(--midas-badge-background); --calendar-date-background-hover: var(--midas-calendar-date-background-hover); --calendar-date-background-selected: var(--midas-calendar-date-background-selected); --calendar-date-background-start-range: var(--midas-calendar-date-background-start-range); --calendar-date-background-in-range: var(--midas-calendar-date-background-in-range); --calendar-date-background-end-range: var(--midas-calendar-date-background-end-range); --logo-primary: var(--midas-logo-primary); --menu-item-background-hover: var(--midas-menu-item-background-hover); --menu-item-background-selected: var(--midas-menu-item-background-selected); --menu-text-section-header: var(--midas-menu-text-section-header); --size-10: var(--midas-size-10); --size-15: var(--midas-size-15); --size-20: var(--midas-size-20); --size-30: var(--midas-size-30); --size-40: var(--midas-size-40); --size-50: var(--midas-size-50); --size-60: var(--midas-size-60); --size-70: var(--midas-size-70); --size-75: var(--midas-size-75); --size-80: var(--midas-size-80); --size-90: var(--midas-size-90); --size-100: var(--midas-size-100); --size-110: var(--midas-size-110); --size-120: var(--midas-size-120); --size-130: var(--midas-size-130); --size-140: var(--midas-size-140); --size-150: var(--midas-size-150); --size-00: var(--midas-size-00); --size-05: var(--midas-size-05); --spacing-10: var(--midas-spacing-10); --spacing-20: var(--midas-spacing-20); --spacing-30: var(--midas-spacing-30); --spacing-40: var(--midas-spacing-40); --spacing-50: var(--midas-spacing-50); --spacing-60: var(--midas-spacing-60); --spacing-70: var(--midas-spacing-70); --spacing-80: var(--midas-spacing-80); --spacing-90: var(--midas-spacing-90); --spacing-100: var(--midas-spacing-100); --spacing-110: var(--midas-spacing-110); --spacing-120: var(--midas-spacing-120); --spacing-xsmall: var(--midas-spacing-xsmall); --spacing-small: var(--midas-spacing-small); --spacing-medium: var(--midas-spacing-medium); --spacing-large: var(--midas-spacing-large); --spacing-xlarge: var(--midas-spacing-xlarge); --state-focus: var(--midas-state-focus); --state-focus-inset: var(--midas-state-focus-inset); --state-focus-contrast-mode-outline: var(--midas-state-focus-contrast-mode-outline); --state-focus-contrast-mode-offset: var(--midas-state-focus-contrast-mode-offset); --transition-duration-slow: var(--midas-transition-duration-slow); --transition-duration-normal: var(--midas-transition-duration-normal); --transition-duration-fast: var(--midas-transition-duration-fast); --transition-timing-ease-out: var(--midas-transition-timing-ease-out); --transition-timing-ease-in: var(--midas-transition-timing-ease-in); --transition-panel-collapse: var(--midas-transition-panel-collapse); --transition-panel-expand: var(--midas-transition-panel-expand); --typography-font-family: var(--midas-typography-font-family); --typography-font-size-10: var(--midas-typography-font-size-10); --typography-font-size-20: var(--midas-typography-font-size-20); --typography-font-size-30: var(--midas-typography-font-size-30); --typography-font-size-40: var(--midas-typography-font-size-40); --typography-font-size-50: var(--midas-typography-font-size-50); --typography-font-size-60: var(--midas-typography-font-size-60); --typography-font-size-70: var(--midas-typography-font-size-70); --typography-font-size-80: var(--midas-typography-font-size-80); --typography-font-size-90: var(--midas-typography-font-size-90); --typography-font-size-100: var(--midas-typography-font-size-100); --typography-line-height-10: var(--midas-typography-line-height-10); --typography-line-height-20: var(--midas-typography-line-height-20); --typography-line-height-30: var(--midas-typography-line-height-30); --typography-line-height-40: var(--midas-typography-line-height-40); --typography-line-height-50: var(--midas-typography-line-height-50); --typography-line-height-60: var(--midas-typography-line-height-60); --typography-line-height-70: var(--midas-typography-line-height-70); --typography-line-height-80: var(--midas-typography-line-height-80); --typography-line-height-90: var(--midas-typography-line-height-90); --typography-line-height-100: var(--midas-typography-line-height-100); --typography-weight-thin: var(--midas-typography-weight-thin); --typography-weight-extra-light: var(--midas-typography-weight-extra-light); --typography-weight-light: var(--midas-typography-weight-light); --typography-weight-regular: var(--midas-typography-weight-regular); --typography-weight-medium: var(--midas-typography-weight-medium); --typography-weight-semi-bold: var(--midas-typography-weight-semi-bold); --typography-weight-bold: var(--midas-typography-weight-bold); --typography-weight-extra-bold: var(--midas-typography-weight-extra-bold); --typography-weight-black: var(--midas-typography-weight-black); --typography-body: var(--midas-typography-body); --typography-body-small: var(--midas-typography-body-small); --typography-description: var(--midas-typography-description); --typography-description-small: var(--midas-typography-description-small); --z-index-base: var(--midas-z-index-base); --z-index-above: var(--midas-z-index-above); --z-index-sidebar: var(--midas-z-index-sidebar); --z-index-modal: var(--midas-z-index-modal); --z-index-toast: var(--midas-z-index-toast); --z-index-skip-to-content: var(--midas-z-index-skip-to-content); }

package/variables.css

@@ -1 +1 @@
-:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--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-orange-100: oklch(.66 .18 45);--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-green-150: #194b33;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--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: #ec5252;--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-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: 0rem;--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-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--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.625rem;--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: 3rem;--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-sidebar: 500;--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-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-black-opacity5), var(--midas-color-white-opacity13));--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-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--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-140));--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: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--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: var(--midas-color-orange-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-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--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-gray-140), var(--midas-color-gray-70));--midas-spacing-xsmall: var(--midas-size-20);--midas-spacing-small: var(--midas-size-40);--midas-spacing-medium: var(--midas-size-80);--midas-spacing-large: var(--midas-size-100);--midas-spacing-xlarge: var(--midas-size-120);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family)}
+:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--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-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--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: #ec5252;--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-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: 0rem;--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-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--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.625rem;--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: 3rem;--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-sidebar: 500;--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-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-black-opacity5), var(--midas-color-white-opacity13));--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-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--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-140));--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: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--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: var(--midas-color-orange-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-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-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-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--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-gray-140), var(--midas-color-gray-70));--midas-spacing-xsmall: var(--midas-size-20);--midas-spacing-small: var(--midas-size-40);--midas-spacing-medium: var(--midas-size-80);--midas-spacing-large: var(--midas-size-100);--midas-spacing-xlarge: var(--midas-size-120);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family)}