@midas-ds/components 17.13.3 → 17.14.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 17.14.0 (2026-04-28)
+
+### 🚀 Features
+
+- **components,card:** add CardHeader and CardBody, deprecate legacy patterns ([b5d2489d632](https://github.com/migrationsverket/midas/commit/b5d2489d632))
+
+### 🧪 Tests updated
+
+- **components,card:** update and extend card tests ([4a00f46e7bf](https://github.com/migrationsverket/midas/commit/4a00f46e7bf))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.14.2
+
 ## 17.13.3 (2026-04-24)
 
 ### 🩹 Fixes

package/assets/CardHeader.css

@@ -0,0 +1 @@
+._card_1u3lt_1{font-family:var(--midas-typography-font-family);position:relative;background-color:var(--midas-card-background-base);box-shadow:var(--midas-card-shadow)}@media(forced-colors:active){._card_1u3lt_1{border:1px solid}}._card_1u3lt_1._horizontal_1u3lt_11{display:flex;flex-flow:row wrap}._card_1u3lt_1:has(._cardLink_1u3lt_16[data-hovered]){background-color:var(--midas-layer-01-hover)}@media(hover:hover){._card_1u3lt_1:has(._cardLink_1u3lt_16:hover){background-color:var(--midas-layer-01-hover)}}._cardContent_1u3lt_27{padding:1rem;display:flex;flex-direction:column;gap:var(--midas-space-medium);flex-grow:1}._cardContent_1u3lt_27._horizontal_1u3lt_11{padding:.5rem 1rem;flex-direction:row;align-items:center;column-gap:1rem}._cardContent_1u3lt_27+._cardContent_1u3lt_27{padding-top:.5rem}._cardActions_1u3lt_46{display:flex;flex-direction:row;gap:.5rem;margin-top:var(--midas-space-medium);padding:0 var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-medium)}._cardActions_1u3lt_46._horizontal_1u3lt_11{margin-top:0;margin-left:auto}._cardActions_1u3lt_46._deprecated_1u3lt_60{margin-top:0;padding:0}._cardActionArea_1u3lt_66{border:0;padding:0;text-align:unset;background-color:unset;cursor:pointer;width:100%}._cardActionArea_1u3lt_66[data-hovered]{background-color:var(--midas-button-icon-hover)}._cardActionArea_1u3lt_66[data-pressed]{background-color:var(--midas-button-icon-active)}._cardActionArea_1u3lt_66:focus{outline:none}._cardActionArea_1u3lt_66[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._cardActionArea_1u3lt_66[data-focused]{outline:2px solid highlight}}._cardActionArea_1u3lt_66+._cardContent_1u3lt_27{padding-top:.5rem}._cardImage_1u3lt_99{max-width:100%;height:auto}._cardImage_1u3lt_99._horizontal_1u3lt_11{max-width:unset}._cardLink_1u3lt_16{display:flex;justify-content:space-between;align-items:center;text-decoration:none}._cardLink_1u3lt_16[data-focused],._cardLink_1u3lt_16:focus{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._cardLink_1u3lt_16[data-focused],._cardLink_1u3lt_16:focus{outline:2px solid highlight}}._cardLink_1u3lt_16:after{position:absolute;inset:0;z-index:var(--midas-z-index-base);content:""}._cardLink_1u3lt_16 ._cardLinkIcon_1u3lt_131{color:var(--midas-icon-primary)}._cardBody_337uy_1{margin:var(--midas-space-medium)}._cardHeader_1625c_1{display:flex;align-items:center;justify-content:space-between;padding:var(--midas-space-medium) var(--midas-space-30) 0 var(--midas-space-medium);margin-bottom:var(--midas-space-medium)}._cardHeader_1625c_1:has(+[data-card-image]){margin-bottom:var(--midas-space-small)}._textContainer_1625c_14{display:flex;flex-direction:column;padding-right:var(--midas-space-medium)}._subHeading_1625c_20{margin-bottom:0}

package/assets/default.css

@@ -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-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-80);--midas-size-icon-sm: var(--midas-base-90);--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-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)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}:root[data-color-scheme=dark]{color-scheme:dark}:root[data-color-scheme=light]{color-scheme:light}
+: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-80);--midas-size-icon-sm: var(--midas-base-90);--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)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}:root[data-color-scheme=dark]{color-scheme:dark}:root[data-color-scheme=light]{color-scheme:light}

