@midas-ds/theme 3.2.0 → 3.4.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 3.4.0 (2025-11-17)
+
+### 🚀 Features
+
+- **theme:** set support-border-important to orange.100 ([3fe1ac203a](https://github.com/migrationsverket/midas/commit/3fe1ac203a))
+- **theme:** add orange-100 color ([7b8a925af3](https://github.com/migrationsverket/midas/commit/7b8a925af3))
+
+## 3.3.0 (2025-11-14)
+
+### 🚀 Features
+
+- **theme:** update export conditions, set `default` as fallback ([4c78c2ee9c](https://github.com/migrationsverket/midas/commit/4c78c2ee9c))
+- **theme:** add `default` export to all .css in package.json ([8c08d764de](https://github.com/migrationsverket/midas/commit/8c08d764de))
+- **theme:** add tailwind theme generator ([60eb1295b8](https://github.com/migrationsverket/midas/commit/60eb1295b8))
+- **theme:** add default export in package.json ([4b171addd0](https://github.com/migrationsverket/midas/commit/4b171addd0))
+
 ## 3.2.0 (2025-11-07)
 
 ### 🚀 Features

package/index.mjs

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

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

@@ -114,6 +114,9 @@ declare const tokens: {
     red: {
       "100": DesignToken;
     };
+    orange: {
+      "100": DesignToken;
+    };
     signalBlue: {
       "10": DesignToken;
       "20": DesignToken;

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

@@ -89,6 +89,7 @@ export const colorBlue150: string;
 export const colorPurple80: string;
 export const colorPurple110: string;
 export const colorRed100: string;
+export const colorOrange100: string;
 export const colorSignalBlue10: string;
 export const colorSignalBlue20: string;
 export const colorSignalBlue100: string;

package/package.json

@@ -14,22 +14,30 @@
   "description": "Midas Theme",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "main": "./index.mjs",
   "types": "./index.d.ts",
   "exports": {
     ".": {
       "types": "./index.d.ts",
-      "import": "./index.mjs"
+      "import": "./index.mjs",
+      "default": "./index.mjs"
     },
     "./variables.css": {
-      "import": "./variables.css"
+      "import": "./variables.css",
+      "default": "./variables.css"
+    },
+    "./tailwind-theme.css": {
+      "import": "./tailwind-theme.css",
+      "default": "./tailwind-theme.css"
     },
     "./fonts.css": {
-      "import": "./fonts.css"
+      "import": "./fonts.css",
+      "default": "./fonts.css"
     },
     "./color-scheme.css": {
-      "import": "./color-scheme.css"
+      "import": "./color-scheme.css",
+      "default": "./color-scheme.css"
     }
   }
 }

package/tailwind-theme.css

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

package/variables.css

@@ -1 +1 @@
-:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0rem;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-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: light-dark(var(--midas-color-signal-yellow-100), var(--midas-color-signal-yellow-100));--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-gray-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-gray-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-gray-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-gray-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-gray-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-gray-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-gray-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-gray-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-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}
+:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0rem;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-gray-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-gray-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-gray-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-gray-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-gray-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-gray-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-gray-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-gray-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-spacing-xsmall: var(--midas-size-20);--midas-spacing-small: var(--midas-size-40);--midas-spacing-medium: var(--midas-size-80);--midas-spacing-large: var(--midas-size-100);--midas-spacing-xlarge: var(--midas-size-120);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms}