@midas-ds/theme 3.14.8 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/index.mjs +104 -84
  3. package/lib/style-dictionary-dist/token-dictionary.d.ts +3 -0
  4. package/lib/style-dictionary-dist/variables.d.ts +3 -1
  5. package/package.json +1 -1
  6. package/tailwind-theme.css +1 -1
  7. package/variables.css +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## 3.15.0 (2026-06-10)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **theme:** add panel shadow token ([cba9e2c709d](https://github.com/migrationsverket/midas/commit/cba9e2c709d))
6
+
7
+ ### 🩹 Fixes
8
+
9
+ - **layout,panel:** fix push variant on mobile with height transition ([10f74a57f9e](https://github.com/migrationsverket/midas/commit/10f74a57f9e))
10
+
11
+ ## 3.14.9 (2026-06-01)
12
+
13
+ This was a version bump only for theme to align it with other projects, there were no code changes.
14
+
1
15
  ## 3.14.8 (2026-05-21)
2
16
 
3
17
  This was a version bump only for theme to align it with other projects, there were no code changes.
package/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- const sn = {
1
+ const ln = {
2
2
  base: {
3
3
  10: {
4
4
  key: "{base.10}",
@@ -5278,6 +5278,25 @@ const sn = {
5278
5278
  path: ["card", "shadow"]
5279
5279
  }
5280
5280
  },
5281
+ panel: {
5282
+ shadow: {
5283
+ key: "{panel.shadow}",
5284
+ $type: "string",
5285
+ $value: "-2px 0px 12px -2px rgba(0, 0, 0, 0.10)",
5286
+ $description: "Skugga för Panel",
5287
+ filePath: "packages/theme/tokens/object-values.json",
5288
+ isSource: !0,
5289
+ original: {
5290
+ $type: "string",
5291
+ $value: "-2px 0px 12px -2px rgba(0, 0, 0, 0.10)",
5292
+ $description: "Skugga för Panel",
5293
+ key: "{panel.shadow}"
5294
+ },
5295
+ name: "panelShadow",
5296
+ attributes: {},
5297
+ path: ["panel", "shadow"]
5298
+ }
5299
+ },
5281
5300
  space: {
5282
5301
  10: {
5283
5302
  key: "{space.10}",
@@ -5628,15 +5647,15 @@ const sn = {
5628
5647
  duration: {
5629
5648
  slow: {
5630
5649
  key: "{transition.duration.slow}",
5631
- $value: "500ms",
5650
+ $value: "400ms",
5632
5651
  $type: "duration",
5633
- $description: "Långsam övergång. 500ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner.",
5652
+ $description: "Långsam övergång. 400ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner.",
5634
5653
  filePath: "packages/theme/tokens/transitions.json",
5635
5654
  isSource: !0,
5636
5655
  original: {
5637
- $value: "500ms",
5656
+ $value: "400ms",
5638
5657
  $type: "duration",
5639
- $description: "Långsam övergång. 500ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner.",
5658
+ $description: "Långsam övergång. 400ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner.",
5640
5659
  key: "{transition.duration.slow}"
5641
5660
  },
5642
5661
  name: "transitionDurationSlow",
@@ -6610,35 +6629,35 @@ const sn = {
6610
6629
  path: ["zIndex", "skipToContent"]
6611
6630
  }
6612
6631
  }
6613
- }, e = "0.125rem", t = "0.188rem", a = "0.25rem", o = "0.375rem", r = "0.5rem", i = "0.625rem", n = "0.75rem", s = "0.875rem", l = "0.938rem", c = "1rem", p = "1.25rem", d = "1.5rem", g = "1.75rem", u = "2rem", k = "2.5rem", y = "2.75rem", h = "3rem", m = "0rem", $ = "0.063rem", b = "480px", f = "768px", v = "1024px", S = "1280px", j = "(max-width: calc(480px - 1px))", P = "(min-width: 480px)", x = "(min-width: 768px)", w = "(min-width: 1024px)", B = "(min-width: 1280px)", z = "light-dark(#143c50, #2e7ca5)", H = "light-dark(#25607f, #25607f)", C = "light-dark(#2e7ca5, #143c50)", R = "transparent", A = "light-dark(#e6e6e6, #212121)", I = "light-dark(#d9d9d9, #262626)", Y = "light-dark(#0000000d, #ffffff21)", T = "light-dark(#d9d9d9, #262626)", G = "light-dark(#e62323, #e62323)", F = "light-dark(#bc1d1d, #bc1d1d)", L = "light-dark(#7d1313, #7d1313)", W = "light-dark(#f2f2f2, #262626)", U = "light-dark(#143c50, #f2f2f2)", O = "light-dark(#0000000d, #ffffff21)", D = "light-dark(#00000033, #ffffff33)", M = "#000", E = "#0d0d0d", K = "#0000000d", X = "#fff", Z = "#e6e6e6", q = "#ffffff21", N = "#f2f2f2", _ = "#e6e6e6", Q = "#d9d9d9", V = "#ccc", J = "#bfbfbf", ee = "#b3b3b3", te = "#a6a6a6", ae = "#999", oe = "#8c8c8c", re = "#808080", ie = "#737373", ne = "#666", se = "#5d5d5d", le = "#525252", ce = "#474747", pe = "#383838", de = "#333", ge = "#262626", ue = "#212121", ke = "#171717", ye = "#eaf2f6", he = "#d5e5ed", me = "#abcbdb", $e = "#94BCD1", be = "#82b0c9", fe = "#6CA3C0", ve = "#5897b8", Se = "#4289ad", je = "#2e7ca5", Pe = "#2C7399", xe = "#29698C", we = "#25607f", Be = "#143c50", ze = "#b46ab4", He = "#954b95", Ce = "#b90835", Re = "oklch(0.66 0.18 45)", Ae = "#eaf2f6", Ie = "#d5e5ed", Ye = "#06c", Te = "#162b33", Ge = "#112127", Fe = "#d5f2d9", Le = "#bae5c5", We = "#008d3c", Ue = "#194B33", Oe = "#163328", De = "#112722", Me = "#fff8e2", Ee = "#fff1cd", Ke = "#ffeab8", Xe = "#ffe3a3", Ze = "#ffdc8b", qe = "#ffd47b", Ne = "#fdcd5d", _e = "#fbc640", Qe = "#fabf1b", Ve = "#fab900", Je = "#daa105", et = "#bd8c1e", tt = "#a17927", at = "#88672a", ot = "#70562b", rt = "#5a4629", it = "#453826", nt = "#322a20", st = "#201c18", lt = "#0f0e0e", ct = "#ffefef", pt = "#ffdfdf", dt = "#fcc8c8", gt = "#f9b0b0", ut = "#f69999", kt = "#f38181", yt = "#ef6a6a", ht = "#EC5252", mt = "#e93b3b", $t = "#e62323", bt = "#d12020", ft = "#bc1d1d", vt = "#a71919", St = "#921616", jt = "#7d1313", Pt = "#691010", xt = "#540d0d", wt = "#3f0a0a", Bt = "#2a0606", zt = "#150303", Ht = "#cde6f3", Ct = "#4a95df", Rt = "#101037", At = "#d5f2d9", It = "#75b47d", Yt = "#07270b", Tt = "#fff5db", Gt = "#ecbe4a", Ft = "#2c2719", Lt = "#cdf2f2", Wt = "#43bcbc", Ut = "#0d2c2c", Ot = "#d2daf9", Dt = "#7088e0", Mt = "#0a1332", Et = "#f6d0f9", Kt = "#b77dbc", Xt = "#391c3b", Zt = "#ffe6d9", qt = "#e87031", Nt = "#421d0a", _t = "#ffe0e0", Qt = "#f17575", Vt = "#431919", Jt = "0.125rem", ea = "0.25rem", ta = "0.5rem", aa = "0.75rem", oa = "1rem", ra = "1.5rem", ia = "2rem", na = "2.5rem", sa = "3rem", la = "0.25rem", ca = "0.5rem", pa = "1rem", da = "1.5rem", ga = "2rem", ua = "0.125rem", ka = "0.188rem", ya = "0.25rem", ha = "0.375rem", ma = "0.5rem", $a = "0.625rem", ba = "0.75rem", fa = "0.875rem", va = "0.938rem", Sa = "1rem", ja = "1.25rem", Pa = "1.5rem", xa = "1.75rem", wa = "2rem", Ba = "2.5rem", za = "2.75rem", Ha = "3rem", Ca = "0rem", Ra = "0.063rem", Aa = "2.5rem", Ia = "1.25rem", Ya = "1rem", Ta = "2rem", Ga = "2.5rem", Fa = "3rem", La = "light-dark(#fff, #171717)", Wa = "light-dark(#e6e6e6, #212121)", Ua = "light-dark(#171717, #f2f2f2)", Oa = "light-dark(#f2f2f2, #262626)", Da = "light-dark(#e6e6e6, #333)", Ma = "light-dark(#d9d9d9, #383838)", Ea = "light-dark(#ccc, #474747)", Ka = "light-dark(#fff, #383838)", Xa = "light-dark(#e6e6e6, #474747)", Za = "light-dark(#d9d9d9, #525252)", qa = "light-dark(#ccc, #5d5d5d)", Na = "light-dark(#d9d9d9, #383838)", _a = "light-dark(#ccc, #474747)", Qa = "light-dark(#bfbfbf, #525252)", Va = "light-dark(#f2f2f2, #262626)", Ja = "light-dark(#e6e6e6, #333)", eo = "light-dark(#d9d9d9, #383838)", to = "light-dark(#b90835, #b90835)", ao = "light-dark(#171717, #f2f2f2)", oo = "light-dark(#737373, #8c8c8c)", ro = "light-dark(#bfbfbf, #525252)", io = "light-dark(#143c50, #2e7ca5)", no = "light-dark(#bfbfbf, #525252)", so = "1px", lo = "light-dark(#f2f2f2, #262626)", co = "light-dark(#e6e6e6, #333)", po = "light-dark(#d9d9d9, #383838)", go = "light-dark(#fff, #383838)", uo = "light-dark(#e6e6e6, #474747)", ko = "light-dark(#d9d9d9, #525252)", yo = "light-dark(#f2f2f2, #262626)", ho = "light-dark(#f2f2f2, #262626)", mo = "light-dark(#d9d9d9, #383838)", $o = "light-dark(#171717, #f2f2f2)", bo = "light-dark(#525252, #a6a6a6)", fo = "light-dark(#143c50, #f2f2f2)", vo = "light-dark(#fff, #171717)", So = "light-dark(#fff, #fff)", jo = "light-dark(#bfbfbf, #525252)", Po = "light-dark(#008d3c, #008d3c)", xo = "light-dark(#06c, #06c)", wo = "light-dark(#e62323, #e62323)", Bo = "oklch(0.66 0.18 45)", zo = "light-dark(#bfbfbf, #383838)", Ho = "light-dark(#29698C, #6CA3C0)", Co = "light-dark(#143c50, #94BCD1)", Ro = "light-dark(#171717, #abcbdb)", Ao = "light-dark(#954b95, #b46ab4)", Io = "light-dark(#008d3c, #008d3c)", Yo = "light-dark(#06c, #06c)", To = "oklch(0.66 0.18 45)", Go = "light-dark(#e62323, #e62323)", Fo = "light-dark(#d5f2d9, #112722)", Lo = "light-dark(#bae5c5, #163328)", Wo = "light-dark(#eaf2f6, #112127)", Uo = "light-dark(#d5e5ed, #162b33)", Oo = "light-dark(#fff8e2, #322a20)", Do = "light-dark(#fff1cd, #453826)", Mo = "light-dark(#ffdfdf, #3f0a0a)", Eo = "light-dark(#fcc8c8, #540d0d)", Ko = "light-dark(#cde6f3, #101037)", Xo = "#4a95df", Zo = "light-dark(#cde6f3, #101037)", qo = "#4a95df", No = "light-dark(#d5f2d9, #07270b)", _o = "#75b47d", Qo = "light-dark(#d5f2d9, #07270b)", Vo = "#75b47d", Jo = "light-dark(#fff5db, #2c2719)", er = "#ecbe4a", tr = "light-dark(#fff5db, #2c2719)", ar = "#ecbe4a", or = "light-dark(#cdf2f2, #0d2c2c)", rr = "#43bcbc", ir = "light-dark(#d2daf9, #0a1332)", nr = "#7088e0", sr = "light-dark(#d2daf9, #0a1332)", lr = "#7088e0", cr = "light-dark(#f6d0f9, #391c3b)", pr = "#b77dbc", dr = "light-dark(#f6d0f9, #391c3b)", gr = "#b77dbc", ur = "light-dark(#ffe6d9, #421d0a)", kr = "#e87031", yr = "light-dark(#ffe6d9, #421d0a)", hr = "#e87031", mr = "light-dark(#ffe0e0, #431919)", $r = "#f17575", br = "light-dark(#ffe0e0, #431919)", fr = "#f17575", vr = "light-dark(#171717, #f2f2f2)", Sr = "light-dark(#525252, #a6a6a6)", jr = "light-dark(#143c50, #f2f2f2)", Pr = "light-dark(#fff, #fff)", xr = "light-dark(#f2f2f2, #171717)", wr = "light-dark(#bfbfbf, #525252)", Br = "light-dark(#e62323, #EC5252)", zr = "light-dark(#a6a6a6, #525252)", Hr = "light-dark(#737373, #999)", Cr = "light-dark(#e62323, #e62323)", Rr = "light-dark(#0000001a, #ffffff1a)", Ar = "light-dark(#143c50, #5897b8)", Ir = "light-dark(#143c50, #5897b8)", Yr = "light-dark(#d5e5ed, #143c50)", Tr = "light-dark(#143c50, #5897b8)", Gr = "light-dark(#b90835, #fff)", Fr = "light-dark(#e6e6e6, #212121)", Lr = "light-dark(#f2f2f2, #262626)", Wr = "light-dark(#525252, #a6a6a6)", Ur = "rgba(0 0 0 / 30%)", Or = "blur(2px)", Dr = "light-dark(#fff, #262626)", Mr = "0 3px 5px 0 rgba(0, 0, 0, 0.30)", Er = "0.125rem", Kr = "0.375rem", Xr = "0.625rem", Zr = "0.75rem", qr = "0.875rem", Nr = "0.938rem", _r = "1.25rem", Qr = "2.5rem", Vr = "3rem", Jr = "0.25rem", ei = "0.5rem", ti = "1rem", ai = "1.5rem", oi = "2rem", ri = "0.063rem", ii = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", ni = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", si = "2px", li = "2px", ci = "inset 0 0 0 2px light-dark(#e62323, #e62323)", pi = "500ms", di = "300ms", gi = "250ms", ui = "150ms", ki = "100ms", yi = [0, 0, 0.58, 1], hi = [0.42, 0, 1, 1], mi = [0.42, 0, 0.58, 1], $i = {
6632
+ }, e = "0.125rem", t = "0.188rem", a = "0.25rem", o = "0.375rem", r = "0.5rem", i = "0.625rem", n = "0.75rem", s = "0.875rem", l = "0.938rem", c = "1rem", p = "1.25rem", d = "1.5rem", g = "1.75rem", u = "2rem", k = "2.5rem", y = "2.75rem", h = "3rem", m = "0rem", $ = "0.063rem", b = "480px", f = "768px", v = "1024px", S = "1280px", j = "(max-width: calc(480px - 1px))", P = "(min-width: 480px)", x = "(min-width: 768px)", w = "(min-width: 1024px)", B = "(min-width: 1280px)", z = "light-dark(#143c50, #2e7ca5)", H = "light-dark(#25607f, #25607f)", C = "light-dark(#2e7ca5, #143c50)", R = "transparent", A = "light-dark(#e6e6e6, #212121)", I = "light-dark(#d9d9d9, #262626)", Y = "light-dark(#0000000d, #ffffff21)", T = "light-dark(#d9d9d9, #262626)", G = "light-dark(#e62323, #e62323)", F = "light-dark(#bc1d1d, #bc1d1d)", L = "light-dark(#7d1313, #7d1313)", W = "light-dark(#f2f2f2, #262626)", U = "light-dark(#143c50, #f2f2f2)", O = "light-dark(#0000000d, #ffffff21)", D = "light-dark(#00000033, #ffffff33)", M = "#000", E = "#0d0d0d", K = "#0000000d", X = "#fff", Z = "#e6e6e6", q = "#ffffff21", N = "#f2f2f2", _ = "#e6e6e6", Q = "#d9d9d9", V = "#ccc", J = "#bfbfbf", ee = "#b3b3b3", te = "#a6a6a6", ae = "#999", oe = "#8c8c8c", re = "#808080", ie = "#737373", ne = "#666", se = "#5d5d5d", le = "#525252", ce = "#474747", pe = "#383838", de = "#333", ge = "#262626", ue = "#212121", ke = "#171717", ye = "#eaf2f6", he = "#d5e5ed", me = "#abcbdb", $e = "#94BCD1", be = "#82b0c9", fe = "#6CA3C0", ve = "#5897b8", Se = "#4289ad", je = "#2e7ca5", Pe = "#2C7399", xe = "#29698C", we = "#25607f", Be = "#143c50", ze = "#b46ab4", He = "#954b95", Ce = "#b90835", Re = "oklch(0.66 0.18 45)", Ae = "#eaf2f6", Ie = "#d5e5ed", Ye = "#06c", Te = "#162b33", Ge = "#112127", Fe = "#d5f2d9", Le = "#bae5c5", We = "#008d3c", Ue = "#194B33", Oe = "#163328", De = "#112722", Me = "#fff8e2", Ee = "#fff1cd", Ke = "#ffeab8", Xe = "#ffe3a3", Ze = "#ffdc8b", qe = "#ffd47b", Ne = "#fdcd5d", _e = "#fbc640", Qe = "#fabf1b", Ve = "#fab900", Je = "#daa105", et = "#bd8c1e", tt = "#a17927", at = "#88672a", ot = "#70562b", rt = "#5a4629", it = "#453826", nt = "#322a20", st = "#201c18", lt = "#0f0e0e", ct = "#ffefef", pt = "#ffdfdf", dt = "#fcc8c8", gt = "#f9b0b0", ut = "#f69999", kt = "#f38181", yt = "#ef6a6a", ht = "#EC5252", mt = "#e93b3b", $t = "#e62323", bt = "#d12020", ft = "#bc1d1d", vt = "#a71919", St = "#921616", jt = "#7d1313", Pt = "#691010", xt = "#540d0d", wt = "#3f0a0a", Bt = "#2a0606", zt = "#150303", Ht = "#cde6f3", Ct = "#4a95df", Rt = "#101037", At = "#d5f2d9", It = "#75b47d", Yt = "#07270b", Tt = "#fff5db", Gt = "#ecbe4a", Ft = "#2c2719", Lt = "#cdf2f2", Wt = "#43bcbc", Ut = "#0d2c2c", Ot = "#d2daf9", Dt = "#7088e0", Mt = "#0a1332", Et = "#f6d0f9", Kt = "#b77dbc", Xt = "#391c3b", Zt = "#ffe6d9", qt = "#e87031", Nt = "#421d0a", _t = "#ffe0e0", Qt = "#f17575", Vt = "#431919", Jt = "0.125rem", ea = "0.25rem", ta = "0.5rem", aa = "0.75rem", oa = "1rem", ra = "1.5rem", ia = "2rem", na = "2.5rem", sa = "3rem", la = "0.25rem", ca = "0.5rem", pa = "1rem", da = "1.5rem", ga = "2rem", ua = "0.125rem", ka = "0.188rem", ya = "0.25rem", ha = "0.375rem", ma = "0.5rem", $a = "0.625rem", ba = "0.75rem", fa = "0.875rem", va = "0.938rem", Sa = "1rem", ja = "1.25rem", Pa = "1.5rem", xa = "1.75rem", wa = "2rem", Ba = "2.5rem", za = "2.75rem", Ha = "3rem", Ca = "0rem", Ra = "0.063rem", Aa = "2.5rem", Ia = "1.25rem", Ya = "1rem", Ta = "2rem", Ga = "2.5rem", Fa = "3rem", La = "light-dark(#fff, #171717)", Wa = "light-dark(#e6e6e6, #212121)", Ua = "light-dark(#171717, #f2f2f2)", Oa = "light-dark(#f2f2f2, #262626)", Da = "light-dark(#e6e6e6, #333)", Ma = "light-dark(#d9d9d9, #383838)", Ea = "light-dark(#ccc, #474747)", Ka = "light-dark(#fff, #383838)", Xa = "light-dark(#e6e6e6, #474747)", Za = "light-dark(#d9d9d9, #525252)", qa = "light-dark(#ccc, #5d5d5d)", Na = "light-dark(#d9d9d9, #383838)", _a = "light-dark(#ccc, #474747)", Qa = "light-dark(#bfbfbf, #525252)", Va = "light-dark(#f2f2f2, #262626)", Ja = "light-dark(#e6e6e6, #333)", eo = "light-dark(#d9d9d9, #383838)", to = "light-dark(#b90835, #b90835)", ao = "light-dark(#171717, #f2f2f2)", oo = "light-dark(#737373, #8c8c8c)", ro = "light-dark(#bfbfbf, #525252)", io = "light-dark(#143c50, #2e7ca5)", no = "light-dark(#bfbfbf, #525252)", so = "1px", lo = "light-dark(#f2f2f2, #262626)", co = "light-dark(#e6e6e6, #333)", po = "light-dark(#d9d9d9, #383838)", go = "light-dark(#fff, #383838)", uo = "light-dark(#e6e6e6, #474747)", ko = "light-dark(#d9d9d9, #525252)", yo = "light-dark(#f2f2f2, #262626)", ho = "light-dark(#f2f2f2, #262626)", mo = "light-dark(#d9d9d9, #383838)", $o = "light-dark(#171717, #f2f2f2)", bo = "light-dark(#525252, #a6a6a6)", fo = "light-dark(#143c50, #f2f2f2)", vo = "light-dark(#fff, #171717)", So = "light-dark(#fff, #fff)", jo = "light-dark(#bfbfbf, #525252)", Po = "light-dark(#008d3c, #008d3c)", xo = "light-dark(#06c, #06c)", wo = "light-dark(#e62323, #e62323)", Bo = "oklch(0.66 0.18 45)", zo = "light-dark(#bfbfbf, #383838)", Ho = "light-dark(#29698C, #6CA3C0)", Co = "light-dark(#143c50, #94BCD1)", Ro = "light-dark(#171717, #abcbdb)", Ao = "light-dark(#954b95, #b46ab4)", Io = "light-dark(#008d3c, #008d3c)", Yo = "light-dark(#06c, #06c)", To = "oklch(0.66 0.18 45)", Go = "light-dark(#e62323, #e62323)", Fo = "light-dark(#d5f2d9, #112722)", Lo = "light-dark(#bae5c5, #163328)", Wo = "light-dark(#eaf2f6, #112127)", Uo = "light-dark(#d5e5ed, #162b33)", Oo = "light-dark(#fff8e2, #322a20)", Do = "light-dark(#fff1cd, #453826)", Mo = "light-dark(#ffdfdf, #3f0a0a)", Eo = "light-dark(#fcc8c8, #540d0d)", Ko = "light-dark(#cde6f3, #101037)", Xo = "#4a95df", Zo = "light-dark(#cde6f3, #101037)", qo = "#4a95df", No = "light-dark(#d5f2d9, #07270b)", _o = "#75b47d", Qo = "light-dark(#d5f2d9, #07270b)", Vo = "#75b47d", Jo = "light-dark(#fff5db, #2c2719)", er = "#ecbe4a", tr = "light-dark(#fff5db, #2c2719)", ar = "#ecbe4a", or = "light-dark(#cdf2f2, #0d2c2c)", rr = "#43bcbc", ir = "light-dark(#d2daf9, #0a1332)", nr = "#7088e0", sr = "light-dark(#d2daf9, #0a1332)", lr = "#7088e0", cr = "light-dark(#f6d0f9, #391c3b)", pr = "#b77dbc", dr = "light-dark(#f6d0f9, #391c3b)", gr = "#b77dbc", ur = "light-dark(#ffe6d9, #421d0a)", kr = "#e87031", yr = "light-dark(#ffe6d9, #421d0a)", hr = "#e87031", mr = "light-dark(#ffe0e0, #431919)", $r = "#f17575", br = "light-dark(#ffe0e0, #431919)", fr = "#f17575", vr = "light-dark(#171717, #f2f2f2)", Sr = "light-dark(#525252, #a6a6a6)", jr = "light-dark(#143c50, #f2f2f2)", Pr = "light-dark(#fff, #fff)", xr = "light-dark(#f2f2f2, #171717)", wr = "light-dark(#bfbfbf, #525252)", Br = "light-dark(#e62323, #EC5252)", zr = "light-dark(#a6a6a6, #525252)", Hr = "light-dark(#737373, #999)", Cr = "light-dark(#e62323, #e62323)", Rr = "light-dark(#0000001a, #ffffff1a)", Ar = "light-dark(#143c50, #5897b8)", Ir = "light-dark(#143c50, #5897b8)", Yr = "light-dark(#d5e5ed, #143c50)", Tr = "light-dark(#143c50, #5897b8)", Gr = "light-dark(#b90835, #fff)", Fr = "light-dark(#e6e6e6, #212121)", Lr = "light-dark(#f2f2f2, #262626)", Wr = "light-dark(#525252, #a6a6a6)", Ur = "rgba(0 0 0 / 30%)", Or = "blur(2px)", Dr = "light-dark(#fff, #262626)", Mr = "0 3px 5px 0 rgba(0, 0, 0, 0.30)", Er = "-2px 0px 12px -2px rgba(0, 0, 0, 0.10)", Kr = "0.125rem", Xr = "0.375rem", Zr = "0.625rem", qr = "0.75rem", Nr = "0.875rem", _r = "0.938rem", Qr = "1.25rem", Vr = "2.5rem", Jr = "3rem", ei = "0.25rem", ti = "0.5rem", ai = "1rem", oi = "1.5rem", ri = "2rem", ii = "0.063rem", ni = "0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white)", si = "inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black)", li = "2px", ci = "2px", pi = "inset 0 0 0 2px light-dark(#e62323, #e62323)", di = "400ms", gi = "300ms", ui = "250ms", ki = "150ms", yi = "100ms", hi = [0, 0, 0.58, 1], mi = [0.42, 0, 1, 1], $i = [0.42, 0, 0.58, 1], bi = {
6614
6633
  delay: "0ms",
6615
6634
  duration: "300ms",
6616
6635
  timingFunction: [0, 0, 0.58, 1]
6617
- }, bi = {
6636
+ }, fi = {
6618
6637
  delay: "0ms",
6619
6638
  duration: "300ms",
6620
6639
  timingFunction: [0.42, 0, 1, 1]
6621
- }, fi = "Inter, sans-serif", vi = "0.75rem", Si = "0.875rem", ji = "1rem", Pi = "1.125rem", xi = "1.25rem", wi = "1.5rem", Bi = "1.625rem", zi = "2rem", Hi = "2.25rem", Ci = "2.625rem", Ri = "1rem", Ai = "1.125rem", Ii = "1.25rem", Yi = "1.375rem", Ti = "1.5rem", Gi = "1.75rem", Fi = "2rem", Li = "2.25rem", Wi = "2.5rem", Ui = "3rem", Oi = 100, Di = 200, Mi = 300, Ei = 400, Ki = 500, Xi = 600, Zi = 700, qi = 800, Ni = 900, _i = {
6640
+ }, vi = "Inter, sans-serif", Si = "0.75rem", ji = "0.875rem", Pi = "1rem", xi = "1.125rem", wi = "1.25rem", Bi = "1.5rem", zi = "1.625rem", Hi = "2rem", Ci = "2.25rem", Ri = "2.625rem", Ai = "1rem", Ii = "1.125rem", Yi = "1.25rem", Ti = "1.375rem", Gi = "1.5rem", Fi = "1.75rem", Li = "2rem", Wi = "2.25rem", Ui = "2.5rem", Oi = "3rem", Di = 100, Mi = 200, Ei = 300, Ki = 400, Xi = 500, Zi = 600, qi = 700, Ni = 800, _i = 900, Qi = {
6622
6641
  fontFamily: "Inter, sans-serif",
6623
6642
  fontSize: "1rem",
6624
6643
  fontWeight: 400,
6625
6644
  lineHeight: "1.25rem"
6626
- }, Qi = {
6645
+ }, Vi = {
6627
6646
  fontFamily: "Inter, sans-serif",
6628
6647
  fontSize: "0.875rem",
6629
6648
  fontWeight: 400,
6630
6649
  lineHeight: "1.125rem"
6631
- }, Vi = {
6650
+ }, Ji = {
6632
6651
  fontFamily: "Inter, sans-serif",
6633
6652
  fontSize: "0.875rem",
6634
6653
  fontWeight: 400,
6635
6654
  lineHeight: "1.125rem"
6636
- }, Ji = {
6655
+ }, en = {
6637
6656
  fontFamily: "Inter, sans-serif",
6638
6657
  fontSize: "0.75rem",
6639
6658
  fontWeight: 400,
6640
6659
  lineHeight: "1rem"
6641
- }, en = 1, tn = 10, an = 500, on = 1e3, rn = 1100, nn = 1200, ln = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
6660
+ }, tn = 1, an = 10, on = 500, rn = 1e3, nn = 1100, sn = 1200, cn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
6642
6661
  __proto__: null,
6643
6662
  backgroundBase: La,
6644
6663
  backgroundHover: Wa,
@@ -6857,6 +6876,7 @@ const sn = {
6857
6876
  menuTextSectionHeader: Wr,
6858
6877
  overlayBackground: Ur,
6859
6878
  overlayBlur: Or,
6879
+ panelShadow: Er,
6860
6880
  size00: Ca,
6861
6881
  size05: Ra,
6862
6882
  size10: ua,
@@ -6884,21 +6904,21 @@ const sn = {
6884
6904
  sizeOption: Ta,
6885
6905
  skeleton01: ho,
6886
6906
  skeleton02: mo,
6887
- space05: ri,
6888
- space10: Er,
6889
- space130: Qr,
6890
- space150: Vr,
6891
- space30: Kr,
6892
- space50: Xr,
6893
- space60: Zr,
6894
- space70: qr,
6895
- space75: Nr,
6896
- space90: _r,
6897
- spaceLarge: ai,
6898
- spaceMedium: ti,
6899
- spaceSmall: ei,
6900
- spaceXlarge: oi,
6901
- spaceXsmall: Jr,
6907
+ space05: ii,
6908
+ space10: Kr,
6909
+ space130: Vr,
6910
+ space150: Jr,
6911
+ space30: Xr,
6912
+ space50: Zr,
6913
+ space60: qr,
6914
+ space70: Nr,
6915
+ space75: _r,
6916
+ space90: Qr,
6917
+ spaceLarge: oi,
6918
+ spaceMedium: ai,
6919
+ spaceSmall: ti,
6920
+ spaceXlarge: ri,
6921
+ spaceXsmall: ei,
6902
6922
  spacing10: Jt,
6903
6923
  spacing20: ea,
6904
6924
  spacing30: ta,
@@ -6913,11 +6933,11 @@ const sn = {
6913
6933
  spacingSmall: ca,
6914
6934
  spacingXlarge: ga,
6915
6935
  spacingXsmall: la,
6916
- stateFocus: ii,
6917
- stateFocusContrastModeOffset: li,
6918
- stateFocusContrastModeOutline: si,
6919
- stateFocusInset: ni,
6920
- stateInvalid: ci,
6936
+ stateFocus: ni,
6937
+ stateFocusContrastModeOffset: ci,
6938
+ stateFocusContrastModeOutline: li,
6939
+ stateFocusInset: si,
6940
+ stateInvalid: pi,
6921
6941
  supportBackgroundImportant: Oo,
6922
6942
  supportBackgroundImportantHover: Do,
6923
6943
  supportBackgroundInfo: Wo,
@@ -6969,62 +6989,62 @@ const sn = {
6969
6989
  textSecondary: Sr,
6970
6990
  textTertiary: jr,
6971
6991
  textWarning: Br,
6972
- transitionDurationFast: gi,
6973
- transitionDurationInstant: ki,
6974
- transitionDurationNormal: di,
6975
- transitionDurationQuick: ui,
6976
- transitionDurationSlow: pi,
6977
- transitionPanelCollapse: $i,
6978
- transitionPanelExpand: bi,
6979
- transitionTimingEaseIn: hi,
6980
- transitionTimingEaseInOut: mi,
6981
- transitionTimingEaseOut: yi,
6982
- typographyBody: _i,
6983
- typographyBodySmall: Qi,
6984
- typographyDescription: Vi,
6985
- typographyDescriptionSmall: Ji,
6986
- typographyFontFamily: fi,
6987
- typographyFontSize10: vi,
6988
- typographyFontSize100: Ci,
6989
- typographyFontSize20: Si,
6990
- typographyFontSize30: ji,
6991
- typographyFontSize40: Pi,
6992
- typographyFontSize50: xi,
6993
- typographyFontSize60: wi,
6994
- typographyFontSize70: Bi,
6995
- typographyFontSize80: zi,
6996
- typographyFontSize90: Hi,
6997
- typographyLineHeight10: Ri,
6998
- typographyLineHeight100: Ui,
6999
- typographyLineHeight20: Ai,
7000
- typographyLineHeight30: Ii,
7001
- typographyLineHeight40: Yi,
7002
- typographyLineHeight50: Ti,
7003
- typographyLineHeight60: Gi,
7004
- typographyLineHeight70: Fi,
7005
- typographyLineHeight80: Li,
7006
- typographyLineHeight90: Wi,
7007
- typographyWeightBlack: Ni,
7008
- typographyWeightBold: Zi,
7009
- typographyWeightExtraBold: qi,
7010
- typographyWeightExtraLight: Di,
7011
- typographyWeightLight: Mi,
7012
- typographyWeightMedium: Ki,
7013
- typographyWeightRegular: Ei,
7014
- typographyWeightSemiBold: Xi,
7015
- typographyWeightThin: Oi,
6992
+ transitionDurationFast: ui,
6993
+ transitionDurationInstant: yi,
6994
+ transitionDurationNormal: gi,
6995
+ transitionDurationQuick: ki,
6996
+ transitionDurationSlow: di,
6997
+ transitionPanelCollapse: bi,
6998
+ transitionPanelExpand: fi,
6999
+ transitionTimingEaseIn: mi,
7000
+ transitionTimingEaseInOut: $i,
7001
+ transitionTimingEaseOut: hi,
7002
+ typographyBody: Qi,
7003
+ typographyBodySmall: Vi,
7004
+ typographyDescription: Ji,
7005
+ typographyDescriptionSmall: en,
7006
+ typographyFontFamily: vi,
7007
+ typographyFontSize10: Si,
7008
+ typographyFontSize100: Ri,
7009
+ typographyFontSize20: ji,
7010
+ typographyFontSize30: Pi,
7011
+ typographyFontSize40: xi,
7012
+ typographyFontSize50: wi,
7013
+ typographyFontSize60: Bi,
7014
+ typographyFontSize70: zi,
7015
+ typographyFontSize80: Hi,
7016
+ typographyFontSize90: Ci,
7017
+ typographyLineHeight10: Ai,
7018
+ typographyLineHeight100: Oi,
7019
+ typographyLineHeight20: Ii,
7020
+ typographyLineHeight30: Yi,
7021
+ typographyLineHeight40: Ti,
7022
+ typographyLineHeight50: Gi,
7023
+ typographyLineHeight60: Fi,
7024
+ typographyLineHeight70: Li,
7025
+ typographyLineHeight80: Wi,
7026
+ typographyLineHeight90: Ui,
7027
+ typographyWeightBlack: _i,
7028
+ typographyWeightBold: qi,
7029
+ typographyWeightExtraBold: Ni,
7030
+ typographyWeightExtraLight: Mi,
7031
+ typographyWeightLight: Ei,
7032
+ typographyWeightMedium: Xi,
7033
+ typographyWeightRegular: Ki,
7034
+ typographyWeightSemiBold: Zi,
7035
+ typographyWeightThin: Di,
7016
7036
  windowSizesLg: v,
7017
7037
  windowSizesMd: f,
7018
7038
  windowSizesSm: b,
7019
7039
  windowSizesXl: S,
7020
- zIndexAbove: tn,
7021
- zIndexBase: en,
7022
- zIndexModal: on,
7023
- zIndexSidebar: an,
7024
- zIndexSkipToContent: nn,
7025
- zIndexToast: rn
7040
+ zIndexAbove: an,
7041
+ zIndexBase: tn,
7042
+ zIndexModal: rn,
7043
+ zIndexSidebar: on,
7044
+ zIndexSkipToContent: sn,
7045
+ zIndexToast: nn
7026
7046
  }, Symbol.toStringTag, { value: "Module" }));
7027
7047
  export {
7028
- sn as tokenDictionary,
7029
- ln as variables
7048
+ ln as tokenDictionary,
7049
+ cn as variables
7030
7050
  };
package/lib/style-dictionary-dist/token-dictionary.d.ts CHANGED
@@ -490,6 +490,9 @@ declare const tokens: {
490
490
  };
491
491
  shadow: DesignToken;
492
492
  };
493
+ panel: {
494
+ shadow: DesignToken;
495
+ };
493
496
  space: {
494
497
  "10": DesignToken;
495
498
  "30": DesignToken;
package/lib/style-dictionary-dist/variables.d.ts CHANGED
@@ -496,6 +496,8 @@ export const overlayBlur: string;
496
496
  export const cardBackgroundBase: string;
497
497
  /** Skugga för Card */
498
498
  export const cardShadow: string;
499
+ /** Skugga för Panel */
500
+ export const panelShadow: string;
499
501
  /** 0.125rem / 2px. */
500
502
  export const space10: string;
501
503
  /** 0.375rem / 6px. */
@@ -536,7 +538,7 @@ export const stateFocusContrastModeOutline: string;
536
538
  export const stateFocusContrastModeOffset: string;
537
539
  /** Invalid state style for form fields (box-shadow). */
538
540
  export const stateInvalid: string;
539
- /** Långsam övergång. 500ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner. */
541
+ /** Långsam övergång. 400ms. Används för större layoutförändringar som sidopaneler och expanderbara sektioner. */
540
542
  export const transitionDurationSlow: string;
541
543
  /** Normal övergångshastighet. 300ms. Standardval för de flesta animationer. */
542
544
  export const transitionDurationNormal: string;
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Theme",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "3.14.8",
17
+ "version": "3.15.0",
18
18
  "main": "./index.mjs",
19
19
  "types": "./index.d.ts",
20
20
  "exports": {
package/tailwind-theme.css CHANGED
@@ -1 +1 @@
1
- @theme{ --base-10: var(--midas-base-10); --base-15: var(--midas-base-15); --base-20: var(--midas-base-20); --base-30: var(--midas-base-30); --base-40: var(--midas-base-40); --base-50: var(--midas-base-50); --base-60: var(--midas-base-60); --base-70: var(--midas-base-70); --base-75: var(--midas-base-75); --base-80: var(--midas-base-80); --base-90: var(--midas-base-90); --base-100: var(--midas-base-100); --base-110: var(--midas-base-110); --base-120: var(--midas-base-120); --base-130: var(--midas-base-130); --base-140: var(--midas-base-140); --base-150: var(--midas-base-150); --base-00: var(--midas-base-00); --base-05: var(--midas-base-05); --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); --color-sky-20: var(--midas-color-sky-20); --color-sky-60: var(--midas-color-sky-60); --color-sky-180: var(--midas-color-sky-180); --color-mint-20: var(--midas-color-mint-20); --color-mint-60: var(--midas-color-mint-60); --color-mint-180: var(--midas-color-mint-180); --color-cream-20: var(--midas-color-cream-20); --color-cream-60: var(--midas-color-cream-60); --color-cream-180: var(--midas-color-cream-180); --color-teal-20: var(--midas-color-teal-20); --color-teal-60: var(--midas-color-teal-60); --color-teal-180: var(--midas-color-teal-180); --color-lagoon-20: var(--midas-color-lagoon-20); --color-lagoon-60: var(--midas-color-lagoon-60); --color-lagoon-180: var(--midas-color-lagoon-180); --color-lavender-20: var(--midas-color-lavender-20); --color-lavender-60: var(--midas-color-lavender-60); --color-lavender-180: var(--midas-color-lavender-180); --color-peach-20: var(--midas-color-peach-20); --color-peach-60: var(--midas-color-peach-60); --color-peach-180: var(--midas-color-peach-180); --color-pippin-20: var(--midas-color-pippin-20); --color-pippin-60: var(--midas-color-pippin-60); --color-pippin-180: var(--midas-color-pippin-180); --size-icon: var(--midas-size-icon); --size-icon-sm: var(--midas-size-icon-sm); --size-option: var(--midas-size-option); --size-control-md: var(--midas-size-control-md); --size-control: var(--midas-size-control); --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-sky-background: var(--midas-tag-sky-background); --tag-sky-border-color: var(--midas-tag-sky-border-color); --tag-mint-background: var(--midas-tag-mint-background); --tag-mint-border-color: var(--midas-tag-mint-border-color); --tag-cream-background: var(--midas-tag-cream-background); --tag-cream-border-color: var(--midas-tag-cream-border-color); --tag-teal-background: var(--midas-tag-teal-background); --tag-teal-border-color: var(--midas-tag-teal-border-color); --tag-lagoon-background: var(--midas-tag-lagoon-background); --tag-lagoon-border-color: var(--midas-tag-lagoon-border-color); --tag-lavender-background: var(--midas-tag-lavender-background); --tag-lavender-border-color: var(--midas-tag-lavender-border-color); --tag-peach-background: var(--midas-tag-peach-background); --tag-peach-border-color: var(--midas-tag-peach-border-color); --tag-pippin-background: var(--midas-tag-pippin-background); --tag-pippin-border-color: var(--midas-tag-pippin-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); --overlay-background: var(--midas-overlay-background); --overlay-blur: var(--midas-overlay-blur); --card-background-base: var(--midas-card-background-base); --card-shadow: var(--midas-card-shadow); --space-10: var(--midas-space-10); --space-30: var(--midas-space-30); --space-50: var(--midas-space-50); --space-60: var(--midas-space-60); --space-70: var(--midas-space-70); --space-75: var(--midas-space-75); --space-90: var(--midas-space-90); --space-130: var(--midas-space-130); --space-150: var(--midas-space-150); --space-xsmall: var(--midas-space-xsmall); --space-small: var(--midas-space-small); --space-medium: var(--midas-space-medium); --space-large: var(--midas-space-large); --space-xlarge: var(--midas-space-xlarge); --space-05: var(--midas-space-05); --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-duration-quick: var(--midas-transition-duration-quick); --transition-duration-instant: var(--midas-transition-duration-instant); --transition-timing-ease-out: var(--midas-transition-timing-ease-out); --transition-timing-ease-in: var(--midas-transition-timing-ease-in); --transition-timing-ease-in-out: var(--midas-transition-timing-ease-in-out); --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); }
1
+ @theme{ --base-10: var(--midas-base-10); --base-15: var(--midas-base-15); --base-20: var(--midas-base-20); --base-30: var(--midas-base-30); --base-40: var(--midas-base-40); --base-50: var(--midas-base-50); --base-60: var(--midas-base-60); --base-70: var(--midas-base-70); --base-75: var(--midas-base-75); --base-80: var(--midas-base-80); --base-90: var(--midas-base-90); --base-100: var(--midas-base-100); --base-110: var(--midas-base-110); --base-120: var(--midas-base-120); --base-130: var(--midas-base-130); --base-140: var(--midas-base-140); --base-150: var(--midas-base-150); --base-00: var(--midas-base-00); --base-05: var(--midas-base-05); --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); --color-sky-20: var(--midas-color-sky-20); --color-sky-60: var(--midas-color-sky-60); --color-sky-180: var(--midas-color-sky-180); --color-mint-20: var(--midas-color-mint-20); --color-mint-60: var(--midas-color-mint-60); --color-mint-180: var(--midas-color-mint-180); --color-cream-20: var(--midas-color-cream-20); --color-cream-60: var(--midas-color-cream-60); --color-cream-180: var(--midas-color-cream-180); --color-teal-20: var(--midas-color-teal-20); --color-teal-60: var(--midas-color-teal-60); --color-teal-180: var(--midas-color-teal-180); --color-lagoon-20: var(--midas-color-lagoon-20); --color-lagoon-60: var(--midas-color-lagoon-60); --color-lagoon-180: var(--midas-color-lagoon-180); --color-lavender-20: var(--midas-color-lavender-20); --color-lavender-60: var(--midas-color-lavender-60); --color-lavender-180: var(--midas-color-lavender-180); --color-peach-20: var(--midas-color-peach-20); --color-peach-60: var(--midas-color-peach-60); --color-peach-180: var(--midas-color-peach-180); --color-pippin-20: var(--midas-color-pippin-20); --color-pippin-60: var(--midas-color-pippin-60); --color-pippin-180: var(--midas-color-pippin-180); --size-icon: var(--midas-size-icon); --size-icon-sm: var(--midas-size-icon-sm); --size-option: var(--midas-size-option); --size-control-md: var(--midas-size-control-md); --size-control: var(--midas-size-control); --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-sky-background: var(--midas-tag-sky-background); --tag-sky-border-color: var(--midas-tag-sky-border-color); --tag-mint-background: var(--midas-tag-mint-background); --tag-mint-border-color: var(--midas-tag-mint-border-color); --tag-cream-background: var(--midas-tag-cream-background); --tag-cream-border-color: var(--midas-tag-cream-border-color); --tag-teal-background: var(--midas-tag-teal-background); --tag-teal-border-color: var(--midas-tag-teal-border-color); --tag-lagoon-background: var(--midas-tag-lagoon-background); --tag-lagoon-border-color: var(--midas-tag-lagoon-border-color); --tag-lavender-background: var(--midas-tag-lavender-background); --tag-lavender-border-color: var(--midas-tag-lavender-border-color); --tag-peach-background: var(--midas-tag-peach-background); --tag-peach-border-color: var(--midas-tag-peach-border-color); --tag-pippin-background: var(--midas-tag-pippin-background); --tag-pippin-border-color: var(--midas-tag-pippin-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); --overlay-background: var(--midas-overlay-background); --overlay-blur: var(--midas-overlay-blur); --card-background-base: var(--midas-card-background-base); --card-shadow: var(--midas-card-shadow); --panel-shadow: var(--midas-panel-shadow); --space-10: var(--midas-space-10); --space-30: var(--midas-space-30); --space-50: var(--midas-space-50); --space-60: var(--midas-space-60); --space-70: var(--midas-space-70); --space-75: var(--midas-space-75); --space-90: var(--midas-space-90); --space-130: var(--midas-space-130); --space-150: var(--midas-space-150); --space-xsmall: var(--midas-space-xsmall); --space-small: var(--midas-space-small); --space-medium: var(--midas-space-medium); --space-large: var(--midas-space-large); --space-xlarge: var(--midas-space-xlarge); --space-05: var(--midas-space-05); --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-duration-quick: var(--midas-transition-duration-quick); --transition-duration-instant: var(--midas-transition-duration-instant); --transition-timing-ease-out: var(--midas-transition-timing-ease-out); --transition-timing-ease-in: var(--midas-transition-timing-ease-in); --transition-timing-ease-in-out: var(--midas-transition-timing-ease-in-out); --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 CHANGED
@@ -1 +1 @@
1
- :root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--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-color-sky-20: #cde6f3;--midas-color-sky-60: #4a95df;--midas-color-sky-180: #101037;--midas-color-mint-20: #d5f2d9;--midas-color-mint-60: #75b47d;--midas-color-mint-180: #07270b;--midas-color-cream-20: #fff5db;--midas-color-cream-60: #ecbe4a;--midas-color-cream-180: #2c2719;--midas-color-teal-20: #cdf2f2;--midas-color-teal-60: #43bcbc;--midas-color-teal-180: #0d2c2c;--midas-color-lagoon-20: #d2daf9;--midas-color-lagoon-60: #7088e0;--midas-color-lagoon-180: #0a1332;--midas-color-lavender-20: #f6d0f9;--midas-color-lavender-60: #b77dbc;--midas-color-lavender-180: #391c3b;--midas-color-peach-20: #ffe6d9;--midas-color-peach-60: #e87031;--midas-color-peach-180: #421d0a;--midas-color-pippin-20: #ffe0e0;--midas-color-pippin-60: #f17575;--midas-color-pippin-180: #431919;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-overlay-background: rgba(0 0 0 / 30%);--midas-overlay-blur: blur(2px);--midas-card-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);--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-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 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-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-90);--midas-size-icon-sm: var(--midas-base-80);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--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-sky-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-sky-border-color: var(--midas-color-sky-60);--midas-tag-blue-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-blue-border-color: var(--midas-color-sky-60);--midas-tag-mint-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-mint-border-color: var(--midas-color-mint-60);--midas-tag-green-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-green-border-color: var(--midas-color-mint-60);--midas-tag-cream-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-cream-border-color: var(--midas-color-cream-60);--midas-tag-yellow-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-yellow-border-color: var(--midas-color-cream-60);--midas-tag-teal-background: light-dark(var(--midas-color-teal-20), var(--midas-color-teal-180));--midas-tag-teal-border-color: var(--midas-color-teal-60);--midas-tag-lagoon-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color: var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color: var(--midas-color-lagoon-60);--midas-tag-lavender-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-lavender-border-color: var(--midas-color-lavender-60);--midas-tag-purple-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-purple-border-color: var(--midas-color-lavender-60);--midas-tag-peach-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-peach-border-color: var(--midas-color-peach-60);--midas-tag-orange-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-orange-border-color: var(--midas-color-peach-60);--midas-tag-pippin-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-pippin-border-color: var(--midas-color-pippin-60);--midas-tag-red-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-red-border-color: var(--midas-color-pippin-60);--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-card-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-180));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--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-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}
1
+ :root{--midas-base-10: .125rem;--midas-base-15: .188rem;--midas-base-20: .25rem;--midas-base-30: .375rem;--midas-base-40: .5rem;--midas-base-50: .625rem;--midas-base-60: .75rem;--midas-base-70: .875rem;--midas-base-75: .938rem;--midas-base-80: 1rem;--midas-base-90: 1.25rem;--midas-base-100: 1.5rem;--midas-base-110: 1.75rem;--midas-base-120: 2rem;--midas-base-130: 2.5rem;--midas-base-140: 2.75rem;--midas-base-150: 3rem;--midas-base-00: 0rem;--midas-base-05: .063rem;--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-color-sky-20: #cde6f3;--midas-color-sky-60: #4a95df;--midas-color-sky-180: #101037;--midas-color-mint-20: #d5f2d9;--midas-color-mint-60: #75b47d;--midas-color-mint-180: #07270b;--midas-color-cream-20: #fff5db;--midas-color-cream-60: #ecbe4a;--midas-color-cream-180: #2c2719;--midas-color-teal-20: #cdf2f2;--midas-color-teal-60: #43bcbc;--midas-color-teal-180: #0d2c2c;--midas-color-lagoon-20: #d2daf9;--midas-color-lagoon-60: #7088e0;--midas-color-lagoon-180: #0a1332;--midas-color-lavender-20: #f6d0f9;--midas-color-lavender-60: #b77dbc;--midas-color-lavender-180: #391c3b;--midas-color-peach-20: #ffe6d9;--midas-color-peach-60: #e87031;--midas-color-peach-180: #421d0a;--midas-color-pippin-20: #ffe0e0;--midas-color-pippin-60: #f17575;--midas-color-pippin-180: #431919;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-overlay-background: rgba(0 0 0 / 30%);--midas-overlay-blur: blur(2px);--midas-card-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);--midas-panel-shadow: -2px 0px 12px -2px rgba(0, 0, 0, .1);--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: .4s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-duration-quick: .15s;--midas-transition-duration-instant: .1s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out: cubic-bezier(.42, 0, .58, 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-size-10: var(--midas-base-10);--midas-size-15: var(--midas-base-15);--midas-size-20: var(--midas-base-20);--midas-size-30: var(--midas-base-30);--midas-size-40: var(--midas-base-40);--midas-size-50: var(--midas-base-50);--midas-size-60: var(--midas-base-60);--midas-size-70: var(--midas-base-70);--midas-size-75: var(--midas-base-75);--midas-size-80: var(--midas-base-80);--midas-size-90: var(--midas-base-90);--midas-size-100: var(--midas-base-100);--midas-size-110: var(--midas-base-110);--midas-size-120: var(--midas-base-120);--midas-size-130: var(--midas-base-130);--midas-size-140: var(--midas-base-140);--midas-size-150: var(--midas-base-150);--midas-size-00: var(--midas-base-00);--midas-size-05: var(--midas-base-05);--midas-size-icon: var(--midas-base-90);--midas-size-icon-sm: var(--midas-base-80);--midas-size-option: var(--midas-base-120);--midas-size-control-md: var(--midas-base-130);--midas-size-control: var(--midas-base-150);--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-sky-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-sky-border-color: var(--midas-color-sky-60);--midas-tag-blue-background: light-dark(var(--midas-color-sky-20), var(--midas-color-sky-180));--midas-tag-blue-border-color: var(--midas-color-sky-60);--midas-tag-mint-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-mint-border-color: var(--midas-color-mint-60);--midas-tag-green-background: light-dark(var(--midas-color-mint-20), var(--midas-color-mint-180));--midas-tag-green-border-color: var(--midas-color-mint-60);--midas-tag-cream-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-cream-border-color: var(--midas-color-cream-60);--midas-tag-yellow-background: light-dark(var(--midas-color-cream-20), var(--midas-color-cream-180));--midas-tag-yellow-border-color: var(--midas-color-cream-60);--midas-tag-teal-background: light-dark(var(--midas-color-teal-20), var(--midas-color-teal-180));--midas-tag-teal-border-color: var(--midas-color-teal-60);--midas-tag-lagoon-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color: var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background: light-dark(var(--midas-color-lagoon-20), var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color: var(--midas-color-lagoon-60);--midas-tag-lavender-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-lavender-border-color: var(--midas-color-lavender-60);--midas-tag-purple-background: light-dark(var(--midas-color-lavender-20), var(--midas-color-lavender-180));--midas-tag-purple-border-color: var(--midas-color-lavender-60);--midas-tag-peach-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-peach-border-color: var(--midas-color-peach-60);--midas-tag-orange-background: light-dark(var(--midas-color-peach-20), var(--midas-color-peach-180));--midas-tag-orange-border-color: var(--midas-color-peach-60);--midas-tag-pippin-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-pippin-border-color: var(--midas-color-pippin-60);--midas-tag-red-background: light-dark(var(--midas-color-pippin-20), var(--midas-color-pippin-180));--midas-tag-red-border-color: var(--midas-color-pippin-60);--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-card-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-180));--midas-space-10: var(--midas-base-10);--midas-space-30: var(--midas-base-30);--midas-space-50: var(--midas-base-50);--midas-space-60: var(--midas-base-60);--midas-space-70: var(--midas-base-70);--midas-space-75: var(--midas-base-75);--midas-space-90: var(--midas-base-90);--midas-space-130: var(--midas-base-130);--midas-space-150: var(--midas-base-150);--midas-space-xsmall: var(--midas-base-20);--midas-space-small: var(--midas-base-40);--midas-space-medium: var(--midas-base-80);--midas-space-large: var(--midas-base-100);--midas-space-xlarge: var(--midas-base-120);--midas-space-05: var(--midas-base-05);--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-spacing-10: var(--midas-space-10);--midas-spacing-20: var(--midas-space-xsmall);--midas-spacing-30: var(--midas-space-small);--midas-spacing-40: var(--midas-space-60);--midas-spacing-50: var(--midas-space-medium);--midas-spacing-60: var(--midas-space-large);--midas-spacing-70: var(--midas-space-xlarge);--midas-spacing-80: var(--midas-space-130);--midas-spacing-90: var(--midas-space-150);--midas-spacing-xsmall: var(--midas-space-xsmall);--midas-spacing-small: var(--midas-space-small);--midas-spacing-medium: var(--midas-space-medium);--midas-spacing-large: var(--midas-space-large);--midas-spacing-xlarge: var(--midas-space-xlarge);--midas-size-control-sm: var(--midas-size-control-md);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}