@midas-ds/components 17.6.6 → 17.7.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 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_n1r4c_1{color:var(--midas-icon-primary);padding:var(--midas-space-xsmall)!important;border-radius:1.5rem}._button_n1r4c_1[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_n1r4c_1[data-pressed]{background-color:var(--midas-button-icon-active)}._button_n1r4c_1._green_n1r4c_14[data-hovered],._button_n1r4c_1._red_n1r4c_15[data-hovered],._button_n1r4c_1._blue_n1r4c_16[data-hovered],._button_n1r4c_1._yellow_n1r4c_17[data-hovered]{background-color:var(--midas-button-icon-hover)}._button_n1r4c_1._green_n1r4c_14[data-pressed],._button_n1r4c_1._red_n1r4c_15[data-pressed],._button_n1r4c_1._blue_n1r4c_16[data-pressed],._button_n1r4c_1._yellow_n1r4c_17[data-pressed]{background-color:var(--midas-button-icon-active)}._tag_n1r4c_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_n1r4c_29._green_n1r4c_14{background-color:var(--midas-tag-green-background);border-color:var(--midas-tag-green-border-color)}._tag_n1r4c_29._blue_n1r4c_16{background-color:var(--midas-tag-blue-background);border-color:var(--midas-tag-blue-border-color)}._tag_n1r4c_29._yellow_n1r4c_17{background-color:var(--midas-tag-yellow-background);border-color:var(--midas-tag-yellow-border-color)}._tag_n1r4c_29._red_n1r4c_15{background-color:var(--midas-tag-red-background);border-color:var(--midas-tag-red-border-color)}._tag_n1r4c_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_n1r4c_29[data-focused],._tag_n1r4c_29[data-focus-visible]{outline:none}._tag_n1r4c_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._tag_n1r4c_29[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._tagText_n1r4c_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)}._dismissable_n1r4c_91 ._tagText_n1r4c_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 = {

package/chunks/{Select-DZepyl5C.js → Select-ClD5keNw.js}

@@ -1,7 +1,7 @@
 import { jsx as e, Fragment as A, jsxs as i } from "react/jsx-runtime";
 import { SelectStateContext as d, SelectValue as g, Button as _, TagList as C, Select as N } from "react-aria-components";
 import { FocusScope as x } from "@react-aria/focus";
-import { a as b, L as T } from "./Label-s4J9sYdy.js";
+import { a as b, L as T } from "./Label-Bhnpbs10.js";
 import { a as y, c as B } from "./clsx-AexbMWKp.js";
 import { T as M } from "./Text-D0r_W4lH.js";
 import { F as h } from "./FieldError-krpMBtie.js";
@@ -12,7 +12,7 @@ import { useFocusManager as L } from "react-aria";
 import { X as I } from "./x-B9bYxG31.js";
 import { L as G } from "./ListBox-CDlOUvzJ.js";
 import { P as j } from "./Popover-CaP4LFhg.js";
-import { a as k, T as R } from "./TagGroup-BscTXQ_E.js";
+import { a as k, T as R } from "./TagGroup-Bfh6x6iQ.js";
 import { C as $ } from "./chevron-down-BBFYYzZq.js";
 import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, P = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
   en: w,

package/chunks/TagGroup-Bfh6x6iQ.js

@@ -0,0 +1,97 @@
+import { jsx as r, jsxs as u, Fragment as T } from "react/jsx-runtime";
+import { Tag as f, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
+import { B as v } from "./Button-BhIvfqOc.js";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { X as y } from "./x-B9bYxG31.js";
+import { forwardRef as _, Children as N, isValidElement as w } from "react";
+import '../assets/TagGroup.css';const G = "_button_n1r4c_1", C = "_green_n1r4c_14", R = "_red_n1r4c_15", V = "_blue_n1r4c_16", $ = "_yellow_n1r4c_17", z = "_tag_n1r4c_29", E = "_tagText_n1r4c_83", j = "_dismissable_n1r4c_91", n = {
+  button: G,
+  green: C,
+  red: R,
+  blue: V,
+  yellow: $,
+  tag: z,
+  tagText: E,
+  dismissable: j
+}, q = ({
+  className: i,
+  color: e,
+  dismissable: o = !1,
+  isDismissable: t,
+  type: s,
+  ...a
+}) => {
+  const c = t || typeof t > "u" && o;
+  return /* @__PURE__ */ r(
+    f,
+    {
+      className: l(
+        n.tag,
+        c && n.dismissable,
+        {
+          [n.green]: e ? e === "green" : s === "success",
+          [n.blue]: e ? e === "blue" : s === "info",
+          [n.yellow]: e ? e === "yellow" : s === "important",
+          [n.red]: e ? e === "red" : s === "warning"
+        },
+        i
+      ),
+      ...a,
+      textValue: a.textValue || (typeof a.children == "string" ? a.children : void 0),
+      children: p(a.children, (g) => /* @__PURE__ */ u(T, { children: [
+        /* @__PURE__ */ r("div", { className: n.tagText, children: g }),
+        c && /* @__PURE__ */ r(
+          v,
+          {
+            variant: "icon",
+            size: "medium",
+            className: n.button,
+            slot: "remove",
+            children: /* @__PURE__ */ r(y, { size: 20 })
+          }
+        )
+      ] }))
+    }
+  );
+}, B = "_tagList_17pz2_1", P = {
+  tagList: B
+}, k = (i, e) => {
+  const [{ className: o, ...t }, s] = d(
+    i,
+    e,
+    b
+  );
+  return /* @__PURE__ */ r(
+    x,
+    {
+      className: l(o, P.tagList),
+      ref: s,
+      ...t
+    }
+  );
+}, m = _(k), A = _(
+  (i, e) => {
+    const [{ className: o, children: t, ...s }, a] = d(
+      i,
+      e,
+      h
+    ), c = N.toArray(t).filter(w).find((g) => g.type === m);
+    return !c && process.env.NODE_ENV === "development" && console.warn(
+      "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
+    ), /* @__PURE__ */ r(
+      L,
+      {
+        className: l(o),
+        ref: a,
+        ...s,
+        children: c ? t : /* @__PURE__ */ r(m, { children: t })
+      }
+    );
+  }
+);
+A.displayName = "TagGroup";
+export {
+  q as T,
+  A as a,
+  m as b
+};

package/chunks/{TextArea-CBRE_gsN.js → TextArea-BL0NbUHd.js}

@@ -9,7 +9,7 @@ import { u as B } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { T as L } from "./Text-D0r_W4lH.js";
 import { F as f } from "./FieldError-krpMBtie.js";
 import { C as S } from "./CharacterCounter-Dgnv-orm.js";
-import { a as v, L as E } from "./Label-s4J9sYdy.js";
+import { a as v, L as E } from "./Label-Bhnpbs10.js";
 const x = c(
   (e, o) => {
     [e] = u(e, o, y);

package/color-scheme-switch/ColorSchemeSwitch.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 export interface ColorSchemeSwitchProps {
     /** Choose what element that should be affected by the scheme switch.
-     * @default body
+     * @default :root
      */
     selector?: string;
     /** Set the default value for the color scheme. Default is "light dark" meaning follow system settings

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-DkY8VTVR.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-D52V0sr3.js";
 export {
   r as ColorSchemeSwitch
 };

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ComboBox-Dx4GD2oe.js";
+import { C as r } from "../chunks/ComboBox-I4tZIYpb.js";
 export {
   r as ComboBox
 };

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-h3l0qG7u.js";
+import { D as t } from "../chunks/DateField-cAJ_r2cj.js";
 import { D as r, a as o, b as p } from "../chunks/DateInputDivider-DwopMIb9.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-X6gmcMdv.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-BGoKQCZf.js";
 export {
   r as DatePicker,
   t as DateRangePicker

package/index.js

@@ -1,55 +1,55 @@
 'use client';
 import { A as s, a as p } from "./chunks/AccordionItem-BuUIdVd_.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 f, a as d } from "./chunks/Breadcrumb-Bs836gOn.js";
 import { B as c } from "./chunks/Button-BhIvfqOc.js";
-import { B as u } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as B, R as C } from "./chunks/RangeCalendar-LheFd9WF.js";
+import { B as l } from "./chunks/ButtonGroup-Dr6HOBo2.js";
+import { C, R as L } from "./chunks/RangeCalendar-LheFd9WF.js";
 import { C as b, a as S, b as D, c as I, d as R, e as G, f as P } from "./chunks/Card-CVwiT9zm.js";
 import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
 import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
-import { C as h } from "./chunks/CheckboxGroup-DGVV0X_Z.js";
-import { C as y } from "./chunks/ColorSchemeSwitch-DkY8VTVR.js";
-import { C as N } from "./chunks/ComboBox-Dx4GD2oe.js";
-import { D as z } from "./chunks/DateField-h3l0qG7u.js";
+import { C as h } from "./chunks/CheckboxGroup-C5JLzeJv.js";
+import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
+import { C as N } from "./chunks/ComboBox-I4tZIYpb.js";
+import { D as z } from "./chunks/DateField-cAJ_r2cj.js";
 import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
-import { D as q, a as J } from "./chunks/DateRangePicker-X6gmcMdv.js";
+import { D as q, a as J } from "./chunks/DateRangePicker-BGoKQCZf.js";
 import { F as U } from "./chunks/FieldError-krpMBtie.js";
 import { D as X, F as Y } from "./chunks/FileUpload-Cu8DCSjX.js";
 import { G as $ } from "./chunks/Grid-CettmpaZ.js";
 import { G as ao } from "./chunks/GridItem-z7zclNdT.js";
 import { H as eo } from "./chunks/Heading-nfcRc2QF.js";
 import { I as so } from "./chunks/InfoBanner-D_pwTOHH.js";
-import { L as xo } from "./chunks/Label-s4J9sYdy.js";
-import { H as io, L as fo, N as no, S as To, a as co } from "./chunks/Layout-CmKsh0kv.js";
-import { L as uo } from "./chunks/Link-rqGQvFQq.js";
-import { L as Bo } from "./chunks/LinkButton-DJ-D5PkB.js";
-import { L as Lo } from "./chunks/Logo-CCxPAmgw.js";
-import { M as So } from "./chunks/Dialog-DVff9MDd.js";
-import { P as Io } from "./chunks/Popover-CaP4LFhg.js";
-import { P as Go } from "./chunks/ProgressBar-acc8946-.js";
-import { R as ko, a as vo } from "./chunks/Radio-DjivEe-_.js";
-import { S as Mo } from "./chunks/SearchField-1DYv0w4b.js";
-import { S as ho } from "./chunks/Select-DZepyl5C.js";
-import { S as yo } from "./chunks/Skeleton-D6mxKxuu.js";
-import { S as No } from "./chunks/Spinner-CfKMn18u.js";
-import { C as zo, a as Oo, R as Qo, T as Vo, b as Zo, c as jo } from "./chunks/Table-Bg-AKi7d.js";
-import { T as Jo, a as Ko, b as Uo, c as Wo } from "./chunks/TabList-CJSnr6O0.js";
-import { T as Yo, a as _o, b as $o } from "./chunks/TagGroup-BscTXQ_E.js";
-import { T as aa } from "./chunks/Text-D0r_W4lH.js";
-import { I as ea, T as ta, a as sa, b as pa } from "./chunks/TextArea-CBRE_gsN.js";
-import { G as ma, T as ia, a as fa, b as na, t as da } from "./chunks/Toast-Cxm230CK.js";
-import { T as ca, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
-import { T as ga, a as Ba } from "./chunks/Tooltip-C1bbgr2l.js";
-import { L as La } from "./chunks/ListBox-CDlOUvzJ.js";
-import { L as Sa, a as Da, b as Ia, c as Ra, d as Ga } from "./chunks/ListBoxHeader-DSYdXl2I.js";
-import { L as ka, a as va } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
-import { M as Ma, a as Aa, b as ha, c as Ha, S as ya } from "./chunks/Separator-CkVOLF6I.js";
-import { c as Na } from "./chunks/clsx-AexbMWKp.js";
-import { DialogTrigger as za, MenuTrigger as Oa, RouterProvider as Qa } from "react-aria-components";
-import { u as Za } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
-import { useToastState as qa } from "react-stately";
-const o = "17.6.6", a = {
+import { L as xo } from "./chunks/Label-Bhnpbs10.js";
+import { H as io, L as no, N as fo, S as To, a as co } from "./chunks/Layout-SqGyudO8.js";
+import { L as lo } from "./chunks/Link-rqGQvFQq.js";
+import { L as Co } from "./chunks/LinkButton-DJ-D5PkB.js";
+import { L as Bo, a as bo } from "./chunks/Logo-DDykn5b2.js";
+import { M as Do } from "./chunks/Dialog-DVff9MDd.js";
+import { P as Ro } from "./chunks/Popover-CaP4LFhg.js";
+import { P as Po } from "./chunks/ProgressBar-BGBPAJCv.js";
+import { R as vo, a as Fo } from "./chunks/Radio-DebU3D38.js";
+import { S as Ao } from "./chunks/SearchField-1DYv0w4b.js";
+import { S as Ho } from "./chunks/Select-ClD5keNw.js";
+import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
+import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
+import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-Bg-AKi7d.js";
+import { T as Ko, a as Uo, b as Wo, c as Xo } from "./chunks/TabList-CJSnr6O0.js";
+import { T as _o, a as $o, b as oa } from "./chunks/TagGroup-Bfh6x6iQ.js";
+import { T as ra } from "./chunks/Text-D0r_W4lH.js";
+import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-BL0NbUHd.js";
+import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-Cxm230CK.js";
+import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
+import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
+import { L as ba } from "./chunks/ListBox-CDlOUvzJ.js";
+import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-DSYdXl2I.js";
+import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
+import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CkVOLF6I.js";
+import { c as wa } from "./chunks/clsx-AexbMWKp.js";
+import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
+import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
+import { useToastState as Ja } from "react-stately";
+const o = "17.7.0", a = {
   version: o
 }, r = a.version;
 export {
@@ -57,11 +57,11 @@ export {
   p as AccordionItem,
   m as Badge,
   i as BadgeContainer,
-  n as Breadcrumb,
+  f as Breadcrumb,
   d as Breadcrumbs,
   c as Button,
-  u as ButtonGroup,
-  B as Calendar,
+  l as ButtonGroup,
+  C as Calendar,
   b as Card,
   S as CardActionArea,
   D as CardActions,
@@ -69,12 +69,12 @@ export {
   R as CardImage,
   G as CardLink,
   P as CardTitle,
-  zo as Cell,
+  Oo as Cell,
   v as CharacterCounter,
   M as Checkbox,
   h as CheckboxGroup,
   y as ColorSchemeSwitch,
-  Oo as Column,
+  Qo as Column,
   N as ComboBox,
   z as DateField,
   Q as DateInput,
@@ -82,75 +82,76 @@ export {
   q as DatePicker,
   J as DateRangePicker,
   Z as DateSegment,
-  za as DialogTrigger,
+  Oa as DialogTrigger,
   X as DropZone,
   U as FieldError,
   Y as FileTrigger,
-  ma as GlobalToastRegion,
+  ia as GlobalToastRegion,
   $ as Grid,
   ao as GridItem,
   io as Header,
   eo as Heading,
   so as InfoBanner,
-  ea as Input,
+  ta as Input,
   xo as Label,
-  fo as Layout,
-  uo as Link,
-  Bo as LinkButton,
-  La as ListBox,
-  Sa as ListBoxButton,
-  ka as ListBoxEmptyState,
-  Da as ListBoxHeader,
-  Ia as ListBoxItem,
-  Ra as ListBoxLoadMoreItem,
-  va as ListBoxPopover,
-  Ga as ListBoxSection,
-  Lo as Logo,
-  Ma as Menu,
-  Aa as MenuItem,
-  ha as MenuPopover,
-  Ha as MenuSection,
-  Oa as MenuTrigger,
-  So as Modal,
-  no as Navbar,
-  Io as Popover,
-  Go as ProgressBar,
-  ko as Radio,
-  vo as RadioGroup,
-  C as RangeCalendar,
-  Qa as RouterProvider,
-  Qo as Row,
-  Mo as SearchField,
-  ho as Select,
-  ya as Separator,
+  no as Layout,
+  lo as Link,
+  Co as LinkButton,
+  ba as ListBox,
+  Da as ListBoxButton,
+  va as ListBoxEmptyState,
+  Ia as ListBoxHeader,
+  Ra as ListBoxItem,
+  Ga as ListBoxLoadMoreItem,
+  Fa as ListBoxPopover,
+  Pa as ListBoxSection,
+  Bo as Logo,
+  bo as LogoContext,
+  Aa as Menu,
+  ha as MenuItem,
+  Ha as MenuPopover,
+  ya as MenuSection,
+  Qa as MenuTrigger,
+  Do as Modal,
+  fo as Navbar,
+  Ro as Popover,
+  Po as ProgressBar,
+  vo as Radio,
+  Fo as RadioGroup,
+  L as RangeCalendar,
+  Va as RouterProvider,
+  Vo as Row,
+  Ao as SearchField,
+  Ho as Select,
+  Ea as Separator,
   To as Sidebar,
   co as SidebarLink,
-  yo as Skeleton,
-  No as Spinner,
-  Jo as Tab,
-  Ko as TabList,
-  Uo as TabPanel,
-  Vo as Table,
-  Zo as TableBody,
-  jo as TableHeader,
-  Wo as Tabs,
-  Yo as Tag,
-  _o as TagGroup,
-  $o as TagList,
-  aa as Text,
-  ta as TextArea,
-  sa as TextField,
-  pa as TextFieldBase,
-  ia as Toast,
+  Eo as Skeleton,
+  wo as Spinner,
+  Ko as Tab,
+  Uo as TabList,
+  Wo as TabPanel,
+  Zo as Table,
+  jo as TableBody,
+  qo as TableHeader,
+  Xo as Tabs,
+  _o as Tag,
+  $o as TagGroup,
+  oa as TagList,
+  ra as Text,
+  sa as TextArea,
+  pa as TextField,
+  xa as TextFieldBase,
+  na as Toast,
   fa as ToastProvider,
-  na as ToastRegion,
-  ca as ToggleButton,
+  da as ToastRegion,
+  ga as ToggleButton,
   la as ToggleButtonGroup,
-  ga as Tooltip,
-  Ba as TooltipTrigger,
+  Ca as Tooltip,
+  La as TooltipTrigger,
   r as VERSION,
-  Na as clsx,
-  da as toastQueue,
-  Za as useLocalizedStringFormatter,
-  qa as useToastState
+  wa as clsx,
+  Ta as toastQueue,
+  ja as useLocalizedStringFormatter,
+  Ja as useToastState
 };

package/label/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../chunks/Label-s4J9sYdy.js";
+import { L as o } from "../chunks/Label-Bhnpbs10.js";
 export {
   o as Label
 };

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-CmKsh0kv.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-SqGyudO8.js";
 export {
   e as Header,
   s as Layout,

package/logo/LogoContext.d.ts

@@ -0,0 +1,3 @@
+import { LogoProps } from './Logo';
+export type LogoContextValue = Pick<LogoProps, 'size'>;
+export declare const LogoContext: import('react').Context<LogoProps>;

package/logo/index.d.ts

@@ -1 +1,2 @@
 export { Logo } from './Logo';
+export * from './LogoContext';

package/logo/index.js

@@ -1,4 +1,5 @@
-import { L } from "../chunks/Logo-CCxPAmgw.js";
+import { L as t, a as L } from "../chunks/Logo-DDykn5b2.js";
 export {
-  L as Logo
+  t as Logo,
+  L as LogoContext
 };

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "17.6.6",
+  "version": "17.7.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/progress-bar/index.js

@@ -1,4 +1,4 @@
-import { P as s } from "../chunks/ProgressBar-acc8946-.js";
+import { P as s } from "../chunks/ProgressBar-BGBPAJCv.js";
 export {
   s as ProgressBar
 };

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-DjivEe-_.js";
+import { R as r, a as R } from "../chunks/Radio-DebU3D38.js";
 export {
   r as Radio,
   R as RadioGroup

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-DZepyl5C.js";
+import { S as r } from "../chunks/Select-ClD5keNw.js";
 export {
   r as Select
 };

package/tag/Tag.stories.d.ts

@@ -9,4 +9,5 @@ export declare const Blue: Story;
 export declare const Yellow: Story;
 export declare const Red: Story;
 export declare const Disabled: Story;
+export declare const WithIcon: Story;
 export declare const WithoutTagList: Story;

package/tag/index.js

@@ -1,4 +1,4 @@
-import { T, a as g, b as o } from "../chunks/TagGroup-BscTXQ_E.js";
+import { T, a as g, b as o } from "../chunks/TagGroup-Bfh6x6iQ.js";
 export {
   T as Tag,
   g as TagGroup,

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-CBRE_gsN.js";
+import { I as s, T as t, a as x, b as T } from "../chunks/TextArea-BL0NbUHd.js";
 export {
   s as Input,
   t as TextArea,

package/chunks/Label-s4J9sYdy.js

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

package/chunks/TagGroup-BscTXQ_E.js

@@ -1,97 +0,0 @@
-import { jsx as i, jsxs as _, Fragment as u } from "react/jsx-runtime";
-import { Tag as T, composeRenderProps as p, useContextProps as d, TagListContext as b, TagList as x, TagGroupContext as h, TagGroup as L } from "react-aria-components";
-import { B as v } from "./Button-BhIvfqOc.js";
-import { c } from "./clsx-AexbMWKp.js";
-import { X as y } from "./x-B9bYxG31.js";
-import { forwardRef as f, Children as N, isValidElement as w } from "react";
-import '../assets/TagGroup.css';const q = "_button_f7q96_1", G = "_green_f7q96_16", C = "_red_f7q96_17", R = "_blue_f7q96_18", V = "_yellow_f7q96_19", $ = "_tag_f7q96_31", z = "_tagText_f7q96_83", E = "_dismissable_f7q96_88", a = {
-  button: q,
-  green: G,
-  red: C,
-  blue: R,
-  yellow: V,
-  tag: $,
-  tagText: z,
-  dismissable: E
-}, X = ({
-  className: r,
-  color: e,
-  dismissable: o = !1,
-  isDismissable: t,
-  type: s,
-  ...n
-}) => {
-  const g = t || typeof t > "u" && o;
-  return /* @__PURE__ */ i(
-    T,
-    {
-      className: c(
-        a.tag,
-        g && a.dismissable,
-        {
-          [a.green]: e ? e === "green" : s === "success",
-          [a.blue]: e ? e === "blue" : s === "info",
-          [a.yellow]: e ? e === "yellow" : s === "important",
-          [a.red]: e ? e === "red" : s === "warning"
-        },
-        r
-      ),
-      ...n,
-      textValue: n.textValue || (typeof n.children == "string" ? n.children : void 0),
-      children: p(n.children, (l) => /* @__PURE__ */ _(u, { children: [
-        /* @__PURE__ */ i("div", { className: a.tagText, children: l }),
-        g && /* @__PURE__ */ i(
-          v,
-          {
-            variant: "icon",
-            size: "medium",
-            className: a.button,
-            slot: "remove",
-            children: /* @__PURE__ */ i(y, { size: 20 })
-          }
-        )
-      ] }))
-    }
-  );
-}, j = "_tagList_17pz2_1", B = {
-  tagList: j
-}, P = (r, e) => {
-  const [{ className: o, ...t }, s] = d(
-    r,
-    e,
-    b
-  );
-  return /* @__PURE__ */ i(
-    x,
-    {
-      className: c(o, B.tagList),
-      ref: s,
-      ...t
-    }
-  );
-}, m = f(P), k = f(
-  (r, e) => {
-    const [{ className: o, children: t, ...s }, n] = d(
-      r,
-      e,
-      h
-    ), g = N.toArray(t).filter(w).find((l) => l.type === m);
-    return !g && process.env.NODE_ENV === "development" && console.warn(
-      "Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"
-    ), /* @__PURE__ */ i(
-      L,
-      {
-        className: c(o),
-        ref: n,
-        ...s,
-        children: g ? t : /* @__PURE__ */ i(m, { children: t })
-      }
-    );
-  }
-);
-k.displayName = "TagGroup";
-export {
-  X as T,
-  k as a,
-  m as b
-};