package/card/Card.d.ts

@@ -2,7 +2,10 @@ import { HeadingProps } from '../heading';
 import { ButtonProps, Link } from 'react-aria-components';
 import * as React from 'react';
 export interface MidasCard extends React.HTMLAttributes<HTMLDivElement> {
-    /** Stack content in card vertical or horizontal */
+    /**
+     * Stack content in card vertical or horizontal
+     * @deprecated since v17.14.0 please stack content vertically instead
+     */
     horizontal?: boolean;
     /** Card content, usually wrap with CardContent */
     children: React.ReactNode;
@@ -29,6 +32,10 @@ export declare const Card: React.FC<MidasCard>;
 export declare const CardContent: React.FC<React.HTMLAttributes<HTMLDivElement>>;
 export declare const CardTitle: React.FC<HeadingProps>;
 export declare const CardActions: React.FC<React.HTMLAttributes<HTMLDivElement>>;
+/**
+ *
+ * @deprecated since v17.14.0 please use `CardActions` instead
+ */
 export declare const CardActionArea: React.FC<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const CardImage: React.FC<MidasCardImage>;
 export declare const CardLink: <C extends React.ElementType = typeof Link>({ children, as, ...rest }: MidasCardLinkProps<C>) => import("react/jsx-runtime").JSX.Element;

package/card/Card.stories.d.ts

@@ -4,10 +4,15 @@ declare const meta: Meta<typeof Card>;
 export default meta;
 type Story = StoryObj<typeof Card>;
 export declare const Example: Story;
-export declare const Horizontal: Story;
-export declare const WithActions: Story;
-export declare const WithPrimaryAction: Story;
-export declare const WithLink: Story;
-export declare const WithCustomLink: Story;
-export declare const WithImage: Story;
-export declare const WithContainedImage: Story;
+export declare const WithHeaderAndBody: Story;
+export declare const WithHeaderImageAndBody: Story;
+export declare const WithImageHeaderAndBody: Story;
+export declare const WithCustomBody: Story;
+export declare const CardWithImageAndAction: Story;
+export declare const LegacyExample: Story;
+export declare const LegacyWithActions: Story;
+export declare const LegacyWithPrimaryAction: Story;
+export declare const LegacyWithLink: Story;
+export declare const LegacyWithCustomLink: Story;
+export declare const LegacyWithImage: Story;
+export declare const LegacyWithContainedImage: Story;

package/card/card-body/CardBody.d.ts

@@ -0,0 +1,3 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+export type CardBodyProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export declare const CardBody: ({ className, ...rest }: CardBodyProps) => import("react/jsx-runtime").JSX.Element;

package/card/card-body/index.d.ts

@@ -0,0 +1 @@
+export * from './CardBody';

package/card/card-header/CardHeader.d.ts

@@ -0,0 +1,8 @@
+import { DetailedHTMLProps, HTMLAttributes } from 'react';
+import { HeadingProps } from '../../heading';
+export type CardHeaderProps = DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    heading: string;
+    headingLevel?: HeadingProps['elementType'];
+    subHeading?: string;
+};
+export declare const CardHeader: ({ children, className, heading, headingLevel, subHeading, ...rest }: CardHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/card/card-header/index.d.ts

@@ -0,0 +1 @@
+export * from './CardHeader';

package/card/index.d.ts

@@ -1 +1,3 @@
 export * from './Card';
+export * from './card-body';
+export * from './card-header';

package/card/index.js

@@ -1,10 +1,12 @@
-import { C, a as d, b as s, c as e, d as t, e as n, f as o } from "../chunks/Card-DSUs7WRL.js";
+import { C as d, a as C, b as s, c as e, d as o, e as t, f as n, g as i, h as c } from "../chunks/CardHeader-C0ZHxQnT.js";
 export {
-  C as Card,
-  d as CardActionArea,
+  d as Card,
+  C as CardActionArea,
   s as CardActions,
-  e as CardContent,
-  t as CardImage,
-  n as CardLink,
-  o as CardTitle
+  e as CardBody,
+  o as CardContent,
+  t as CardHeader,
+  n as CardImage,
+  i as CardLink,
+  c as CardTitle
 };

package/chunks/CardHeader-C0ZHxQnT.js

@@ -0,0 +1,184 @@
+import { jsx as c, jsxs as m } from "react/jsx-runtime";
+import { c as o } from "./clsx-AexbMWKp.js";
+import * as s from "react";
+import { H as u } from "./Heading-nfcRc2QF.js";
+import { Button as h, Link as x } from "react-aria-components";
+import { A as p } from "./arrow-right-BVcFGZmy.js";
+import { T as A } from "./Text-D0r_W4lH.js";
+import '../assets/CardHeader.css';const g = "_card_1u3lt_1", v = "_horizontal_1u3lt_11", I = "_cardLink_1u3lt_16", N = "_cardContent_1u3lt_27", y = "_cardActions_1u3lt_46", z = "_deprecated_1u3lt_60", k = "_cardActionArea_1u3lt_66", H = "_cardImage_1u3lt_99", L = "_cardLinkIcon_1u3lt_131", r = {
+  card: g,
+  horizontal: v,
+  cardLink: I,
+  cardContent: N,
+  cardActions: y,
+  deprecated: z,
+  cardActionArea: k,
+  cardImage: H,
+  cardLinkIcon: L
+}, l = s.createContext({
+  horizontal: void 0,
+  titleId: void 0
+}), C = s.createContext(void 0), E = ({
+  horizontal: t,
+  className: a,
+  children: e,
+  ...n
+}) => {
+  const i = `card-title-${s.useId()}`;
+  return /* @__PURE__ */ c(l.Provider, { value: { horizontal: t, titleId: i }, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ...n,
+      className: o(
+        r.card,
+        t && r.horizontal,
+        a
+      ),
+      children: e
+    }
+  ) });
+}, F = ({
+  children: t,
+  ...a
+}) => {
+  const { horizontal: e } = s.useContext(l);
+  return /* @__PURE__ */ c(C.Provider, { value: {}, children: /* @__PURE__ */ c(
+    "div",
+    {
+      ...a,
+      className: o(r.cardContent, e && r.horizontal),
+      children: t
+    }
+  ) });
+}, f = ({
+  elementType: t = "h2",
+  children: a,
+  className: e,
+  ...n
+}) => {
+  const { horizontal: d, titleId: i } = s.useContext(l);
+  return /* @__PURE__ */ c(
+    u,
+    {
+      level: 3,
+      elementType: t,
+      className: o(
+        e,
+        r.cardTitle,
+        d && r.horizontal
+      ),
+      id: i,
+      ...n,
+      children: a
+    }
+  );
+}, G = ({
+  children: t,
+  ...a
+}) => {
+  const { horizontal: e } = s.useContext(l), n = !!s.useContext(C);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...a,
+      className: o(
+        r.cardActions,
+        e && r.horizontal,
+        n && r.deprecated
+      ),
+      children: t
+    }
+  );
+}, J = ({ children: t, className: a, ...e }) => {
+  const { titleId: n } = s.useContext(l);
+  return /* @__PURE__ */ c(
+    h,
+    {
+      ...e,
+      "aria-labelledby": n,
+      className: o(r.cardActionArea, a),
+      children: t
+    }
+  );
+}, K = ({
+  as: t = "img",
+  className: a,
+  ...e
+}) => /* @__PURE__ */ c(
+  t,
+  {
+    ...e,
+    "data-card-image": !0,
+    className: o(r.cardImage, a)
+  }
+), M = ({
+  children: t,
+  as: a,
+  ...e
+}) => /* @__PURE__ */ m(
+  a || x,
+  {
+    ...e,
+    className: o(r.cardLink, e.className),
+    children: [
+      t,
+      /* @__PURE__ */ c(
+        p,
+        {
+          className: r.cardLinkIcon,
+          size: 24
+        }
+      )
+    ]
+  }
+), b = "_cardBody_337uy_1", B = {
+  cardBody: b
+}, O = ({ className: t, ...a }) => /* @__PURE__ */ c(
+  "div",
+  {
+    className: o(t, B.cardBody),
+    ...a
+  }
+), T = "_cardHeader_1625c_1", $ = "_textContainer_1625c_14", j = "_subHeading_1625c_20", _ = {
+  cardHeader: T,
+  textContainer: $,
+  subHeading: j
+}, Q = ({
+  children: t,
+  className: a,
+  heading: e,
+  headingLevel: n,
+  subHeading: d,
+  ...i
+}) => /* @__PURE__ */ m(
+  "div",
+  {
+    className: o(a, _.cardHeader),
+    ...i,
+    children: [
+      /* @__PURE__ */ m("div", { className: _.textContainer, children: [
+        /* @__PURE__ */ c(f, { elementType: n, children: e }),
+        d && /* @__PURE__ */ c(
+          A,
+          {
+            slot: "description",
+            className: _.subHeading,
+            children: d
+          }
+        )
+      ] }),
+      t
+    ]
+  }
+);
+export {
+  E as C,
+  J as a,
+  G as b,
+  O as c,
+  F as d,
+  Q as e,
+  K as f,
+  M as g,
+  f as h
+};

package/index.js

@@ -3,58 +3,58 @@ import { A as s, a as p } from "./chunks/AccordionItem-DHhQDd6o.js";
 import { B as m, a as i } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as n, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
 import { B as l } from "./chunks/Button-GCROAMSl.js";
-import { B as g } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as L, R as C } from "./chunks/RangeCalendar-DxLInTav.js";
-import { C as b, a as S, b as D, c as I, d as F, e as R, f as G } from "./chunks/Card-DSUs7WRL.js";
-import { C as k } from "./chunks/CharacterCounter-Dgnv-orm.js";
-import { C as M } from "./chunks/Checkbox-CwzV5QbM.js";
-import { C as h } from "./chunks/CheckboxGroup-D6TFvFxw.js";
-import { C as y } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
-import { C as N } from "./chunks/ComboBox-BRou3Ka8.js";
-import { D as O } from "./chunks/DateField-CpvZGNHu.js";
-import { D as Q, a as V } from "./chunks/DateInput-NzWcnB4y.js";
-import { D as j } from "./chunks/DateInputDivider-BHAwPkIR.js";
-import { D as J, a as K } from "./chunks/DateRangePicker-BBLNlQ2y.js";
-import { F as W } from "./chunks/FieldError-krpMBtie.js";
-import { F as Y, a as _ } from "./chunks/FileListItem-CKF9HPjw.js";
-import { D as oo, F as ao } from "./chunks/FileUpload-D6oyWcDA.js";
-import { G as eo } from "./chunks/Grid-C7aRFvmS.js";
-import { G as so } from "./chunks/GridItem-DenBLGXB.js";
-import { H as xo } from "./chunks/Heading-nfcRc2QF.js";
-import { I as io } from "./chunks/InfoBanner-CWLvkP6D.js";
-import { L as no } from "./chunks/Label-Cqo7Xz2v.js";
-import { H as lo, L as co, N as go, S as uo, a as Lo } from "./chunks/Layout-C6Jjp3Pc.js";
-import { L as Bo } from "./chunks/Link-CSIZehbN.js";
-import { L as So } from "./chunks/LinkButton-Dzp8ZAPs.js";
-import { L as Io, a as Fo } from "./chunks/Logo-DDykn5b2.js";
-import { M as Go, a as Po } from "./chunks/Modal-yigospxi.js";
-import { P as vo } from "./chunks/Popover-CjEPHe4A.js";
-import { P as Ao } from "./chunks/ProgressBar-BrWLkY8H.js";
-import { R as Ho, a as yo } from "./chunks/Radio-CFolRKKY.js";
-import { S as No } from "./chunks/SearchField-DRaSep82.js";
-import { S as Oo } from "./chunks/Select-CdCLFzO8.js";
-import { S as Qo } from "./chunks/Skeleton-tiP1Syzf.js";
-import { S as Zo } from "./chunks/Spinner-CfKMn18u.js";
-import { C as qo, a as Jo, R as Ko, T as Uo, b as Wo, c as Xo } from "./chunks/Table-DBdY7MIw.js";
-import { T as _o, a as $o, b as oa, c as aa } from "./chunks/TabList-CJSnr6O0.js";
-import { T as ea, a as ta, b as sa } from "./chunks/TagGroup-BEPgjByH.js";
-import { T as xa } from "./chunks/Text-D0r_W4lH.js";
-import { I as ia, T as fa, a as na, b as da } from "./chunks/TextArea-CNP1Y3jR.js";
-import { T as la } from "./chunks/TimeField-B3IdCqTf.js";
-import { G as ga, T as ua, a as La, b as Ca, t as Ba } from "./chunks/Toast-BFq_0Ue4.js";
-import { T as Sa, a as Da } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
-import { T as Fa, a as Ra } from "./chunks/Tooltip-BYEaNkZG.js";
-import { L as Pa } from "./chunks/ListBox-CRVACYCg.js";
-import { L as va, a as Ma, b as Aa, c as ha, d as Ha } from "./chunks/ListBoxHeader-1lJxEEFx.js";
-import { L as Ea, a as Na } from "./chunks/ListBoxEmptyState-BZpImC1g.js";
-import { M as Oa, a as za, b as Qa, c as Va, S as Za } from "./chunks/Separator-CDRwpeHz.js";
-import { c as qa } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as Ka, MenuTrigger as Ua, RouterProvider as Wa } from "react-aria-components";
-import { u as Ya } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as $a } from "react-stately";
-const o = "17.13.3", a = {
-  version: o
-}, r = a.version;
+import { B as c } from "./chunks/ButtonGroup-Dr6HOBo2.js";
+import { C, R as L } from "./chunks/RangeCalendar-DxLInTav.js";
+import { C as b, a as S, b as D, c as I, d as F, e as R, f as G, g as P, h as k } from "./chunks/CardHeader-C0ZHxQnT.js";
+import { C as M } from "./chunks/CharacterCounter-Dgnv-orm.js";
+import { C as A } from "./chunks/Checkbox-CwzV5QbM.js";
+import { C as y } from "./chunks/CheckboxGroup-D6TFvFxw.js";
+import { C as N } from "./chunks/ColorSchemeSwitch-Bp3PSGkA.js";
+import { C as O } from "./chunks/ComboBox-BRou3Ka8.js";
+import { D as Q } from "./chunks/DateField-CpvZGNHu.js";
+import { D as Z, a as j } from "./chunks/DateInput-NzWcnB4y.js";
+import { D as J } from "./chunks/DateInputDivider-BHAwPkIR.js";
+import { D as U, a as W } from "./chunks/DateRangePicker-BBLNlQ2y.js";
+import { F as Y } from "./chunks/FieldError-krpMBtie.js";
+import { F as $, a as aa } from "./chunks/FileListItem-CKF9HPjw.js";
+import { D as ra, F as ea } from "./chunks/FileUpload-D6oyWcDA.js";
+import { G as sa } from "./chunks/Grid-C7aRFvmS.js";
+import { G as xa } from "./chunks/GridItem-DenBLGXB.js";
+import { H as ia } from "./chunks/Heading-nfcRc2QF.js";
+import { I as na } from "./chunks/InfoBanner-CWLvkP6D.js";
+import { L as Ta } from "./chunks/Label-Cqo7Xz2v.js";
+import { H as ga, L as ca, N as ua, S as Ca, a as La } from "./chunks/Layout-C6Jjp3Pc.js";
+import { L as ba } from "./chunks/Link-CSIZehbN.js";
+import { L as Da } from "./chunks/LinkButton-Dzp8ZAPs.js";
+import { L as Fa, a as Ra } from "./chunks/Logo-DDykn5b2.js";
+import { M as Pa, a as ka } from "./chunks/Modal-yigospxi.js";
+import { P as Ma } from "./chunks/Popover-CjEPHe4A.js";
+import { P as Aa } from "./chunks/ProgressBar-BrWLkY8H.js";
+import { R as ya, a as Ea } from "./chunks/Radio-CFolRKKY.js";
+import { S as wa } from "./chunks/SearchField-DRaSep82.js";
+import { S as za } from "./chunks/Select-CdCLFzO8.js";
+import { S as Va } from "./chunks/Skeleton-tiP1Syzf.js";
+import { S as ja } from "./chunks/Spinner-CfKMn18u.js";
+import { C as Ja, a as Ka, R as Ua, T as Wa, b as Xa, c as Ya } from "./chunks/Table-DBdY7MIw.js";
+import { T as $a, a as ao, b as oo, c as ro } from "./chunks/TabList-CJSnr6O0.js";
+import { T as to, a as so, b as po } from "./chunks/TagGroup-BEPgjByH.js";
+import { T as mo } from "./chunks/Text-D0r_W4lH.js";
+import { I as fo, T as no, a as To, b as lo } from "./chunks/TextArea-CNP1Y3jR.js";
+import { T as co } from "./chunks/TimeField-B3IdCqTf.js";
+import { G as Co, T as Lo, a as Bo, b as bo, t as So } from "./chunks/Toast-BFq_0Ue4.js";
+import { T as Io, a as Fo } from "./chunks/ToggleButtonGroup-DRnEEi5-.js";
+import { T as Go, a as Po } from "./chunks/Tooltip-BYEaNkZG.js";
+import { L as vo } from "./chunks/ListBox-CRVACYCg.js";
+import { L as ho, a as Ao, b as Ho, c as yo, d as Eo } from "./chunks/ListBoxHeader-1lJxEEFx.js";
+import { L as wo, a as Oo } from "./chunks/ListBoxEmptyState-BZpImC1g.js";
+import { M as Qo, a as Vo, b as Zo, c as jo, S as qo } from "./chunks/Separator-CDRwpeHz.js";
+import { c as Ko } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Wo, MenuTrigger as Xo, RouterProvider as Yo } from "react-aria-components";
+import { u as $o } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as or } from "react-stately";
+const a = "17.14.0", o = {
+  version: a
+}, r = o.version;
 export {
   s as Accordion,
   p as AccordionItem,
@@ -63,102 +63,104 @@ export {
   n as Breadcrumb,
   d as Breadcrumbs,
   l as Button,
-  g as ButtonGroup,
-  L as Calendar,
+  c as ButtonGroup,
+  C as Calendar,
   b as Card,
   S as CardActionArea,
   D as CardActions,
-  I as CardContent,
-  F as CardImage,
-  R as CardLink,
-  G as CardTitle,
-  qo as Cell,
-  k as CharacterCounter,
-  M as Checkbox,
-  h as CheckboxGroup,
-  y as ColorSchemeSwitch,
-  Jo as Column,
-  N as ComboBox,
-  O as DateField,
-  Q as DateInput,
-  j as DateInputDivider,
-  J as DatePicker,
-  K as DateRangePicker,
-  V as DateSegment,
-  Ka as DialogTrigger,
-  oo as DropZone,
-  W as FieldError,
-  Y as FileList,
-  _ as FileListItem,
-  ao as FileTrigger,
-  ga as GlobalToastRegion,
-  eo as Grid,
-  so as GridItem,
-  lo as Header,
-  xo as Heading,
-  io as InfoBanner,
-  ia as Input,
-  no as Label,
-  co as Layout,
-  Bo as Link,
-  So as LinkButton,
-  Pa as ListBox,
-  va as ListBoxButton,
-  Ea as ListBoxEmptyState,
-  Ma as ListBoxHeader,
-  Aa as ListBoxItem,
-  ha as ListBoxLoadMoreItem,
-  Na as ListBoxPopover,
-  Ha as ListBoxSection,
-  Io as Logo,
-  Fo as LogoContext,
-  Oa as Menu,
-  za as MenuItem,
-  Qa as MenuPopover,
-  Va as MenuSection,
-  Ua as MenuTrigger,
-  Go as Modal,
-  Po as ModalOverlay,
-  go as Navbar,
-  vo as Popover,
-  Ao as ProgressBar,
-  Ho as Radio,
-  yo as RadioGroup,
-  C as RangeCalendar,
-  Wa as RouterProvider,
-  Ko as Row,
-  No as SearchField,
-  Oo as Select,
-  Za as Separator,
-  uo as Sidebar,
-  Lo as SidebarLink,
-  Qo as Skeleton,
-  Zo as Spinner,
-  _o as Tab,
-  $o as TabList,
-  oa as TabPanel,
-  Uo as Table,
-  Wo as TableBody,
-  Xo as TableHeader,
-  aa as Tabs,
-  ea as Tag,
-  ta as TagGroup,
-  sa as TagList,
-  xa as Text,
-  fa as TextArea,
-  na as TextField,
-  da as TextFieldBase,
-  la as TimeField,
-  ua as Toast,
-  La as ToastProvider,
-  Ca as ToastRegion,
-  Sa as ToggleButton,
-  Da as ToggleButtonGroup,
-  Fa as Tooltip,
-  Ra as TooltipTrigger,
+  I as CardBody,
+  F as CardContent,
+  R as CardHeader,
+  G as CardImage,
+  P as CardLink,
+  k as CardTitle,
+  Ja as Cell,
+  M as CharacterCounter,
+  A as Checkbox,
+  y as CheckboxGroup,
+  N as ColorSchemeSwitch,
+  Ka as Column,
+  O as ComboBox,
+  Q as DateField,
+  Z as DateInput,
+  J as DateInputDivider,
+  U as DatePicker,
+  W as DateRangePicker,
+  j as DateSegment,
+  Wo as DialogTrigger,
+  ra as DropZone,
+  Y as FieldError,
+  $ as FileList,
+  aa as FileListItem,
+  ea as FileTrigger,
+  Co as GlobalToastRegion,
+  sa as Grid,
+  xa as GridItem,
+  ga as Header,
+  ia as Heading,
+  na as InfoBanner,
+  fo as Input,
+  Ta as Label,
+  ca as Layout,
+  ba as Link,
+  Da as LinkButton,
+  vo as ListBox,
+  ho as ListBoxButton,
+  wo as ListBoxEmptyState,
+  Ao as ListBoxHeader,
+  Ho as ListBoxItem,
+  yo as ListBoxLoadMoreItem,
+  Oo as ListBoxPopover,
+  Eo as ListBoxSection,
+  Fa as Logo,
+  Ra as LogoContext,
+  Qo as Menu,
+  Vo as MenuItem,
+  Zo as MenuPopover,
+  jo as MenuSection,
+  Xo as MenuTrigger,
+  Pa as Modal,
+  ka as ModalOverlay,
+  ua as Navbar,
+  Ma as Popover,
+  Aa as ProgressBar,
+  ya as Radio,
+  Ea as RadioGroup,
+  L as RangeCalendar,
+  Yo as RouterProvider,
+  Ua as Row,
+  wa as SearchField,
+  za as Select,
+  qo as Separator,
+  Ca as Sidebar,
+  La as SidebarLink,
+  Va as Skeleton,
+  ja as Spinner,
+  $a as Tab,
+  ao as TabList,
+  oo as TabPanel,
+  Wa as Table,
+  Xa as TableBody,
+  Ya as TableHeader,
+  ro as Tabs,
+  to as Tag,
+  so as TagGroup,
+  po as TagList,
+  mo as Text,
+  no as TextArea,
+  To as TextField,
+  lo as TextFieldBase,
+  co as TimeField,
+  Lo as Toast,
+  Bo as ToastProvider,
+  bo as ToastRegion,
+  Io as ToggleButton,
+  Fo as ToggleButtonGroup,
+  Go as Tooltip,
+  Po as TooltipTrigger,
   r as VERSION,
-  qa as clsx,
-  Ba as toastQueue,
-  Ya as useLocalizedStringFormatter,
-  $a as useToastState
+  Ko as clsx,
+  So as toastQueue,
+  $o as useLocalizedStringFormatter,
+  or as useToastState
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.13.3",
+  "version": "17.14.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.14.1",
+    "@midas-ds/theme": "3.14.2",
     "@react-aria/focus": "^3.21.5",
     "@react-stately/toggle": "^3.9.5",
     "@react-stately/utils": "^3.11.0",

package/assets/Card.css

@@ -1 +0,0 @@
-._card_iue4c_1{font-family:var(--midas-typography-font-family);position:relative;background-color:var(--midas-layer-01-base);border-bottom:1px solid var(--midas-border-color-secondary)}@media(forced-colors:active){._card_iue4c_1{border:1px solid}}._card_iue4c_1._horizontal_iue4c_11{display:flex;flex-flow:row wrap}._card_iue4c_1:has(._cardLink_iue4c_16[data-hovered]){background-color:var(--midas-layer-01-hover)}@media(hover:hover){._card_iue4c_1:has(._cardLink_iue4c_16:hover){background-color:var(--midas-layer-01-hover)}}._cardContent_iue4c_27{padding:1rem;display:flex;flex-direction:column;gap:.5rem 1rem;flex-grow:1}._cardContent_iue4c_27._horizontal_iue4c_11{padding:.5rem 1rem;flex-direction:row;align-items:center;column-gap:1rem}._cardContent_iue4c_27+._cardContent_iue4c_27{padding-top:.5rem}._cardActions_iue4c_46{display:flex;flex-direction:row;gap:.5rem}._cardActions_iue4c_46._horizontal_iue4c_11{margin-left:auto}._cardActionArea_iue4c_56{border:0;padding:0;text-align:unset;background-color:unset;cursor:pointer;width:100%}._cardActionArea_iue4c_56[data-hovered]{background-color:var(--midas-button-icon-hover)}._cardActionArea_iue4c_56[data-pressed]{background-color:var(--midas-button-icon-active)}._cardActionArea_iue4c_56:focus{outline:none}._cardActionArea_iue4c_56[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._cardActionArea_iue4c_56[data-focused]{outline:2px solid highlight}}._cardActionArea_iue4c_56+._cardContent_iue4c_27{padding-top:.5rem}._cardImage_iue4c_89{max-width:100%;height:auto}._cardImage_iue4c_89._horizontal_iue4c_11{max-width:unset}._cardLink_iue4c_16{display:flex;justify-content:space-between;align-items:center;text-decoration:none}._cardLink_iue4c_16[data-focused],._cardLink_iue4c_16:focus{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._cardLink_iue4c_16[data-focused],._cardLink_iue4c_16:focus{outline:2px solid highlight}}._cardLink_iue4c_16:after{position:absolute;inset:0;z-index:var(--midas-z-index-base);content:""}._cardLink_iue4c_16 ._cardLinkIcon_iue4c_121{color:var(--midas-icon-primary)}

package/chunks/Card-DSUs7WRL.js

@@ -1,129 +0,0 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import { c as r } from "./clsx-AexbMWKp.js";
-import * as s from "react";
-import { H as m } from "./Heading-nfcRc2QF.js";
-import { Button as _, Link as u } from "react-aria-components";
-import { A as C } from "./arrow-right-BVcFGZmy.js";
-import '../assets/Card.css';const A = "_card_iue4c_1", h = "_horizontal_iue4c_11", I = "_cardLink_iue4c_16", z = "_cardContent_iue4c_27", k = "_cardActions_iue4c_46", x = "_cardActionArea_iue4c_56", L = "_cardImage_iue4c_89", p = "_cardLinkIcon_iue4c_121", o = {
-  card: A,
-  horizontal: h,
-  cardLink: I,
-  cardContent: z,
-  cardActions: k,
-  cardActionArea: x,
-  cardImage: L,
-  cardLinkIcon: p
-}, i = s.createContext({
-  horizontal: void 0,
-  titleId: void 0
-}), y = ({
-  horizontal: t,
-  className: c,
-  children: a,
-  ...e
-}) => {
-  const d = `card-title-${s.useId()}`;
-  return /* @__PURE__ */ n(i.Provider, { value: { horizontal: t, titleId: d }, children: /* @__PURE__ */ n(
-    "div",
-    {
-      ...e,
-      className: r(
-        o.card,
-        t && o.horizontal,
-        c
-      ),
-      children: a
-    }
-  ) });
-}, H = ({
-  children: t,
-  ...c
-}) => {
-  const { horizontal: a } = s.useContext(i);
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      ...c,
-      className: r(o.cardContent, a && o.horizontal),
-      children: t
-    }
-  );
-}, R = ({
-  elementType: t = "h2",
-  children: c
-}) => {
-  const { horizontal: a, titleId: e } = s.useContext(i);
-  return /* @__PURE__ */ n(
-    m,
-    {
-      level: 3,
-      elementType: t,
-      className: r(o.cardTitle, a && o.horizontal),
-      id: e,
-      children: c
-    }
-  );
-}, T = ({
-  children: t,
-  ...c
-}) => {
-  const { horizontal: a } = s.useContext(i);
-  return /* @__PURE__ */ n(
-    "div",
-    {
-      ...c,
-      className: r(o.cardActions, a && o.horizontal),
-      children: t
-    }
-  );
-}, w = ({ children: t, className: c, ...a }) => {
-  const { titleId: e } = s.useContext(i);
-  return /* @__PURE__ */ n(
-    _,
-    {
-      ...a,
-      "aria-labelledby": e,
-      className: r(o.cardActionArea, c),
-      children: t
-    }
-  );
-}, B = ({
-  as: t = "img",
-  className: c,
-  ...a
-}) => /* @__PURE__ */ n(
-  t,
-  {
-    ...a,
-    className: r(o.cardImage, c)
-  }
-), P = ({
-  children: t,
-  as: c,
-  ...a
-}) => /* @__PURE__ */ l(
-  c || u,
-  {
-    ...a,
-    className: r(o.cardLink, a.className),
-    children: [
-      t,
-      /* @__PURE__ */ n(
-        C,
-        {
-          className: o.cardLinkIcon,
-          size: 24
-        }
-      )
-    ]
-  }
-);
-export {
-  y as C,
-  w as a,
-  T as b,
-  H as c,
-  B as d,
-  P as e,
-  R as f
-};