@midas-ds/components 17.6.6 → 17.7.1

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## 17.7.1 (2026-03-10)
+
+### 🩹 Fixes
+
+- **components, select:** merge provided popover styles ([a381092486](https://github.com/migrationsverket/midas/commit/a381092486))
+- **components, tag:** adjust size of inline svgs ([d668bfdf77](https://github.com/migrationsverket/midas/commit/d668bfdf77))
+
+## 17.7.0 (2026-03-10)
+
+### 🚀 Features
+
+- **components,tag:** add styles for inline icons ([0d6925f102](https://github.com/migrationsverket/midas/commit/0d6925f102))
+
+### 🩹 Fixes
+
+- **components,tag:** adjust vertical padding ([012e29f69c](https://github.com/migrationsverket/midas/commit/012e29f69c))
+
+### 🏭 Refactoring
+
+- **components,tag:** sort css attributes ([0be146e552](https://github.com/migrationsverket/midas/commit/0be146e552))
+
 ## 17.6.6 (2026-03-09)
 
 ### 🧱 Updated Dependencies

package/assets/TagGroup.css

@@ -1 +1 @@
-._button_f7q96_1{color:var(--midas-icon-primary);min-height:unset!important;padding:var(--midas-space-xsmall)!important;border-radius:1.5rem;border:unset}._button_f7q96_1[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_f7q96_1[data-pressed]{background-color:var(--midas-button-icon-active)}._button_f7q96_1._green_f7q96_16[data-hovered],._button_f7q96_1._red_f7q96_17[data-hovered],._button_f7q96_1._blue_f7q96_18[data-hovered],._button_f7q96_1._yellow_f7q96_19[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_f7q96_1._green_f7q96_16[data-pressed],._button_f7q96_1._red_f7q96_17[data-pressed],._button_f7q96_1._blue_f7q96_18[data-pressed],._button_f7q96_1._yellow_f7q96_19[data-pressed]{background-color:var(--midas-button-icon-active)}._tag_f7q96_31{display:inline-flex;align-items:center;border-radius:1.25rem;background-color:var(--midas-field-01-base);font-size:.875rem;font-family:var(--midas-typography-font-family);border:1px solid var(--midas-border-color-primary);color:var(--midas-text-primary)}._tag_f7q96_31._green_f7q96_16{background-color:var(--midas-tag-green-background);border:1px solid var(--midas-tag-green-border-color)}._tag_f7q96_31._blue_f7q96_18{background-color:var(--midas-tag-blue-background);border:1px solid var(--midas-tag-blue-border-color)}._tag_f7q96_31._yellow_f7q96_19{background-color:var(--midas-tag-yellow-background);border:1px solid var(--midas-tag-yellow-border-color)}._tag_f7q96_31._red_f7q96_17{background-color:var(--midas-tag-red-background);border:1px solid var(--midas-tag-red-border-color)}._tag_f7q96_31[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed;border-color:var(--midas-border-color-disabled);background-color:var(--midas-field-01-base)}._tag_f7q96_31[data-focused],._tag_f7q96_31[data-focus-visible]{outline:none}._tag_f7q96_31[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_f7q96_31[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_f7q96_83{line-height:1.15;padding:7px var(--midas-space-small)}._dismissable_f7q96_88 ._tagText_f7q96_83{padding:7px var(--midas-space-10) 7px var(--midas-space-small)}._tagList_17pz2_1{display:flex;flex-wrap:wrap;gap:var(--midas-space-xsmall)}
+._button_13asj_1{color:var(--midas-icon-primary);padding:var(--midas-space-xsmall)!important;border-radius:1.5rem}._button_13asj_1[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_13asj_1[data-pressed]{background-color:var(--midas-button-icon-active)}._button_13asj_1._green_13asj_14[data-hovered],._button_13asj_1._red_13asj_15[data-hovered],._button_13asj_1._blue_13asj_16[data-hovered],._button_13asj_1._yellow_13asj_17[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_13asj_1._green_13asj_14[data-pressed],._button_13asj_1._red_13asj_15[data-pressed],._button_13asj_1._blue_13asj_16[data-pressed],._button_13asj_1._yellow_13asj_17[data-pressed]{background-color:var(--midas-button-icon-active)}._tag_13asj_29{align-items:center;background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-primary);border-radius:1.25rem;border-style:solid;border-width:1px;color:var(--midas-text-primary);display:inline-flex;font-family:var(--midas-typography-font-family);font-size:.875rem}._tag_13asj_29._green_13asj_14{background-color:var(--midas-tag-green-background);border-color:var(--midas-tag-green-border-color)}._tag_13asj_29._blue_13asj_16{background-color:var(--midas-tag-blue-background);border-color:var(--midas-tag-blue-border-color)}._tag_13asj_29._yellow_13asj_17{background-color:var(--midas-tag-yellow-background);border-color:var(--midas-tag-yellow-border-color)}._tag_13asj_29._red_13asj_15{background-color:var(--midas-tag-red-background);border-color:var(--midas-tag-red-border-color)}._tag_13asj_29[data-disabled]{background-color:var(--midas-field-01-base);border-color:var(--midas-border-color-disabled);color:var(--midas-text-disabled);cursor:not-allowed}._tag_13asj_29[data-focused],._tag_13asj_29[data-focus-visible]{outline:none}._tag_13asj_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_13asj_29[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_13asj_83{align-items:center;display:flex;gap:var(--midas-space-xsmall);line-height:var(--midas-typography-line-height-20);padding:7px var(--midas-space-small)}._tagText_13asj_83 svg{width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm)}._dismissable_13asj_96 ._tagText_13asj_83{padding:var(--midas-space-30) var(--midas-space-10) var(--midas-space-30) var(--midas-space-small)}._tagList_17pz2_1{display:flex;flex-wrap:wrap;gap:var(--midas-space-xsmall)}

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-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-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-green-background: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-tag-green-border-color: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-tag-blue-background: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-tag-blue-border-color: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-tag-yellow-background: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-tag-yellow-border-color: var(--midas-color-orange-100);--midas-tag-red-background: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-tag-red-border-color: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-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{--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-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-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-green-background: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-tag-green-border-color: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-tag-blue-background: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-tag-blue-border-color: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-tag-yellow-background: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-tag-yellow-border-color: var(--midas-color-orange-100);--midas-tag-red-background: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-tag-red-border-color: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-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/checkbox/index.js

@@ -1,5 +1,5 @@
 import { C as e } from "../chunks/Checkbox-sAkQe7Q9.js";
-import { C } from "../chunks/CheckboxGroup-DGVV0X_Z.js";
+import { C } from "../chunks/CheckboxGroup-C5JLzeJv.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/chunks/{CheckboxGroup-DGVV0X_Z.js → CheckboxGroup-C5JLzeJv.js}

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-s4J9sYdy.js";
+import { a as k, L as S } from "./Label-Bhnpbs10.js";
 import { T as y } from "./Text-D0r_W4lH.js";
 import * as r from "react";
 import { C as d, s as u, a as g } from "./Checkbox-sAkQe7Q9.js";

package/chunks/{ColorSchemeSwitch-DkY8VTVR.js → ColorSchemeSwitch-D52V0sr3.js}

@@ -1,11 +1,11 @@
 'use client';
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import * as i from "react";
-import { VisuallyHidden as a } from "react-aria";
-import { a as y, T as r } from "./ToggleButtonGroup-Bv9xpwTT.js";
-import { c as d } from "./createLucideIcon-CP-mMPfa.js";
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { VisuallyHidden as c } from "react-aria";
+import { a as g, T as r } from "./ToggleButtonGroup-Bv9xpwTT.js";
+import { c as l } from "./createLucideIcon-CP-mMPfa.js";
 import { u } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ColorSchemeSwitch.css';const g = [
+import '../assets/ColorSchemeSwitch.css';const k = [
   [
     "path",
     {
@@ -14,7 +14,7 @@ import '../assets/ColorSchemeSwitch.css';const g = [
     }
   ],
   ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
-], k = d("laptop", g);
+], f = l("laptop", k);
 const M = [
   [
     "path",
@@ -23,8 +23,8 @@ const M = [
       key: "kfwtm"
     }
   ]
-], f = d("moon", M);
-const S = [
+], S = l("moon", M);
+const _ = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
@@ -34,64 +34,65 @@ const S = [
   ["path", { d: "M20 12h2", key: "1q8mjw" }],
   ["path", { d: "m6.34 17.66-1.41 1.41", key: "1m8zz5" }],
   ["path", { d: "m19.07 4.93-1.41 1.41", key: "1shlcs" }]
-], _ = d("sun", S), b = "_button_1dy1i_1", c = {
-  button: b
-}, N = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, j = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, v = {
+], b = l("sun", _), v = "_button_1dy1i_1", d = {
+  button: v
+}, N = { darkMode: "Dark Mode", lightMode: "Light Mode", system: "System Setting" }, j = { darkMode: "Mörkt läge", lightMode: "Ljust läge", system: "Systeminställning" }, w = {
   en: N,
   sv: j
-}, E = ({
-  selector: o = "body",
-  defaultValue: m = /* @__PURE__ */ new Set(["light dark"]),
-  className: h
+}, H = ({
+  selector: s = ":root",
+  defaultValue: h = /* @__PURE__ */ new Set(["light dark"]),
+  className: p
 }) => {
-  const [s, p] = i.useState(m);
-  i.useEffect(() => {
-    const l = document.querySelector(o);
-    l ? l.style.setProperty(
-      "color-scheme",
-      Array.from(s).join(" ")
-    ) : console.warn(`No element found for selector: "${o}"`);
-  }, [s, o]);
-  const n = u(v);
-  return /* @__PURE__ */ e(
-    y,
+  const [n, y] = m.useState(h);
+  m.useEffect(() => {
+    const t = document.querySelector(s);
+    if (t) {
+      const i = Array.from(n).join(" ");
+      t.style.removeProperty("color-scheme"), i === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = i;
+    } else
+      console.warn(`No element found for selector: "${s}"`);
+  }, [n, s]);
+  const a = u(w);
+  return /* @__PURE__ */ o(
+    g,
     {
       selectionMode: "single",
-      selectedKeys: s,
-      onSelectionChange: p,
+      selectedKeys: n,
+      onSelectionChange: y,
       disallowEmptySelection: !0,
-      className: h,
+      className: p,
       children: [
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           r,
           {
             id: "light dark",
-            className: c.button,
+            className: d.button,
             children: [
-              /* @__PURE__ */ t(k, {}),
-              /* @__PURE__ */ t(a, { children: n.format("system") })
+              /* @__PURE__ */ e(f, {}),
+              /* @__PURE__ */ e(c, { children: a.format("system") })
             ]
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           r,
           {
             id: "light",
-            className: c.button,
+            className: d.button,
             children: [
-              /* @__PURE__ */ t(_, {}),
-              /* @__PURE__ */ t(a, { children: n.format("lightMode") })
+              /* @__PURE__ */ e(b, {}),
+              /* @__PURE__ */ e(c, { children: a.format("lightMode") })
             ]
           }
         ),
-        /* @__PURE__ */ e(
+        /* @__PURE__ */ o(
           r,
           {
             id: "dark",
-            className: c.button,
+            className: d.button,
             children: [
-              /* @__PURE__ */ t(f, {}),
-              /* @__PURE__ */ t(a, { children: n.format("darkMode") })
+              /* @__PURE__ */ e(S, {}),
+              /* @__PURE__ */ e(c, { children: a.format("darkMode") })
             ]
           }
         )
@@ -100,5 +101,5 @@ const S = [
   );
 };
 export {
-  E as C
+  H as C
 };

package/chunks/{ComboBox-Dx4GD2oe.js → ComboBox-I4tZIYpb.js}

@@ -3,7 +3,7 @@ import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import L from "react";
 import { ComboBox as F, Input as w, Button as R } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as y, L as B } from "./Label-s4J9sYdy.js";
+import { a as y, L as B } from "./Label-Bhnpbs10.js";
 import { T as C } from "./Text-D0r_W4lH.js";
 import { F as u } from "./FieldError-krpMBtie.js";
 import { L as N } from "./ListBox-CDlOUvzJ.js";

package/chunks/{DateField-h3l0qG7u.js → DateField-cAJ_r2cj.js}

@@ -4,7 +4,7 @@ import { DateField as h, DateFieldStateContext as D } from "react-aria-component
 import { c as d } from "./clsx-AexbMWKp.js";
 import { D as g, b as B } from "./DateInputDivider-DwopMIb9.js";
 import { F } from "./FieldError-krpMBtie.js";
-import { a as C, L as b } from "./Label-s4J9sYdy.js";
+import { a as C, L as b } from "./Label-Bhnpbs10.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { C as S } from "./ClearButton-DBr9Zfwq.js";
 import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";

package/chunks/{DateRangePicker-X6gmcMdv.js → DateRangePicker-BGoKQCZf.js}

@@ -5,7 +5,7 @@ import { a as k } from "./clsx-AexbMWKp.js";
 import { C as I, R as O } from "./RangeCalendar-LheFd9WF.js";
 import { D as P, b as _, a as V } from "./DateInputDivider-DwopMIb9.js";
 import { F as g } from "./FieldError-krpMBtie.js";
-import { a as y, L as v } from "./Label-s4J9sYdy.js";
+import { a as y, L as v } from "./Label-Bhnpbs10.js";
 import { T as D } from "./Text-D0r_W4lH.js";
 import * as f from "react";
 import { C as j } from "./ClearButton-DBr9Zfwq.js";

package/chunks/Label-Bhnpbs10.js

@@ -0,0 +1,74 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import * as b from "react";
+import s from "react";
+import { c as v } from "./clsx-AexbMWKp.js";
+import { DialogTrigger as g, Label as d } from "react-aria-components";
+import { P as u } from "./Popover-CaP4LFhg.js";
+import { B as P } from "./Button-BhIvfqOc.js";
+import { I as _ } from "./info-N5jWZg2A.js";
+import { u as I } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/Label.css';const x = "_labelBase_f5wtf_1", L = {
+  labelBase: x
+}, T = "_labelPopover_1iatl_1", B = "_labelPopoverTrigger_1iatl_7", f = {
+  labelPopover: T,
+  labelPopoverTrigger: B
+}, C = { moreInfo: "More info" }, h = { moreInfo: "Mer information" }, y = {
+  en: C,
+  sv: h
+}, E = ({
+  children: e,
+  "aria-label": o
+}) => {
+  const [a, t] = s.useState(!1), l = s.useContext(i), n = I(y), c = s.useRef(null);
+  return /* @__PURE__ */ m(
+    g,
+    {
+      isOpen: a,
+      onOpenChange: t,
+      children: [
+        /* @__PURE__ */ r(
+          P,
+          {
+            ref: c,
+            variant: "icon",
+            size: "medium",
+            className: f.labelPopoverTrigger,
+            "aria-label": o || n.format("moreInfo"),
+            id: l?.popoverId,
+            children: /* @__PURE__ */ r(_, { size: 20 })
+          }
+        ),
+        /* @__PURE__ */ r(u, { triggerRef: c, children: e })
+      ]
+    }
+  );
+}, i = s.createContext(void 0), S = ({ children: e, popover: o }) => {
+  const a = s.useId();
+  return o ? /* @__PURE__ */ r(i.Provider, { value: { popoverId: a }, children: /* @__PURE__ */ m("div", { className: f.labelPopover, children: [
+    e,
+    /* @__PURE__ */ r(E, { ...o })
+  ] }) }) : e;
+}, p = "label", W = ({
+  children: e,
+  className: o,
+  elementType: a = p,
+  ...t
+}) => {
+  const l = {
+    className: v(L.labelBase, o),
+    elementType: a || p,
+    ...t
+  }, n = b.useContext(i);
+  return /* @__PURE__ */ r(
+    d,
+    {
+      ...l,
+      "aria-describedby": n?.popoverId,
+      children: e
+    }
+  );
+};
+export {
+  W as L,
+  S as a
+};

package/chunks/{Layout-CmKsh0kv.js → Layout-SqGyudO8.js}

@@ -11,7 +11,7 @@ import { a as I, B as M } from "./BadgeContainer-CKVsfTlF.js";
 import { c as S } from "./createLucideIcon-CP-mMPfa.js";
 import { u as k } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { variables as A } from "@midas-ds/theme";
-import { L as g } from "./Logo-CCxPAmgw.js";
+import { L as g } from "./Logo-DDykn5b2.js";
 import { X as R } from "./x-B9bYxG31.js";
 import '../assets/Layout.css';const $ = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],

package/chunks/{Logo-CCxPAmgw.js → Logo-DDykn5b2.js}

@@ -1,60 +1,66 @@
 import { jsx as c, jsxs as d } from "react/jsx-runtime";
 import { c as t } from "./clsx-AexbMWKp.js";
-import { u as n } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/Logo.css';const r = "_container_191fy_1", v = "_noPadding_191fy_6", i = "_logo_191fy_10", m = "_primary_191fy_15", p = "_dark_191fy_23", g = "_xSmall_191fy_31", f = "_small_191fy_35", M = "_large_191fy_39", l = {
-  container: r,
-  noPadding: v,
-  logo: i,
-  primary: m,
-  dark: p,
-  xSmall: g,
-  small: f,
-  large: M
-}, Z = { logotype: "Logotype of the Swedish Migration Agency" }, _ = { logotype: "Migrationsverkets logotyp" }, y = {
-  en: Z,
-  sv: _
-}, S = ({
+import { createContext as r, useContext as v } from "react";
+import { u as i } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/Logo.css';const m = "_container_191fy_1", p = "_noPadding_191fy_6", g = "_logo_191fy_10", f = "_primary_191fy_15", M = "_dark_191fy_23", Z = "_xSmall_191fy_31", _ = "_small_191fy_35", u = "_large_191fy_39", l = {
+  container: m,
+  noPadding: p,
+  logo: g,
+  primary: f,
+  dark: M,
+  xSmall: Z,
+  small: _,
+  large: u
+}, y = { logotype: "Logotype of the Swedish Migration Agency" }, x = { logotype: "Migrationsverkets logotyp" }, w = {
+  en: y,
+  sv: x
+}, R = r({
+  size: void 0
+}), N = ({
   primary: a = !0,
-  size: o = "medium",
-  padding: h = !0,
-  className: e,
+  size: h,
+  padding: e = !0,
+  className: o,
   ...s
-}) => /* @__PURE__ */ c(
-  "div",
-  {
-    className: t(
-      l.container,
-      h === !1 && l.noPadding,
-      e
-    ),
-    ...s,
-    children: /* @__PURE__ */ c(
-      u,
-      {
-        size: o,
-        primary: a
-      }
-    )
-  }
-), u = ({ size: a, primary: o }) => {
-  const h = t(
+}) => {
+  const n = v(R);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: t(
+        l.container,
+        e === !1 && l.noPadding,
+        o
+      ),
+      ...s,
+      children: /* @__PURE__ */ c(
+        S,
+        {
+          size: h ?? n.size ?? "medium",
+          primary: a
+        }
+      )
+    }
+  );
+}, S = ({ size: a, primary: h }) => {
+  const e = t(
     l.logo,
-    o ? l.primary : l.dark,
+    h ? l.primary : l.dark,
     a === "x-small" && l.xSmall,
     a === "medium" && l.medium,
     a === "large" && l.large,
     a === "small" && l.small
-  ), e = n(y);
+  ), o = i(w);
   return a === "x-small" ? /* @__PURE__ */ c(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 100 92",
-      className: h,
+      className: e,
       role: "img",
       "aria-hidden": "false",
       focusable: "false",
-      "aria-label": e.format("logotype"),
+      "aria-label": o.format("logotype"),
       children: /* @__PURE__ */ c("path", { d: "M99.99,91.69c-1.84-1.11-4.05-4.55-4.05-9.46V9.15c0-4.79,1.96-7.25,3.81-8.85h-14.75l-33.91,65.47L12.41.3H0c1.6,1.59,3.93,3.07,3.93,8.23v75.55c0,3.56-2.21,6.51-3.81,7.61h16.34c-1.72-1.22-3.93-4.18-3.93-7.98V25.97l36.24,61.42,33.04-63.26v58.96c0,5.53-2.21,7.61-3.81,8.6h21.99Z" })
     }
   ) : /* @__PURE__ */ d(
@@ -63,10 +69,10 @@ import '../assets/Logo.css';const r = "_container_191fy_1", v = "_noPadding_191f
       role: "img",
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 112 40",
-      className: h,
+      className: e,
       "aria-hidden": "false",
       focusable: "false",
-      "aria-label": e.format("logotype"),
+      "aria-label": o.format("logotype"),
       children: [
         /* @__PURE__ */ c("path", { d: "M97.78,21.61c-7.48-9.73-20.06-16.03-34.32-16.03-13.07,0-24.86,5.27-32.46,13.65,6.56-5.83,15.64-9.44,25.66-9.44,11.37,0,21.52,4.56,28.18,11.83h12.94Z" }),
         /* @__PURE__ */ c("path", { d: "M90.45,12.58C70.67-1.51,41.26,2.77,27.49,21.61h-12.23C30.56-2.89,68.29-7.47,90.45,12.58h0Z" }),
@@ -139,5 +145,6 @@ import '../assets/Logo.css';const r = "_container_191fy_1", v = "_noPadding_191f
   );
 };
 export {
-  S as L
+  N as L,
+  R as a
 };

package/chunks/{ProgressBar-acc8946-.js → ProgressBar-BGBPAJCv.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as d, Fragment as _ } from "react/jsx-runtime";
 import { ProgressBar as f } from "react-aria-components";
-import { L as t } from "./Label-s4J9sYdy.js";
+import { L as t } from "./Label-Bhnpbs10.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const N = "_progressBar_1a2ad_1", g = "_label_1a2ad_9", p = "_value_1a2ad_14", v = "_bar_1a2ad_19", h = "_fill_1a2ad_29", e = {
   progressBar: N,

package/chunks/{Radio-DjivEe-_.js → Radio-DebU3D38.js}

@@ -2,7 +2,7 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { a as G, L as R } from "./Label-s4J9sYdy.js";
+import { a as G, L as R } from "./Label-Bhnpbs10.js";
 import { T as h } from "./Text-D0r_W4lH.js";
 import { F as t } from "./FieldError-krpMBtie.js";
 import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {