@midas-ds/theme 3.10.8 → 3.11.1

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## 3.11.1 (2026-02-23)
+
+This was a version bump only for theme to align it with other projects, there were no code changes.
+
+## 3.11.0 (2026-02-18)
+
+### 🚀 Features
+
+- **theme:** add component-scoped tag color tokens ([481a60bc36](https://github.com/migrationsverket/midas/commit/481a60bc36))
+
 ## 3.10.8 (2026-02-16)
 
 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 hr = {
+const Pr = {
   windowSizes: {
     sm: {
       key: "{windowSizes.sm}",
@@ -2912,6 +2912,152 @@ const hr = {
       }
     }
   },
+  tag: {
+    green: {
+      background: {
+        key: "{tag.green.background}",
+        $value: "light-dark(#d5f2d9, #112722)",
+        $description: "Tag bakgrund grön",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalGreen.20}, {color.signalGreen.180})",
+          $description: "Tag bakgrund grön",
+          $type: "string",
+          key: "{tag.green.background}"
+        },
+        name: "tagGreenBackground",
+        attributes: {},
+        path: ["tag", "green", "background"]
+      },
+      borderColor: {
+        key: "{tag.green.borderColor}",
+        $value: "light-dark(#008d3c, #008d3c)",
+        $description: "Tag kantlinje grön",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalGreen.100}, {color.signalGreen.100})",
+          $description: "Tag kantlinje grön",
+          $type: "string",
+          key: "{tag.green.borderColor}"
+        },
+        name: "tagGreenBorderColor",
+        attributes: {},
+        path: ["tag", "green", "borderColor"]
+      }
+    },
+    blue: {
+      background: {
+        key: "{tag.blue.background}",
+        $value: "light-dark(#eaf2f6, #112127)",
+        $description: "Tag bakgrund blå",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalBlue.10}, {color.signalBlue.180})",
+          $description: "Tag bakgrund blå",
+          $type: "string",
+          key: "{tag.blue.background}"
+        },
+        name: "tagBlueBackground",
+        attributes: {},
+        path: ["tag", "blue", "background"]
+      },
+      borderColor: {
+        key: "{tag.blue.borderColor}",
+        $value: "light-dark(#06c, #06c)",
+        $description: "Tag kantlinje blå",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalBlue.100}, {color.signalBlue.100})",
+          $description: "Tag kantlinje blå",
+          $type: "string",
+          key: "{tag.blue.borderColor}"
+        },
+        name: "tagBlueBorderColor",
+        attributes: {},
+        path: ["tag", "blue", "borderColor"]
+      }
+    },
+    yellow: {
+      background: {
+        key: "{tag.yellow.background}",
+        $value: "light-dark(#fff8e2, #322a20)",
+        $description: "Tag bakgrund gul",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalYellow.10}, {color.signalYellow.180})",
+          $description: "Tag bakgrund gul",
+          $type: "string",
+          key: "{tag.yellow.background}"
+        },
+        name: "tagYellowBackground",
+        attributes: {},
+        path: ["tag", "yellow", "background"]
+      },
+      borderColor: {
+        key: "{tag.yellow.borderColor}",
+        $type: "color",
+        $value: "oklch(0.66 0.18 45)",
+        $description: "Tag kantlinje gul",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        original: {
+          $type: "color",
+          $value: "{color.orange.100}",
+          $description: "Tag kantlinje gul",
+          key: "{tag.yellow.borderColor}"
+        },
+        name: "tagYellowBorderColor",
+        attributes: {},
+        path: ["tag", "yellow", "borderColor"]
+      }
+    },
+    red: {
+      background: {
+        key: "{tag.red.background}",
+        $value: "light-dark(#ffdfdf, #3f0a0a)",
+        $description: "Tag bakgrund röd",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalRed.20}, {color.signalRed.180})",
+          $description: "Tag bakgrund röd",
+          $type: "string",
+          key: "{tag.red.background}"
+        },
+        name: "tagRedBackground",
+        attributes: {},
+        path: ["tag", "red", "background"]
+      },
+      borderColor: {
+        key: "{tag.red.borderColor}",
+        $value: "light-dark(#e62323, #e62323)",
+        $description: "Tag kantlinje röd",
+        filePath: "packages/theme/tokens/object-values.json",
+        isSource: !0,
+        $type: "string",
+        original: {
+          $value: "light-dark({color.signalRed.100}, {color.signalRed.100})",
+          $description: "Tag kantlinje röd",
+          $type: "string",
+          key: "{tag.red.borderColor}"
+        },
+        name: "tagRedBorderColor",
+        attributes: {},
+        path: ["tag", "red", "borderColor"]
+      }
+    }
+  },
   text: {
     primary: {
       key: "{text.primary}",
@@ -4808,46 +4954,46 @@ const hr = {
       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 = "transparent", 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", I = "#e6e6e6", Y = "#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", Ie = "#fbc640", Ye = "#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)", It = "light-dark(#143c50, #2e7ca5)", Yt = "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)", Io = "light-dark(#143c50, #5897b8)", Yo = "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 = "inset 0 0 0 2px light-dark(#e62323, #e62323)", ja = "500ms", Pa = "300ms", wa = "250ms", za = [0, 0, 0.58, 1], Ba = [0.42, 0, 1, 1], xa = {
+}, e = "480px", t = "768px", o = "1024px", a = "1280px", r = "(max-width: calc(480px - 1px))", i = "(min-width: 480px)", n = "(min-width: 768px)", l = "(min-width: 1024px)", s = "(min-width: 1280px)", c = "light-dark(#143c50, #2e7ca5)", g = "light-dark(#25607f, #25607f)", u = "light-dark(#2e7ca5, #143c50)", p = "transparent", y = "light-dark(#e6e6e6, #212121)", d = "light-dark(#d9d9d9, #262626)", k = "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", C = "#ccc", G = "#bfbfbf", A = "#b3b3b3", W = "#a6a6a6", F = "#999", T = "#8c8c8c", D = "#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", ue = "#b90835", pe = "oklch(0.66 0.18 45)", ye = "#eaf2f6", de = "#d5e5ed", ke = "#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", Ce = "#fab900", Ge = "#daa105", Ae = "#bd8c1e", We = "#a17927", Fe = "#88672a", Te = "#70562b", De = "#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)", ut = "light-dark(#e6e6e6, #212121)", pt = "light-dark(#171717, #f2f2f2)", yt = "light-dark(#f2f2f2, #262626)", dt = "light-dark(#e6e6e6, #333)", kt = "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)", Ct = "1px", Gt = "light-dark(#f2f2f2, #262626)", At = "light-dark(#e6e6e6, #333)", Wt = "light-dark(#d9d9d9, #383838)", Ft = "light-dark(#fff, #383838)", Tt = "light-dark(#e6e6e6, #474747)", Dt = "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)", uo = "light-dark(#d5e5ed, #162b33)", po = "light-dark(#fff8e2, #322a20)", yo = "light-dark(#fff1cd, #453826)", ko = "light-dark(#ffdfdf, #3f0a0a)", ho = "light-dark(#fcc8c8, #540d0d)", $o = "light-dark(#d5f2d9, #112722)", mo = "light-dark(#008d3c, #008d3c)", fo = "light-dark(#eaf2f6, #112127)", bo = "light-dark(#06c, #06c)", vo = "light-dark(#fff8e2, #322a20)", So = "oklch(0.66 0.18 45)", jo = "light-dark(#ffdfdf, #3f0a0a)", Po = "light-dark(#e62323, #e62323)", wo = "light-dark(#171717, #f2f2f2)", zo = "light-dark(#525252, #a6a6a6)", Bo = "light-dark(#143c50, #f2f2f2)", xo = "light-dark(#fff, #fff)", Ho = "light-dark(#f2f2f2, #171717)", Ro = "light-dark(#bfbfbf, #525252)", Yo = "light-dark(#e62323, #EC5252)", Io = "light-dark(#a6a6a6, #525252)", Co = "light-dark(#737373, #999)", Go = "light-dark(#e62323, #e62323)", Ao = "light-dark(#0000001a, #ffffff1a)", Wo = "light-dark(#143c50, #5897b8)", Fo = "light-dark(#143c50, #5897b8)", To = "light-dark(#d5e5ed, #143c50)", Do = "light-dark(#143c50, #5897b8)", Oo = "light-dark(#b90835, #fff)", Lo = "light-dark(#e6e6e6, #212121)", Mo = "light-dark(#f2f2f2, #262626)", Eo = "light-dark(#525252, #a6a6a6)", Ko = "0.125rem", Xo = "0.188rem", _o = "0.25rem", No = "0.375rem", Vo = "0.5rem", qo = "0.625rem", Jo = "0.75rem", Qo = "0.875rem", Uo = "0.938rem", Zo = "1rem", ea = "1.25rem", ta = "1.5rem", oa = "1.75rem", aa = "2rem", ra = "2.5rem", ia = "2.75rem", na = "3rem", la = "0rem", sa = "0.063rem", ca = "0.125rem", ga = "0.25rem", ua = "0.5rem", pa = "0.75rem", ya = "1rem", da = "1.5rem", ka = "2rem", ha = "2.5rem", $a = "3rem", ma = "4rem", fa = "5rem", ba = "6rem", va = "0.25rem", Sa = "0.5rem", ja = "1rem", Pa = "1.5rem", wa = "2rem", za = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", Ba = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", xa = "2px", Ha = "2px", Ra = "inset 0 0 0 2px light-dark(#e62323, #e62323)", Ya = "500ms", Ia = "300ms", Ca = "250ms", Ga = [0, 0, 0.58, 1], Aa = [0.42, 0, 1, 1], Wa = {
   delay: "0ms",
   duration: "300ms",
   timingFunction: [0, 0, 0.58, 1]
-}, Ha = {
+}, Fa = {
   delay: "0ms",
   duration: "300ms",
   timingFunction: [0.42, 0, 1, 1]
-}, Ra = "Inter, sans-serif", Ia = "0.75rem", Ya = "0.875rem", Aa = "1rem", Ga = "1.125rem", Wa = "1.25rem", Ca = "1.5rem", Fa = "1.625rem", Da = "2rem", Ta = "2.25rem", Oa = "2.625rem", La = "1rem", Ma = "1.125rem", Ea = "1.25rem", Ka = "1.375rem", Xa = "1.5rem", _a = "1.75rem", Na = "2rem", Va = "2.25rem", qa = "2.5rem", Ja = "3rem", Qa = 100, Ua = 200, Za = 300, er = 400, tr = 500, or = 600, ar = 700, rr = 800, ir = 900, nr = {
+}, Ta = "Inter, sans-serif", Da = "0.75rem", Oa = "0.875rem", La = "1rem", Ma = "1.125rem", Ea = "1.25rem", Ka = "1.5rem", Xa = "1.625rem", _a = "2rem", Na = "2.25rem", Va = "2.625rem", qa = "1rem", Ja = "1.125rem", Qa = "1.25rem", Ua = "1.375rem", Za = "1.5rem", er = "1.75rem", tr = "2rem", or = "2.25rem", ar = "2.5rem", rr = "3rem", ir = 100, nr = 200, lr = 300, sr = 400, cr = 500, gr = 600, ur = 700, pr = 800, yr = 900, dr = {
   fontFamily: "Inter, sans-serif",
   fontSize: "1rem",
   fontWeight: 400,
   lineHeight: "1.25rem"
-}, lr = {
+}, kr = {
   fontFamily: "Inter, sans-serif",
   fontSize: "0.875rem",
   fontWeight: 400,
   lineHeight: "1.125rem"
-}, sr = {
+}, hr = {
   fontFamily: "Inter, sans-serif",
   fontSize: "0.875rem",
   fontWeight: 400,
   lineHeight: "1.125rem"
-}, cr = {
+}, $r = {
   fontFamily: "Inter, sans-serif",
   fontSize: "0.75rem",
   fontWeight: 400,
   lineHeight: "1rem"
-}, gr = 1, pr = 10, ur = 500, yr = 1e3, kr = 1100, dr = 1200, $r = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, mr = 1, fr = 10, br = 500, vr = 1e3, Sr = 1100, jr = 1200, wr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   backgroundBase: gt,
-  backgroundHover: pt,
-  backgroundInverse: ut,
-  badgeBackground: zo,
-  borderColorDisabled: Yt,
+  backgroundHover: ut,
+  backgroundInverse: pt,
+  badgeBackground: Go,
+  borderColorDisabled: It,
   borderColorPrimary: xt,
   borderColorSecondary: Ht,
   borderColorSubtle: Rt,
-  borderColorTertiary: It,
-  borderWidth: At,
+  borderColorTertiary: Yt,
+  borderWidth: Ct,
   brandPrimary: Bt,
   breakpointsLg: l,
   breakpointsMd: n,
@@ -4858,22 +5004,22 @@ const hr = {
   buttonBackgroundDangerBase: $,
   buttonBackgroundDangerHover: m,
   buttonBackgroundDisabled: b,
-  buttonBackgroundPrimaryActive: p,
+  buttonBackgroundPrimaryActive: u,
   buttonBackgroundPrimaryBase: c,
   buttonBackgroundPrimaryHover: g,
-  buttonBackgroundSecondaryActive: k,
-  buttonBackgroundSecondaryBase: u,
+  buttonBackgroundSecondaryActive: d,
+  buttonBackgroundSecondaryBase: p,
   buttonBackgroundSecondaryHover: y,
   buttonBackgroundTertiaryActive: h,
-  buttonBackgroundTertiaryHover: d,
+  buttonBackgroundTertiaryHover: k,
   buttonBorderSecondary: v,
   buttonIconActive: j,
   buttonIconHover: S,
-  calendarDateBackgroundEndRange: Io,
-  calendarDateBackgroundHover: Bo,
-  calendarDateBackgroundInRange: Ro,
-  calendarDateBackgroundSelected: xo,
-  calendarDateBackgroundStartRange: Ho,
+  calendarDateBackgroundEndRange: Do,
+  calendarDateBackgroundHover: Ao,
+  calendarDateBackgroundInRange: To,
+  calendarDateBackgroundSelected: Wo,
+  calendarDateBackgroundStartRange: Fo,
   colorBlackBase: P,
   colorBlackHover: w,
   colorBlackOpacity5: z,
@@ -4891,7 +5037,7 @@ const hr = {
   colorBlue80: oe,
   colorBlue90: ae,
   colorGray10: R,
-  colorGray100: T,
+  colorGray100: D,
   colorGray110: O,
   colorGray120: L,
   colorGray130: M,
@@ -4901,24 +5047,24 @@ const hr = {
   colorGray170: _,
   colorGray180: N,
   colorGray190: V,
-  colorGray20: I,
+  colorGray20: Y,
   colorGray200: q,
-  colorGray30: Y,
-  colorGray40: A,
+  colorGray30: I,
+  colorGray40: C,
   colorGray50: G,
-  colorGray60: W,
-  colorGray70: C,
+  colorGray60: A,
+  colorGray70: W,
   colorGray80: F,
-  colorGray90: D,
-  colorOrange100: ue,
+  colorGray90: T,
+  colorOrange100: pe,
   colorPurple110: ge,
   colorPurple80: ce,
-  colorRed100: pe,
+  colorRed100: ue,
   colorSignalBlue10: ye,
-  colorSignalBlue100: de,
+  colorSignalBlue100: ke,
   colorSignalBlue170: he,
   colorSignalBlue180: $e,
-  colorSignalBlue20: ke,
+  colorSignalBlue20: de,
   colorSignalGreen100: be,
   colorSignalGreen150: ve,
   colorSignalGreen170: Se,
@@ -4946,13 +5092,13 @@ const hr = {
   colorSignalRed80: Qe,
   colorSignalRed90: Ue,
   colorSignalYellow10: Pe,
-  colorSignalYellow100: Ae,
+  colorSignalYellow100: Ce,
   colorSignalYellow110: Ge,
-  colorSignalYellow120: We,
-  colorSignalYellow130: Ce,
+  colorSignalYellow120: Ae,
+  colorSignalYellow130: We,
   colorSignalYellow140: Fe,
-  colorSignalYellow150: De,
-  colorSignalYellow160: Te,
+  colorSignalYellow150: Te,
+  colorSignalYellow160: De,
   colorSignalYellow170: Oe,
   colorSignalYellow180: Le,
   colorSignalYellow190: Me,
@@ -4963,17 +5109,17 @@ const hr = {
   colorSignalYellow50: xe,
   colorSignalYellow60: He,
   colorSignalYellow70: Re,
-  colorSignalYellow80: Ie,
-  colorSignalYellow90: Ye,
+  colorSignalYellow80: Ye,
+  colorSignalYellow90: Ie,
   colorWhiteBase: B,
   colorWhiteHover: x,
   colorWhiteOpacity13: H,
-  field01Active: Ct,
+  field01Active: Wt,
   field01Base: Gt,
-  field01Hover: Wt,
-  field02Active: Tt,
+  field01Hover: At,
+  field02Active: Dt,
   field02Base: Ft,
-  field02Hover: Dt,
+  field02Hover: Tt,
   fieldDisabled: Ot,
   iconDisabled: Vt,
   iconImportant: Ut,
@@ -4987,8 +5133,8 @@ const hr = {
   iconTertiary: Xt,
   iconWarning: Qt,
   layer01Base: yt,
-  layer01Hover: kt,
-  layer01Selected: dt,
+  layer01Hover: dt,
+  layer01Selected: kt,
   layer01SelectedHover: ht,
   layer02Base: $t,
   layer02Hover: mt,
@@ -5004,57 +5150,57 @@ const hr = {
   linkHover: to,
   linkPressed: oo,
   linkVisited: ao,
-  logoPrimary: Yo,
-  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,
+  logoPrimary: Oo,
+  menuItemBackgroundHover: Lo,
+  menuItemBackgroundSelected: Mo,
+  menuTextSectionHeader: Eo,
+  size00: la,
+  size05: sa,
+  size10: Ko,
+  size100: ta,
+  size110: oa,
+  size120: aa,
+  size130: ra,
+  size140: ia,
+  size15: Xo,
+  size150: na,
+  size20: _o,
+  size30: No,
+  size40: Vo,
+  size50: qo,
+  size60: Jo,
+  size70: Qo,
+  size75: Uo,
+  size80: Zo,
+  size90: ea,
   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,
-  stateInvalid: Sa,
-  supportBackgroundImportant: uo,
+  spacing10: ca,
+  spacing100: ma,
+  spacing110: fa,
+  spacing120: ba,
+  spacing20: ga,
+  spacing30: ua,
+  spacing40: pa,
+  spacing50: ya,
+  spacing60: da,
+  spacing70: ka,
+  spacing80: ha,
+  spacing90: $a,
+  spacingLarge: Pa,
+  spacingMedium: ja,
+  spacingSmall: Sa,
+  spacingXlarge: wa,
+  spacingXsmall: va,
+  stateFocus: za,
+  stateFocusContrastModeOffset: Ha,
+  stateFocusContrastModeOutline: xa,
+  stateFocusInset: Ba,
+  stateInvalid: Ra,
+  supportBackgroundImportant: po,
   supportBackgroundImportantHover: yo,
   supportBackgroundInfo: go,
-  supportBackgroundInfoHover: po,
+  supportBackgroundInfoHover: uo,
   supportBackgroundSuccess: so,
   supportBackgroundSuccessHover: co,
   supportBackgroundWarning: ko,
@@ -5063,68 +5209,76 @@ const hr = {
   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: wa,
-  transitionDurationNormal: Pa,
-  transitionDurationSlow: ja,
-  transitionPanelCollapse: xa,
-  transitionPanelExpand: Ha,
-  transitionTimingEaseIn: Ba,
-  transitionTimingEaseOut: za,
-  typographyBody: nr,
-  typographyBodySmall: lr,
-  typographyDescription: sr,
-  typographyDescriptionSmall: cr,
-  typographyFontFamily: Ra,
-  typographyFontSize10: Ia,
-  typographyFontSize100: Oa,
-  typographyFontSize20: Ya,
-  typographyFontSize30: Aa,
-  typographyFontSize40: Ga,
-  typographyFontSize50: Wa,
-  typographyFontSize60: Ca,
-  typographyFontSize70: Fa,
-  typographyFontSize80: Da,
-  typographyFontSize90: Ta,
-  typographyLineHeight10: La,
-  typographyLineHeight100: Ja,
-  typographyLineHeight20: Ma,
-  typographyLineHeight30: Ea,
-  typographyLineHeight40: Ka,
-  typographyLineHeight50: Xa,
-  typographyLineHeight60: _a,
-  typographyLineHeight70: Na,
-  typographyLineHeight80: Va,
-  typographyLineHeight90: qa,
-  typographyWeightBlack: ir,
-  typographyWeightBold: ar,
-  typographyWeightExtraBold: rr,
-  typographyWeightExtraLight: Ua,
-  typographyWeightLight: Za,
-  typographyWeightMedium: tr,
-  typographyWeightRegular: er,
-  typographyWeightSemiBold: or,
-  typographyWeightThin: Qa,
+  tagBlueBackground: fo,
+  tagBlueBorderColor: bo,
+  tagGreenBackground: $o,
+  tagGreenBorderColor: mo,
+  tagRedBackground: jo,
+  tagRedBorderColor: Po,
+  tagYellowBackground: vo,
+  tagYellowBorderColor: So,
+  textDisabled: Ro,
+  textInverse: Ho,
+  textOnColor: xo,
+  textPlaceholder: Io,
+  textPrimary: wo,
+  textReadOnly: Co,
+  textSecondary: zo,
+  textTertiary: Bo,
+  textWarning: Yo,
+  transitionDurationFast: Ca,
+  transitionDurationNormal: Ia,
+  transitionDurationSlow: Ya,
+  transitionPanelCollapse: Wa,
+  transitionPanelExpand: Fa,
+  transitionTimingEaseIn: Aa,
+  transitionTimingEaseOut: Ga,
+  typographyBody: dr,
+  typographyBodySmall: kr,
+  typographyDescription: hr,
+  typographyDescriptionSmall: $r,
+  typographyFontFamily: Ta,
+  typographyFontSize10: Da,
+  typographyFontSize100: Va,
+  typographyFontSize20: Oa,
+  typographyFontSize30: La,
+  typographyFontSize40: Ma,
+  typographyFontSize50: Ea,
+  typographyFontSize60: Ka,
+  typographyFontSize70: Xa,
+  typographyFontSize80: _a,
+  typographyFontSize90: Na,
+  typographyLineHeight10: qa,
+  typographyLineHeight100: rr,
+  typographyLineHeight20: Ja,
+  typographyLineHeight30: Qa,
+  typographyLineHeight40: Ua,
+  typographyLineHeight50: Za,
+  typographyLineHeight60: er,
+  typographyLineHeight70: tr,
+  typographyLineHeight80: or,
+  typographyLineHeight90: ar,
+  typographyWeightBlack: yr,
+  typographyWeightBold: ur,
+  typographyWeightExtraBold: pr,
+  typographyWeightExtraLight: nr,
+  typographyWeightLight: lr,
+  typographyWeightMedium: cr,
+  typographyWeightRegular: sr,
+  typographyWeightSemiBold: gr,
+  typographyWeightThin: ir,
   windowSizesLg: o,
   windowSizesMd: t,
   windowSizesSm: e,
   windowSizesXl: a,
-  zIndexAbove: pr,
-  zIndexBase: gr,
-  zIndexModal: yr,
-  zIndexSidebar: ur,
-  zIndexSkipToContent: dr,
-  zIndexToast: kr
+  zIndexAbove: fr,
+  zIndexBase: mr,
+  zIndexModal: vr,
+  zIndexSidebar: br,
+  zIndexSkipToContent: jr,
+  zIndexToast: Sr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  hr as tokenDictionary,
-  $r as variables
+  Pr as tokenDictionary,
+  wr as variables
 };

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

@@ -275,6 +275,24 @@ declare const tokens: {
       warningHover: DesignToken;
     };
   };
+  tag: {
+    green: {
+      background: DesignToken;
+      borderColor: DesignToken;
+    };
+    blue: {
+      background: DesignToken;
+      borderColor: DesignToken;
+    };
+    yellow: {
+      background: DesignToken;
+      borderColor: DesignToken;
+    };
+    red: {
+      background: DesignToken;
+      borderColor: DesignToken;
+    };
+  };
   text: {
     primary: DesignToken;
     secondary: DesignToken;

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

@@ -259,6 +259,22 @@ export const supportBackgroundImportantHover: string;
 export const supportBackgroundWarning: string;
 /** Hoverbakgrund för notifikationer med varningar */
 export const supportBackgroundWarningHover: string;
+/** Tag bakgrund grön */
+export const tagGreenBackground: string;
+/** Tag kantlinje grön */
+export const tagGreenBorderColor: string;
+/** Tag bakgrund blå */
+export const tagBlueBackground: string;
+/** Tag kantlinje blå */
+export const tagBlueBorderColor: string;
+/** Tag bakgrund gul */
+export const tagYellowBackground: string;
+/** Tag kantlinje gul */
+export const tagYellowBorderColor: string;
+/** Tag bakgrund röd */
+export const tagRedBackground: string;
+/** Tag kantlinje röd */
+export const tagRedBorderColor: string;
 /** Primär textfärg. Rubriker och brödtext. */
 export const textPrimary: string;
 /** Sekundär textfärg */

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Theme",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "3.10.8",
+  "version": "3.11.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-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); --state-invalid: var(--midas-state-invalid); --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); --tag-green-background: var(--midas-tag-green-background); --tag-green-border-color: var(--midas-tag-green-border-color); --tag-blue-background: var(--midas-tag-blue-background); --tag-blue-border-color: var(--midas-tag-blue-border-color); --tag-yellow-background: var(--midas-tag-yellow-background); --tag-yellow-border-color: var(--midas-tag-yellow-border-color); --tag-red-background: var(--midas-tag-red-background); --tag-red-border-color: var(--midas-tag-red-border-color); --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); --state-invalid: var(--midas-state-invalid); --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-background-secondary-base: transparent;--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-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-30) 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);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}
+:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--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-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-tag-green-background: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-tag-green-border-color: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-tag-blue-background: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-tag-blue-border-color: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-tag-yellow-background: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-tag-yellow-border-color: var(--midas-color-orange-100);--midas-tag-red-background: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-tag-red-border-color: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--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-30) 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);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}