@midas-ds/components 17.25.1 โ†’ 17.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,28 @@
1
+ ## 17.26.0 (2026-09-23)
2
+
3
+ ### ๐Ÿš€ Features
4
+
5
+ - **components,dropzone:** add Dropzone as its own component with error/focus/drop-target states ([3b92846fd0c](https://github.com/migrationsverket/midas/commit/3b92846fd0c))
6
+
7
+ ### ๐Ÿฉน Fixes
8
+
9
+ - **components,drop-zone:** fix padding token, remove hardcoded height, and disabled border regression ([0bb4fb196ff](https://github.com/migrationsverket/midas/commit/0bb4fb196ff))
10
+
11
+ ### ๐Ÿ”ง Maintenance
12
+
13
+ - **components,drop-zone:** rename dropzone folder and class, type WithFileTrigger story ([396d9c77381](https://github.com/migrationsverket/midas/commit/396d9c77381))
14
+ - **components,file-trigger:** rename file-upload folder, drop React.FC typing ([4e1d4638f93](https://github.com/migrationsverket/midas/commit/4e1d4638f93))
15
+
16
+ ### ๐Ÿงช Tests updated
17
+
18
+ - **components,layout,table-styles,test-utils:** add translation coverage checks ([270662927ee](https://github.com/migrationsverket/midas/commit/270662927ee))
19
+
20
+ ## 17.25.2 (2026-09-18)
21
+
22
+ ### ๐Ÿงฑ Updated Dependencies
23
+
24
+ - Updated theme to 3.17.1
25
+
1
26
  ## 17.25.1 (2026-09-17)
2
27
 
3
28
  ### ๐Ÿฉน Fixes
@@ -1 +1 @@
1
- :root{--midas-base-10:.125rem;--midas-base-15:.188rem;--midas-base-20:.25rem;--midas-base-30:.375rem;--midas-base-40:.5rem;--midas-base-50:.625rem;--midas-base-60:.75rem;--midas-base-70:.875rem;--midas-base-75:.938rem;--midas-base-80:1rem;--midas-base-90:1.25rem;--midas-base-100:1.5rem;--midas-base-110:1.75rem;--midas-base-120:2rem;--midas-base-130:2.5rem;--midas-base-140:2.75rem;--midas-base-150:3rem;--midas-base-00:0rem;--midas-base-05:.063rem;--midas-window-sizes-sm:480px;--midas-window-sizes-md:768px;--midas-window-sizes-lg:1024px;--midas-window-sizes-xl:1280px;--midas-button-background-secondary-base:transparent;--midas-button-icon-active:var(--lightningcss-light,#0003)var(--lightningcss-dark,#fff3);--midas-color-black-base:#000;--midas-color-black-hover:#0d0d0d;--midas-color-black-opacity5:#0000000d;--midas-color-black-opacity10:#0000001a;--midas-color-white-base:#fff;--midas-color-white-hover:#e6e6e6;--midas-color-white-opacity13:#ffffff21;--midas-color-white-opacity15:#ffffff26;--midas-color-gray-10:#f2f2f2;--midas-color-gray-20:#e6e6e6;--midas-color-gray-30:#d9d9d9;--midas-color-gray-40:#ccc;--midas-color-gray-50:#bfbfbf;--midas-color-gray-60:#b3b3b3;--midas-color-gray-70:#a6a6a6;--midas-color-gray-80:#999;--midas-color-gray-90:#8c8c8c;--midas-color-gray-100:gray;--midas-color-gray-110:#737373;--midas-color-gray-120:#666;--midas-color-gray-130:#5d5d5d;--midas-color-gray-140:#525252;--midas-color-gray-150:#474747;--midas-color-gray-160:#383838;--midas-color-gray-170:#333;--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:#06c;--midas-color-signal-blue-170:#162b33;--midas-color-signal-blue-180:#112127;--midas-color-signal-green-20:#d5f2d9;--midas-color-signal-green-30:#bae5c5;--midas-color-signal-green-100:#008d3c;--midas-color-signal-green-150:#194b33;--midas-color-signal-green-170:#163328;--midas-color-signal-green-180:#112722;--midas-color-signal-yellow-10:#fff8e2;--midas-color-signal-yellow-20:#fff1cd;--midas-color-signal-yellow-30:#ffeab8;--midas-color-signal-yellow-40:#ffe3a3;--midas-color-signal-yellow-50:#ffdc8b;--midas-color-signal-yellow-60:#ffd47b;--midas-color-signal-yellow-70:#fdcd5d;--midas-color-signal-yellow-80:#fbc640;--midas-color-signal-yellow-90:#fabf1b;--midas-color-signal-yellow-100:#fab900;--midas-color-signal-yellow-110:#daa105;--midas-color-signal-yellow-120:#bd8c1e;--midas-color-signal-yellow-130:#a17927;--midas-color-signal-yellow-140:#88672a;--midas-color-signal-yellow-150:#70562b;--midas-color-signal-yellow-160:#5a4629;--midas-color-signal-yellow-170:#453826;--midas-color-signal-yellow-180:#322a20;--midas-color-signal-yellow-190:#201c18;--midas-color-signal-yellow-200:#0f0e0e;--midas-color-signal-red-10:#ffefef;--midas-color-signal-red-20:#ffdfdf;--midas-color-signal-red-30:#fcc8c8;--midas-color-signal-red-40:#f9b0b0;--midas-color-signal-red-50:#f69999;--midas-color-signal-red-60:#f38181;--midas-color-signal-red-70:#ef6a6a;--midas-color-signal-red-80:#ec5252;--midas-color-signal-red-90:#e93b3b;--midas-color-signal-red-100:#e62323;--midas-color-signal-red-110:#d12020;--midas-color-signal-red-120:#bc1d1d;--midas-color-signal-red-130:#a71919;--midas-color-signal-red-140:#921616;--midas-color-signal-red-150:#7d1313;--midas-color-signal-red-160:#691010;--midas-color-signal-red-170:#540d0d;--midas-color-signal-red-180:#3f0a0a;--midas-color-signal-red-190:#2a0606;--midas-color-signal-red-200:#150303;--midas-color-sky-20:#cde6f3;--midas-color-sky-60:#4a95df;--midas-color-sky-180:#101037;--midas-color-mint-20:#d5f2d9;--midas-color-mint-60:#75b47d;--midas-color-mint-180:#07270b;--midas-color-cream-20:#fff5db;--midas-color-cream-60:#ecbe4a;--midas-color-cream-180:#2c2719;--midas-color-teal-20:#cdf2f2;--midas-color-teal-60:#43bcbc;--midas-color-teal-180:#0d2c2c;--midas-color-lagoon-20:#d2daf9;--midas-color-lagoon-60:#7088e0;--midas-color-lagoon-180:#0a1332;--midas-color-lavender-20:#f6d0f9;--midas-color-lavender-60:#b77dbc;--midas-color-lavender-180:#391c3b;--midas-color-peach-20:#ffe6d9;--midas-color-peach-60:#e87031;--midas-color-peach-180:#421d0a;--midas-color-pippin-20:#ffe0e0;--midas-color-pippin-60:#f17575;--midas-color-pippin-180:#431919;--midas-border-width:1px;--midas-calendar-date-background-hover:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--midas-overlay-background:#0000004d;--midas-overlay-blur:blur(2px);--midas-card-shadow:0 3px 5px 0 #0000004d;--midas-panel-shadow:-2px 0px 12px -2px #0000001a;--midas-state-focus:0 0 0 2px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000), 0 0 0 4px var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--midas-state-focus-inset:inset 0 0 0 2px var(--lightningcss-light,#000)var(--lightningcss-dark,#fff), inset 0 0 0 4px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--midas-state-focus-contrast-mode-outline:2px;--midas-state-focus-contrast-mode-offset:2px;--midas-transition-duration-slow:.4s;--midas-transition-duration-normal:.3s;--midas-transition-duration-fast:.25s;--midas-transition-duration-quick:.15s;--midas-transition-duration-instant:.1s;--midas-transition-timing-ease-out:cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in:cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out:cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family:Inter, sans-serif;--midas-typography-font-size-10:.75rem;--midas-typography-font-size-20:.875rem;--midas-typography-font-size-30:1rem;--midas-typography-font-size-40:1.125rem;--midas-typography-font-size-50:1.25rem;--midas-typography-font-size-60:1.5rem;--midas-typography-font-size-70:1.625rem;--midas-typography-font-size-80:2rem;--midas-typography-font-size-90:2.25rem;--midas-typography-font-size-100:2.625rem;--midas-typography-line-height-10:1rem;--midas-typography-line-height-20:1.125rem;--midas-typography-line-height-30:1.25rem;--midas-typography-line-height-40:1.375rem;--midas-typography-line-height-50:1.5rem;--midas-typography-line-height-60:1.75rem;--midas-typography-line-height-70:2rem;--midas-typography-line-height-80:2.25rem;--midas-typography-line-height-90:2.5rem;--midas-typography-line-height-100:3rem;--midas-typography-weight-thin:100;--midas-typography-weight-extra-light:200;--midas-typography-weight-light:300;--midas-typography-weight-regular:400;--midas-typography-weight-medium:500;--midas-typography-weight-semi-bold:600;--midas-typography-weight-bold:700;--midas-typography-weight-extra-bold:800;--midas-typography-weight-black:900;--midas-z-index-base:1;--midas-z-index-above:10;--midas-z-index-sidebar:500;--midas-z-index-modal:1000;--midas-z-index-toast:1100;--midas-z-index-skip-to-content:1200;--midas-breakpoints-xs:(max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm:(min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md:(min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg:(min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl:(min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-100));--midas-button-background-primary-hover:var(--lightningcss-light,var(--midas-color-blue-130))var(--lightningcss-dark,var(--midas-color-blue-130));--midas-button-background-primary-active:var(--lightningcss-light,var(--midas-color-blue-100))var(--lightningcss-dark,var(--midas-color-blue-150));--midas-button-background-secondary-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-background-secondary-active:var(--lightningcss-light,var(--midas-color-black-opacity10))var(--lightningcss-dark,var(--midas-color-white-opacity15));--midas-button-background-tertiary-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-background-tertiary-active:var(--lightningcss-light,var(--midas-color-black-opacity10))var(--lightningcss-dark,var(--midas-color-white-opacity15));--midas-button-background-danger-base:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-button-background-danger-hover:var(--lightningcss-light,var(--midas-color-signal-red-120))var(--lightningcss-dark,var(--midas-color-signal-red-120));--midas-button-background-danger-active:var(--lightningcss-light,var(--midas-color-signal-red-150))var(--lightningcss-dark,var(--midas-color-signal-red-150));--midas-button-background-disabled:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-border-secondary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-button-icon-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-size-10:var(--midas-base-10);--midas-size-15:var(--midas-base-15);--midas-size-20:var(--midas-base-20);--midas-size-30:var(--midas-base-30);--midas-size-40:var(--midas-base-40);--midas-size-50:var(--midas-base-50);--midas-size-60:var(--midas-base-60);--midas-size-70:var(--midas-base-70);--midas-size-75:var(--midas-base-75);--midas-size-80:var(--midas-base-80);--midas-size-90:var(--midas-base-90);--midas-size-100:var(--midas-base-100);--midas-size-110:var(--midas-base-110);--midas-size-120:var(--midas-base-120);--midas-size-130:var(--midas-base-130);--midas-size-140:var(--midas-base-140);--midas-size-150:var(--midas-base-150);--midas-size-00:var(--midas-base-00);--midas-size-05:var(--midas-base-05);--midas-size-icon:var(--midas-base-90);--midas-size-icon-sm:var(--midas-base-80);--midas-size-option:var(--midas-base-120);--midas-size-control-md:var(--midas-base-130);--midas-size-control:var(--midas-base-150);--midas-background-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-background-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-background-inverse:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-layer-01-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-layer-01-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-layer-01-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-01-selected-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-02-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-02-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-02-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-layer-02-selected-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-130));--midas-layer-accent-01-base:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-accent-01-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-accent-01-selected:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-layer-accent-02-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-layer-accent-02-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-layer-accent-02-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-brand-primary:var(--lightningcss-light,var(--midas-color-red-100))var(--lightningcss-dark,var(--midas-color-red-100));--midas-border-color-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-border-color-secondary:var(--lightningcss-light,var(--midas-color-gray-110))var(--lightningcss-dark,var(--midas-color-gray-90));--midas-border-color-subtle:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-border-color-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-100));--midas-border-color-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-field-01-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-field-01-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-field-01-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-field-01-disabled:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-field-02-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-field-02-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-field-02-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-field-02-disabled:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-skeleton-01:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-skeleton-02:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-icon-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-icon-secondary:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-icon-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-icon-inverse:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-icon-on-color:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-white-base));--midas-icon-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-icon-success:var(--lightningcss-light,var(--midas-color-signal-green-100))var(--lightningcss-dark,var(--midas-color-signal-green-100));--midas-icon-info:var(--lightningcss-light,var(--midas-color-signal-blue-100))var(--lightningcss-dark,var(--midas-color-signal-blue-100));--midas-icon-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-icon-important:var(--midas-color-orange-100);--midas-icon-read-only:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-link-enabled:var(--lightningcss-light,var(--midas-color-blue-120))var(--lightningcss-dark,var(--midas-color-blue-70));--midas-link-hover:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-50));--midas-link-pressed:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-blue-40));--midas-link-visited:var(--lightningcss-light,var(--midas-color-purple-110))var(--lightningcss-dark,var(--midas-color-purple-80));--midas-progress-bar-track-background:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-progress-bar-indicator-background:var(--midas-color-signal-green-100);--midas-support-border-success:var(--lightningcss-light,var(--midas-color-signal-green-100))var(--lightningcss-dark,var(--midas-color-signal-green-100));--midas-support-border-info:var(--lightningcss-light,var(--midas-color-signal-blue-100))var(--lightningcss-dark,var(--midas-color-signal-blue-100));--midas-support-border-important:var(--midas-color-orange-100);--midas-support-border-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-support-background-success:var(--lightningcss-light,var(--midas-color-signal-green-20))var(--lightningcss-dark,var(--midas-color-signal-green-180));--midas-support-background-success-hover:var(--lightningcss-light,var(--midas-color-signal-green-30))var(--lightningcss-dark,var(--midas-color-signal-green-170));--midas-support-background-info:var(--lightningcss-light,var(--midas-color-signal-blue-10))var(--lightningcss-dark,var(--midas-color-signal-blue-180));--midas-support-background-info-hover:var(--lightningcss-light,var(--midas-color-signal-blue-20))var(--lightningcss-dark,var(--midas-color-signal-blue-170));--midas-support-background-important:var(--lightningcss-light,var(--midas-color-signal-yellow-10))var(--lightningcss-dark,var(--midas-color-signal-yellow-180));--midas-support-background-important-hover:var(--lightningcss-light,var(--midas-color-signal-yellow-20))var(--lightningcss-dark,var(--midas-color-signal-yellow-170));--midas-support-background-warning:var(--lightningcss-light,var(--midas-color-signal-red-20))var(--lightningcss-dark,var(--midas-color-signal-red-180));--midas-support-background-warning-hover:var(--lightningcss-light,var(--midas-color-signal-red-30))var(--lightningcss-dark,var(--midas-color-signal-red-170));--midas-tag-sky-background:var(--lightningcss-light,var(--midas-color-sky-20))var(--lightningcss-dark,var(--midas-color-sky-180));--midas-tag-sky-border-color:var(--midas-color-sky-60);--midas-tag-blue-background:var(--lightningcss-light,var(--midas-color-sky-20))var(--lightningcss-dark,var(--midas-color-sky-180));--midas-tag-blue-border-color:var(--midas-color-sky-60);--midas-tag-mint-background:var(--lightningcss-light,var(--midas-color-mint-20))var(--lightningcss-dark,var(--midas-color-mint-180));--midas-tag-mint-border-color:var(--midas-color-mint-60);--midas-tag-green-background:var(--lightningcss-light,var(--midas-color-mint-20))var(--lightningcss-dark,var(--midas-color-mint-180));--midas-tag-green-border-color:var(--midas-color-mint-60);--midas-tag-cream-background:var(--lightningcss-light,var(--midas-color-cream-20))var(--lightningcss-dark,var(--midas-color-cream-180));--midas-tag-cream-border-color:var(--midas-color-cream-60);--midas-tag-yellow-background:var(--lightningcss-light,var(--midas-color-cream-20))var(--lightningcss-dark,var(--midas-color-cream-180));--midas-tag-yellow-border-color:var(--midas-color-cream-60);--midas-tag-teal-background:var(--lightningcss-light,var(--midas-color-teal-20))var(--lightningcss-dark,var(--midas-color-teal-180));--midas-tag-teal-border-color:var(--midas-color-teal-60);--midas-tag-lagoon-background:var(--lightningcss-light,var(--midas-color-lagoon-20))var(--lightningcss-dark,var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color:var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background:var(--lightningcss-light,var(--midas-color-lagoon-20))var(--lightningcss-dark,var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color:var(--midas-color-lagoon-60);--midas-tag-lavender-background:var(--lightningcss-light,var(--midas-color-lavender-20))var(--lightningcss-dark,var(--midas-color-lavender-180));--midas-tag-lavender-border-color:var(--midas-color-lavender-60);--midas-tag-purple-background:var(--lightningcss-light,var(--midas-color-lavender-20))var(--lightningcss-dark,var(--midas-color-lavender-180));--midas-tag-purple-border-color:var(--midas-color-lavender-60);--midas-tag-peach-background:var(--lightningcss-light,var(--midas-color-peach-20))var(--lightningcss-dark,var(--midas-color-peach-180));--midas-tag-peach-border-color:var(--midas-color-peach-60);--midas-tag-orange-background:var(--lightningcss-light,var(--midas-color-peach-20))var(--lightningcss-dark,var(--midas-color-peach-180));--midas-tag-orange-border-color:var(--midas-color-peach-60);--midas-tag-pippin-background:var(--lightningcss-light,var(--midas-color-pippin-20))var(--lightningcss-dark,var(--midas-color-pippin-180));--midas-tag-pippin-border-color:var(--midas-color-pippin-60);--midas-tag-red-background:var(--lightningcss-light,var(--midas-color-pippin-20))var(--lightningcss-dark,var(--midas-color-pippin-180));--midas-tag-red-border-color:var(--midas-color-pippin-60);--midas-text-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-text-secondary:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-text-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-text-on-color:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-white-base));--midas-text-inverse:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-text-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-text-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-80));--midas-text-placeholder:var(--lightningcss-light,var(--midas-color-gray-70))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-text-read-only:var(--lightningcss-light,var(--midas-color-gray-110))var(--lightningcss-dark,var(--midas-color-gray-80));--midas-badge-background:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-calendar-date-background-selected:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-calendar-date-background-start-range:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-calendar-date-background-in-range:var(--lightningcss-light,var(--midas-color-blue-20))var(--lightningcss-dark,var(--midas-color-blue-150));--midas-calendar-date-background-end-range:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-logo-primary:var(--lightningcss-light,var(--midas-color-red-100))var(--lightningcss-dark,var(--midas-color-white-base));--midas-menu-item-background-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-menu-item-background-selected:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-menu-text-section-header:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-navigation-link-background-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-navigation-link-background-selected:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-navigation-link-background-selected-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-card-background-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-space-10:var(--midas-base-10);--midas-space-30:var(--midas-base-30);--midas-space-50:var(--midas-base-50);--midas-space-60:var(--midas-base-60);--midas-space-70:var(--midas-base-70);--midas-space-75:var(--midas-base-75);--midas-space-90:var(--midas-base-90);--midas-space-130:var(--midas-base-130);--midas-space-150:var(--midas-base-150);--midas-space-xsmall:var(--midas-base-20);--midas-space-small:var(--midas-base-40);--midas-space-medium:var(--midas-base-80);--midas-space-large:var(--midas-base-100);--midas-space-xlarge:var(--midas-base-120);--midas-space-05:var(--midas-base-05);--midas-transition-panel-collapse:var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0s;--midas-transition-panel-expand:var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0s;--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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
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:var(--lightningcss-light,#0003)var(--lightningcss-dark,#fff3);--midas-color-black-base:#000;--midas-color-black-hover:#0d0d0d;--midas-color-black-opacity5:#0000000d;--midas-color-black-opacity10:#0000001a;--midas-color-white-base:#fff;--midas-color-white-hover:#e6e6e6;--midas-color-white-opacity13:#ffffff21;--midas-color-white-opacity15:#ffffff26;--midas-color-gray-10:#f2f2f2;--midas-color-gray-20:#e6e6e6;--midas-color-gray-30:#d9d9d9;--midas-color-gray-40:#ccc;--midas-color-gray-50:#bfbfbf;--midas-color-gray-60:#b3b3b3;--midas-color-gray-70:#a6a6a6;--midas-color-gray-80:#999;--midas-color-gray-90:#8c8c8c;--midas-color-gray-100:gray;--midas-color-gray-110:#737373;--midas-color-gray-120:#666;--midas-color-gray-130:#5d5d5d;--midas-color-gray-140:#525252;--midas-color-gray-150:#474747;--midas-color-gray-160:#383838;--midas-color-gray-170:#333;--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:#06c;--midas-color-signal-blue-170:#162b33;--midas-color-signal-blue-180:#112127;--midas-color-signal-green-20:#d5f2d9;--midas-color-signal-green-30:#bae5c5;--midas-color-signal-green-100:#008d3c;--midas-color-signal-green-150:#194b33;--midas-color-signal-green-170:#163328;--midas-color-signal-green-180:#112722;--midas-color-signal-yellow-10:#fff8e2;--midas-color-signal-yellow-20:#fff1cd;--midas-color-signal-yellow-30:#ffeab8;--midas-color-signal-yellow-40:#ffe3a3;--midas-color-signal-yellow-50:#ffdc8b;--midas-color-signal-yellow-60:#ffd47b;--midas-color-signal-yellow-70:#fdcd5d;--midas-color-signal-yellow-80:#fbc640;--midas-color-signal-yellow-90:#fabf1b;--midas-color-signal-yellow-100:#fab900;--midas-color-signal-yellow-110:#daa105;--midas-color-signal-yellow-120:#bd8c1e;--midas-color-signal-yellow-130:#a17927;--midas-color-signal-yellow-140:#88672a;--midas-color-signal-yellow-150:#70562b;--midas-color-signal-yellow-160:#5a4629;--midas-color-signal-yellow-170:#453826;--midas-color-signal-yellow-180:#322a20;--midas-color-signal-yellow-190:#201c18;--midas-color-signal-yellow-200:#0f0e0e;--midas-color-signal-red-10:#ffefef;--midas-color-signal-red-20:#ffdfdf;--midas-color-signal-red-30:#fcc8c8;--midas-color-signal-red-40:#f9b0b0;--midas-color-signal-red-50:#f69999;--midas-color-signal-red-60:#f38181;--midas-color-signal-red-70:#ef6a6a;--midas-color-signal-red-80:#ec5252;--midas-color-signal-red-90:#e93b3b;--midas-color-signal-red-100:#e62323;--midas-color-signal-red-110:#d12020;--midas-color-signal-red-120:#bc1d1d;--midas-color-signal-red-130:#a71919;--midas-color-signal-red-140:#921616;--midas-color-signal-red-150:#7d1313;--midas-color-signal-red-160:#691010;--midas-color-signal-red-170:#540d0d;--midas-color-signal-red-180:#3f0a0a;--midas-color-signal-red-190:#2a0606;--midas-color-signal-red-200:#150303;--midas-color-sky-20:#cde6f3;--midas-color-sky-60:#4a95df;--midas-color-sky-180:#101037;--midas-color-mint-20:#d5f2d9;--midas-color-mint-60:#75b47d;--midas-color-mint-180:#07270b;--midas-color-cream-20:#fff5db;--midas-color-cream-60:#ecbe4a;--midas-color-cream-180:#2c2719;--midas-color-teal-20:#cdf2f2;--midas-color-teal-60:#43bcbc;--midas-color-teal-180:#0d2c2c;--midas-color-lagoon-20:#d2daf9;--midas-color-lagoon-60:#7088e0;--midas-color-lagoon-180:#0a1332;--midas-color-lavender-20:#f6d0f9;--midas-color-lavender-60:#b77dbc;--midas-color-lavender-180:#391c3b;--midas-color-peach-20:#ffe6d9;--midas-color-peach-60:#e87031;--midas-color-peach-180:#421d0a;--midas-color-pippin-20:#ffe0e0;--midas-color-pippin-60:#f17575;--midas-color-pippin-180:#431919;--midas-border-width:1px;--midas-calendar-date-background-hover:var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff1a);--midas-overlay-background:#0000004d;--midas-overlay-blur:blur(2px);--midas-card-shadow:0 3px 5px 0 #0000004d;--midas-panel-shadow:-2px 0px 12px -2px #0000001a;--midas-state-focus:0 0 0 2px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000), 0 0 0 4px var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--midas-state-focus-inset:inset 0 0 0 2px var(--lightningcss-light,#000)var(--lightningcss-dark,#fff), inset 0 0 0 4px var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--midas-state-focus-contrast-mode-outline:2px;--midas-state-focus-contrast-mode-offset:2px;--midas-transition-duration-slow:.4s;--midas-transition-duration-normal:.3s;--midas-transition-duration-fast:.25s;--midas-transition-duration-quick:.15s;--midas-transition-duration-instant:.1s;--midas-transition-timing-ease-out:cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in:cubic-bezier(.42, 0, 1, 1);--midas-transition-timing-ease-in-out:cubic-bezier(.42, 0, .58, 1);--midas-typography-font-family:Inter, sans-serif;--midas-typography-font-size-10:.75rem;--midas-typography-font-size-20:.875rem;--midas-typography-font-size-30:1rem;--midas-typography-font-size-40:1.125rem;--midas-typography-font-size-50:1.25rem;--midas-typography-font-size-60:1.5rem;--midas-typography-font-size-70:1.625rem;--midas-typography-font-size-80:2rem;--midas-typography-font-size-90:2.25rem;--midas-typography-font-size-100:2.625rem;--midas-typography-line-height-10:1rem;--midas-typography-line-height-20:1.125rem;--midas-typography-line-height-30:1.25rem;--midas-typography-line-height-40:1.375rem;--midas-typography-line-height-50:1.5rem;--midas-typography-line-height-60:1.75rem;--midas-typography-line-height-70:2rem;--midas-typography-line-height-80:2.25rem;--midas-typography-line-height-90:2.5rem;--midas-typography-line-height-100:3rem;--midas-typography-weight-thin:100;--midas-typography-weight-extra-light:200;--midas-typography-weight-light:300;--midas-typography-weight-regular:400;--midas-typography-weight-medium:500;--midas-typography-weight-semi-bold:600;--midas-typography-weight-bold:700;--midas-typography-weight-extra-bold:800;--midas-typography-weight-black:900;--midas-z-index-base:1;--midas-z-index-above:10;--midas-z-index-sidebar:500;--midas-z-index-modal:1000;--midas-z-index-toast:1100;--midas-z-index-skip-to-content:1200;--midas-breakpoints-xs:(max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm:(min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md:(min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg:(min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl:(min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-100));--midas-button-background-primary-hover:var(--lightningcss-light,var(--midas-color-blue-130))var(--lightningcss-dark,var(--midas-color-blue-130));--midas-button-background-primary-active:var(--lightningcss-light,var(--midas-color-blue-100))var(--lightningcss-dark,var(--midas-color-blue-150));--midas-button-background-secondary-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-background-secondary-active:var(--lightningcss-light,var(--midas-color-black-opacity10))var(--lightningcss-dark,var(--midas-color-white-opacity15));--midas-button-background-tertiary-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-background-tertiary-active:var(--lightningcss-light,var(--midas-color-black-opacity10))var(--lightningcss-dark,var(--midas-color-white-opacity15));--midas-button-background-danger-base:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-button-background-danger-hover:var(--lightningcss-light,var(--midas-color-signal-red-120))var(--lightningcss-dark,var(--midas-color-signal-red-120));--midas-button-background-danger-active:var(--lightningcss-light,var(--midas-color-signal-red-150))var(--lightningcss-dark,var(--midas-color-signal-red-150));--midas-button-background-disabled:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-button-border-secondary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-button-icon-hover:var(--lightningcss-light,var(--midas-color-black-opacity5))var(--lightningcss-dark,var(--midas-color-white-opacity13));--midas-size-10:var(--midas-base-10);--midas-size-15:var(--midas-base-15);--midas-size-20:var(--midas-base-20);--midas-size-30:var(--midas-base-30);--midas-size-40:var(--midas-base-40);--midas-size-50:var(--midas-base-50);--midas-size-60:var(--midas-base-60);--midas-size-70:var(--midas-base-70);--midas-size-75:var(--midas-base-75);--midas-size-80:var(--midas-base-80);--midas-size-90:var(--midas-base-90);--midas-size-100:var(--midas-base-100);--midas-size-110:var(--midas-base-110);--midas-size-120:var(--midas-base-120);--midas-size-130:var(--midas-base-130);--midas-size-140:var(--midas-base-140);--midas-size-150:var(--midas-base-150);--midas-size-00:var(--midas-base-00);--midas-size-05:var(--midas-base-05);--midas-size-icon:var(--midas-base-90);--midas-size-icon-sm:var(--midas-base-80);--midas-size-option:var(--midas-base-120);--midas-size-control-md:var(--midas-base-130);--midas-size-control:var(--midas-base-150);--midas-background-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-background-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-background-inverse:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-layer-01-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-layer-01-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-layer-01-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-01-selected-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-02-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-02-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-02-selected:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-layer-02-selected-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-130));--midas-layer-accent-01-base:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-accent-01-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-accent-01-selected:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-layer-accent-02-base:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-layer-accent-02-hover:var(--lightningcss-light,var(--midas-color-gray-40))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-layer-accent-02-selected:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-brand-primary:var(--lightningcss-light,var(--midas-color-red-100))var(--lightningcss-dark,var(--midas-color-red-100));--midas-border-color-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-border-color-secondary:var(--lightningcss-light,var(--midas-color-gray-110))var(--lightningcss-dark,var(--midas-color-gray-90));--midas-border-color-subtle:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-border-color-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-100));--midas-border-color-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-field-01-base:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-field-01-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-170));--midas-field-01-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-field-01-disabled:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-field-02-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-field-02-hover:var(--lightningcss-light,var(--midas-color-white-hover))var(--lightningcss-dark,var(--midas-color-gray-150));--midas-field-02-active:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-field-02-disabled:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-skeleton-01:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-skeleton-02:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-icon-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-icon-secondary:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-icon-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-icon-inverse:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-icon-on-color:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-white-base));--midas-icon-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-icon-success:var(--lightningcss-light,var(--midas-color-signal-green-100))var(--lightningcss-dark,var(--midas-color-signal-green-100));--midas-icon-info:var(--lightningcss-light,var(--midas-color-signal-blue-100))var(--lightningcss-dark,var(--midas-color-signal-blue-100));--midas-icon-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-icon-important:var(--midas-color-orange-100);--midas-icon-read-only:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-link-enabled:var(--lightningcss-light,var(--midas-color-blue-120))var(--lightningcss-dark,var(--midas-color-blue-70));--midas-link-hover:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-50));--midas-link-pressed:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-blue-40));--midas-link-visited:var(--lightningcss-light,var(--midas-color-purple-110))var(--lightningcss-dark,var(--midas-color-purple-80));--midas-progress-bar-track-background:var(--lightningcss-light,var(--midas-color-gray-30))var(--lightningcss-dark,var(--midas-color-gray-160));--midas-progress-bar-indicator-background:var(--midas-color-signal-green-100);--midas-support-border-success:var(--lightningcss-light,var(--midas-color-signal-green-100))var(--lightningcss-dark,var(--midas-color-signal-green-100));--midas-support-border-info:var(--lightningcss-light,var(--midas-color-signal-blue-100))var(--lightningcss-dark,var(--midas-color-signal-blue-100));--midas-support-border-important:var(--midas-color-orange-100);--midas-support-border-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-support-background-success:var(--lightningcss-light,var(--midas-color-signal-green-20))var(--lightningcss-dark,var(--midas-color-signal-green-180));--midas-support-background-success-hover:var(--lightningcss-light,var(--midas-color-signal-green-30))var(--lightningcss-dark,var(--midas-color-signal-green-170));--midas-support-background-info:var(--lightningcss-light,var(--midas-color-signal-blue-10))var(--lightningcss-dark,var(--midas-color-signal-blue-180));--midas-support-background-info-hover:var(--lightningcss-light,var(--midas-color-signal-blue-20))var(--lightningcss-dark,var(--midas-color-signal-blue-170));--midas-support-background-important:var(--lightningcss-light,var(--midas-color-signal-yellow-10))var(--lightningcss-dark,var(--midas-color-signal-yellow-180));--midas-support-background-important-hover:var(--lightningcss-light,var(--midas-color-signal-yellow-20))var(--lightningcss-dark,var(--midas-color-signal-yellow-170));--midas-support-background-warning:var(--lightningcss-light,var(--midas-color-signal-red-20))var(--lightningcss-dark,var(--midas-color-signal-red-180));--midas-support-background-warning-hover:var(--lightningcss-light,var(--midas-color-signal-red-30))var(--lightningcss-dark,var(--midas-color-signal-red-170));--midas-tag-sky-background:var(--lightningcss-light,var(--midas-color-sky-20))var(--lightningcss-dark,var(--midas-color-sky-180));--midas-tag-sky-border-color:var(--midas-color-sky-60);--midas-tag-blue-background:var(--lightningcss-light,var(--midas-color-sky-20))var(--lightningcss-dark,var(--midas-color-sky-180));--midas-tag-blue-border-color:var(--midas-color-sky-60);--midas-tag-mint-background:var(--lightningcss-light,var(--midas-color-mint-20))var(--lightningcss-dark,var(--midas-color-mint-180));--midas-tag-mint-border-color:var(--midas-color-mint-60);--midas-tag-green-background:var(--lightningcss-light,var(--midas-color-mint-20))var(--lightningcss-dark,var(--midas-color-mint-180));--midas-tag-green-border-color:var(--midas-color-mint-60);--midas-tag-cream-background:var(--lightningcss-light,var(--midas-color-cream-20))var(--lightningcss-dark,var(--midas-color-cream-180));--midas-tag-cream-border-color:var(--midas-color-cream-60);--midas-tag-yellow-background:var(--lightningcss-light,var(--midas-color-cream-20))var(--lightningcss-dark,var(--midas-color-cream-180));--midas-tag-yellow-border-color:var(--midas-color-cream-60);--midas-tag-teal-background:var(--lightningcss-light,var(--midas-color-teal-20))var(--lightningcss-dark,var(--midas-color-teal-180));--midas-tag-teal-border-color:var(--midas-color-teal-60);--midas-tag-lagoon-background:var(--lightningcss-light,var(--midas-color-lagoon-20))var(--lightningcss-dark,var(--midas-color-lagoon-180));--midas-tag-lagoon-border-color:var(--midas-color-lagoon-60);--midas-tag-lagoonblue-background:var(--lightningcss-light,var(--midas-color-lagoon-20))var(--lightningcss-dark,var(--midas-color-lagoon-180));--midas-tag-lagoonblue-border-color:var(--midas-color-lagoon-60);--midas-tag-lavender-background:var(--lightningcss-light,var(--midas-color-lavender-20))var(--lightningcss-dark,var(--midas-color-lavender-180));--midas-tag-lavender-border-color:var(--midas-color-lavender-60);--midas-tag-purple-background:var(--lightningcss-light,var(--midas-color-lavender-20))var(--lightningcss-dark,var(--midas-color-lavender-180));--midas-tag-purple-border-color:var(--midas-color-lavender-60);--midas-tag-peach-background:var(--lightningcss-light,var(--midas-color-peach-20))var(--lightningcss-dark,var(--midas-color-peach-180));--midas-tag-peach-border-color:var(--midas-color-peach-60);--midas-tag-orange-background:var(--lightningcss-light,var(--midas-color-peach-20))var(--lightningcss-dark,var(--midas-color-peach-180));--midas-tag-orange-border-color:var(--midas-color-peach-60);--midas-tag-pippin-background:var(--lightningcss-light,var(--midas-color-pippin-20))var(--lightningcss-dark,var(--midas-color-pippin-180));--midas-tag-pippin-border-color:var(--midas-color-pippin-60);--midas-tag-red-background:var(--lightningcss-light,var(--midas-color-pippin-20))var(--lightningcss-dark,var(--midas-color-pippin-180));--midas-tag-red-border-color:var(--midas-color-pippin-60);--midas-text-primary:var(--lightningcss-light,var(--midas-color-gray-200))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-text-secondary:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-text-tertiary:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-gray-10));--midas-text-on-color:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-white-base));--midas-text-inverse:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-200));--midas-text-disabled:var(--lightningcss-light,var(--midas-color-gray-50))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-text-warning:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-80));--midas-text-placeholder:var(--lightningcss-light,var(--midas-color-gray-70))var(--lightningcss-dark,var(--midas-color-gray-140));--midas-text-read-only:var(--lightningcss-light,var(--midas-color-gray-110))var(--lightningcss-dark,var(--midas-color-gray-80));--midas-badge-background:var(--lightningcss-light,var(--midas-color-signal-red-100))var(--lightningcss-dark,var(--midas-color-signal-red-100));--midas-calendar-date-background-selected:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-calendar-date-background-start-range:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-calendar-date-background-in-range:var(--lightningcss-light,var(--midas-color-blue-20))var(--lightningcss-dark,var(--midas-color-blue-150));--midas-calendar-date-background-end-range:var(--lightningcss-light,var(--midas-color-blue-150))var(--lightningcss-dark,var(--midas-color-blue-80));--midas-logo-primary:var(--lightningcss-light,var(--midas-color-red-100))var(--lightningcss-dark,var(--midas-color-white-base));--midas-menu-item-background-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-menu-item-background-selected:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-menu-text-section-header:var(--lightningcss-light,var(--midas-color-gray-140))var(--lightningcss-dark,var(--midas-color-gray-70));--midas-navigation-link-background-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-navigation-link-background-selected:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-navigation-link-background-selected-hover:var(--lightningcss-light,var(--midas-color-gray-20))var(--lightningcss-dark,var(--midas-color-gray-190));--midas-card-background-base:var(--lightningcss-light,var(--midas-color-white-base))var(--lightningcss-dark,var(--midas-color-gray-180));--midas-space-10:var(--midas-base-10);--midas-space-30:var(--midas-base-30);--midas-space-50:var(--midas-base-50);--midas-space-60:var(--midas-base-60);--midas-space-70:var(--midas-base-70);--midas-space-75:var(--midas-base-75);--midas-space-90:var(--midas-base-90);--midas-space-130:var(--midas-base-130);--midas-space-150:var(--midas-base-150);--midas-space-xsmall:var(--midas-base-20);--midas-space-small:var(--midas-base-40);--midas-space-medium:var(--midas-base-80);--midas-space-large:var(--midas-base-100);--midas-space-xlarge:var(--midas-base-120);--midas-space-05:var(--midas-base-05);--midas-transition-panel-collapse:var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0s;--midas-transition-panel-expand:var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0s;--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+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,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{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-color-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-color-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}
@@ -0,0 +1 @@
1
+ ._dropZone_1g3sx_1{--dropzone-border-color:var(--midas-border-color-primary);--dropzone-border-width:1px;--dropzone-border-style:dashed;--dropzone-background-color:var(--midas-background-base);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);background-color:var(--dropzone-background-color);box-sizing:border-box;border:var(--dropzone-border-width) var(--dropzone-border-style) var(--dropzone-border-color);padding:calc(var(--midas-space-medium) - var(--dropzone-border-width));align-items:center;gap:var(--midas-space-medium);text-align:center;flex-direction:column;display:flex}._dropZone_1g3sx_1 [slot=label]{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}._dropZone_1g3sx_1 [slot=errorMessage]:before{margin:0}._dropZone_1g3sx_1[data-drop-target]{--dropzone-border-width:2px;--dropzone-border-color:var(--midas-border-color-tertiary);--dropzone-background-color:var(--midas-support-background-info)}._dropZone_1g3sx_1[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors:active){._dropZone_1g3sx_1[data-focus-visible]{outline-offset:2px;outline:3px solid highlight}}._dropZone_1g3sx_1[data-invalid]{--dropzone-border-width:2px;--dropzone-border-style:solid;--dropzone-border-color:var(--midas-support-border-warning)}._dropZone_1g3sx_1[data-disabled]{color:var(--midas-text-disabled);--dropzone-border-color:var(--midas-border-color-disabled);cursor:not-allowed}._dropZone_1g3sx_1[data-disabled] [slot=label]{color:var(--midas-text-disabled)}
@@ -0,0 +1,25 @@
1
+ 'use client';
2
+ import { t as e } from "./clsx-B1NYyfch.js";
3
+ import { forwardRef as t } from "react";
4
+ import { DropZone as n, FieldErrorContext as r, composeRenderProps as i } from "react-aria-components";
5
+ import { jsx as a } from "react/jsx-runtime";
6
+ import '../assets/drop-zone.css';var o = { dropZone: "_dropZone_1g3sx_1" }, s = t(({ className: t, isInvalid: s, children: c, ...l }, u) => {
7
+ let d = s ? {
8
+ isInvalid: !0,
9
+ validationErrors: [],
10
+ validationDetails: {}
11
+ } : null;
12
+ return /* @__PURE__ */ a(n, {
13
+ ...l,
14
+ ref: u,
15
+ "data-invalid": s || void 0,
16
+ className: e(o.dropZone, t),
17
+ children: i(c, (e) => /* @__PURE__ */ a(r.Provider, {
18
+ value: d,
19
+ children: e
20
+ }))
21
+ });
22
+ });
23
+ s.displayName = "DropZone";
24
+ //#endregion
25
+ export { s as t };
@@ -0,0 +1,7 @@
1
+ 'use client';
2
+ import { FileTrigger as e } from "react-aria-components";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ //#region src/file-trigger/FileTrigger.tsx
5
+ var n = (n) => /* @__PURE__ */ t(e, { ...n });
6
+ //#endregion
7
+ export { n as t };
@@ -0,0 +1,21 @@
1
+ import { DropZoneProps as AriaDropZoneProps } from 'react-aria-components';
2
+ export interface DropZoneProps extends AriaDropZoneProps {
3
+ /**
4
+ * Marks the dropzone as invalid, e.g. after a failed validation. Pair with
5
+ * `FieldError` to render the error message, either inside or below the
6
+ * dropzone depending on where it's composed.
7
+ *
8
+ * @default false
9
+ */
10
+ isInvalid?: boolean;
11
+ }
12
+ /**
13
+ * A drop zone is an area into which one or multiple objects can be dragged
14
+ * and dropped. Content is fully composable โ€” pair it with `FileTrigger` for
15
+ * file uploads, or use it for any other drag-and-drop interaction.
16
+ *
17
+ * @interface DropZoneProps
18
+ *
19
+ * @see {@link https://react-spectrum.adobe.com/react-aria/DropZone.html|React Aria DropZone}
20
+ */
21
+ export declare const DropZone: import('react').ForwardRefExoticComponent<DropZoneProps & import('react').RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,16 @@
1
+ import { Meta, StoryObj } from '@storybook/react-vite';
2
+ import { DropZone } from './DropZone';
3
+ declare const meta: Meta<typeof DropZone>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof meta>;
6
+ export declare const Default: Story;
7
+ export declare const WithUploadButton: Story;
8
+ export declare const WithFieldLabel: Story;
9
+ export declare const Invalid: Story;
10
+ export declare const RejectsWrongFileType: Story;
11
+ export declare const RejectsTypeBeforeDrop: Story;
12
+ export declare const Disabled: Story;
13
+ interface DropZoneTestContainerProps {
14
+ onSelect: (files: File[]) => void;
15
+ }
16
+ export declare const WithFileTrigger: StoryObj<DropZoneTestContainerProps>;
@@ -0,0 +1 @@
1
+ export * from './DropZone';
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../chunks/drop-zone-DvQLpgq6.js";
2
+ export { e as DropZone };
@@ -0,0 +1,2 @@
1
+ import { FileTriggerProps } from 'react-aria-components';
2
+ export declare const FileTrigger: (props: FileTriggerProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { FileTrigger } from './FileTrigger';
@@ -0,0 +1,2 @@
1
+ import { t as e } from "../chunks/file-trigger-Dp5nH8oS.js";
2
+ export { e as FileTrigger };
package/index.d.ts CHANGED
@@ -11,9 +11,10 @@ export * from './combobox';
11
11
  export * from './common/types';
12
12
  export * from './date-field';
13
13
  export * from './date-picker';
14
+ export * from './drop-zone';
14
15
  export * from './field-error';
15
16
  export * from './file-list';
16
- export * from './file-upload';
17
+ export * from './file-trigger';
17
18
  export * from './grid';
18
19
  export * from './heading';
19
20
  export * from './info-banner';
package/index.js CHANGED
@@ -31,7 +31,8 @@ import { a as ae, i as oe, n as se, o as ce, r as le, t as ue } from "./chunks/m
31
31
  import { t as de } from "./chunks/combobox-DDO4fEtI.js";
32
32
  import { a as fe, c as pe, i as me, n as he, o as ge, r as _e, s as ve, t as ye } from "./chunks/list-box-VdBVTwZK.js";
33
33
  import { i as be, n as xe, r as Se, t as Ce } from "./chunks/date-field-DG5TYsTF.js";
34
- import { n as we, t as Te } from "./chunks/file-upload-DInuSFCB.js";
34
+ import { t as we } from "./chunks/drop-zone-DvQLpgq6.js";
35
+ import { t as Te } from "./chunks/file-trigger-Dp5nH8oS.js";
35
36
  import { n as Ee, t as De } from "./chunks/grid-DZB3GGDg.js";
36
37
  import { t as Oe } from "./chunks/info-banner-DnFNZ1_o.js";
37
38
  import { n as ke, t as Ae } from "./chunks/tooltip-D7LYQwj0.js";
@@ -59,7 +60,7 @@ var it = {
59
60
  description: "Midas Components",
60
61
  homepage: "https://designsystem.migrationsverket.se/",
61
62
  license: "CC0-1.0",
62
- version: "17.25.1",
63
+ version: "17.26.0",
63
64
  module: "./index.js",
64
65
  type: "module",
65
66
  main: "./index.js",
@@ -83,7 +84,7 @@ var it = {
83
84
  },
84
85
  dependencies: {
85
86
  "@internationalized/string": "^3.2.10",
86
- "@midas-ds/theme": "3.17.0",
87
+ "@midas-ds/theme": "3.17.1",
87
88
  "@react-stately/utils": "^3.12.1",
88
89
  "react-aria-components": "1.20.0",
89
90
  "react-aria": "^3.51.0",
@@ -91,4 +92,4 @@ var it = {
91
92
  }
92
93
  }.version;
93
94
  //#endregion
94
- export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, b as Calendar, q as Card, U as CardActionArea, V as CardActions, G as CardBody, K as CardContent, Y as CardHeader, J as CardImage, H as CardLink, W as CardTitle, g as Cell, X as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, p as Column, de as ComboBox, ne as ContrastFilled, be as DateField, xe as DateInput, Ce as DateInputDivider, v as DatePicker, y as DateRangePicker, Se as DateSegment, te as DialogTrigger, Te as DropZone, B as FieldError, k as FileList, A as FileListItem, we as FileTrigger, rt as GlobalToastRegion, Ee as Grid, De as GridItem, s as Header, P as Heading, Oe as InfoBanner, Ye as Input, Z as Label, c as Layout, u as Link, _ as LinkButton, pe as ListBox, ve as ListBoxButton, ye as ListBoxEmptyState, he as ListBoxHeader, ge as ListBoxItem, _e as ListBoxLoadMoreItem, fe as ListBoxPopover, me as ListBoxSection, Me as Logo, je as LogoContext, ae as Menu, oe as MenuItem, le as MenuPopover, se as MenuSection, ce as MenuTrigger, $ as Modal, ee as ModalOverlay, o as Navbar, Q as Popover, Ne as ProgressBar, Fe as Radio, Ie as RadioButton, Pe as RadioField, Le as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, O as SearchField, Re as Select, ue as Separator, a as Sidebar, i as SidebarLink, He as Skeleton, r as Spinner, Ge as Tab, Ke as TabList, We as TabPanel, f as Table, d as TableBody, m as TableHeader, Ue as Tabs, Be as Tag, Ve as TagGroup, ze as TagList, z as Text, Xe as TextArea, Je as TextField, qe as TextFieldBase, Ze as TimeField, et as Toast, nt as ToastProvider, $e as ToastRegion, re as ToggleButton, ie as ToggleButtonGroup, Ae as Tooltip, ke as TooltipTrigger, it as VERSION, n as clsx, Qe as toastQueue, j as useLocalizedStringFormatter, tt as useToastState };
95
+ export { e as Accordion, t as AccordionItem, F as Badge, I as BadgeContainer, R as Breadcrumb, L as Breadcrumbs, M as Button, N as ButtonGroup, b as Calendar, q as Card, U as CardActionArea, V as CardActions, G as CardBody, K as CardContent, Y as CardHeader, J as CardImage, H as CardLink, W as CardTitle, g as Cell, X as CharacterCounter, C as Checkbox, w as CheckboxButton, S as CheckboxField, T as CheckboxGroup, E as ColorSchemeSwitch, D as ColorSchemeSwitchMenu, p as Column, de as ComboBox, ne as ContrastFilled, be as DateField, xe as DateInput, Ce as DateInputDivider, v as DatePicker, y as DateRangePicker, Se as DateSegment, te as DialogTrigger, we as DropZone, B as FieldError, k as FileList, A as FileListItem, Te as FileTrigger, rt as GlobalToastRegion, Ee as Grid, De as GridItem, s as Header, P as Heading, Oe as InfoBanner, Ye as Input, Z as Label, c as Layout, u as Link, _ as LinkButton, pe as ListBox, ve as ListBoxButton, ye as ListBoxEmptyState, he as ListBoxHeader, ge as ListBoxItem, _e as ListBoxLoadMoreItem, fe as ListBoxPopover, me as ListBoxSection, Me as Logo, je as LogoContext, ae as Menu, oe as MenuItem, le as MenuPopover, se as MenuSection, ce as MenuTrigger, $ as Modal, ee as ModalOverlay, o as Navbar, Q as Popover, Ne as ProgressBar, Fe as Radio, Ie as RadioButton, Pe as RadioField, Le as RadioGroup, x as RangeCalendar, l as RouterProvider, h as Row, O as SearchField, Re as Select, ue as Separator, a as Sidebar, i as SidebarLink, He as Skeleton, r as Spinner, Ge as Tab, Ke as TabList, We as TabPanel, f as Table, d as TableBody, m as TableHeader, Ue as Tabs, Be as Tag, Ve as TagGroup, ze as TagList, z as Text, Xe as TextArea, Je as TextField, qe as TextFieldBase, Ze as TimeField, et as Toast, nt as ToastProvider, $e as ToastRegion, re as ToggleButton, ie as ToggleButtonGroup, Ae as Tooltip, ke as TooltipTrigger, it as VERSION, n as clsx, Qe as toastQueue, j as useLocalizedStringFormatter, tt as useToastState };
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "17.25.1",
17
+ "version": "17.26.0",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -42,7 +42,7 @@
42
42
  },
43
43
  "dependencies": {
44
44
  "@internationalized/string": "^3.2.10",
45
- "@midas-ds/theme": "3.17.0",
45
+ "@midas-ds/theme": "3.17.1",
46
46
  "@react-stately/utils": "^3.12.1",
47
47
  "react-aria-components": "1.20.0",
48
48
  "react-aria": "^3.51.0",
@@ -1 +0,0 @@
1
- ._dropzone_pm0xi_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);border:1px dashed var(--midas-border-color-subtle);text-align:center;background-color:var(--midas-background-base);padding:1.5rem}._dropzone_pm0xi_1 [slot=label]{margin-top:1rem;display:block}._dropzone_pm0xi_1[data-drop-target]{background:var(--midas-background-hover);border:1px solid var(--midas-border-color-primary)}
@@ -1,11 +0,0 @@
1
- 'use client';
2
- import { t as e } from "./clsx-B1NYyfch.js";
3
- import "react";
4
- import { DropZone as t, FileTrigger as n } from "react-aria-components";
5
- import { jsx as r } from "react/jsx-runtime";
6
- import '../assets/file-upload.css';var i = { dropzone: "_dropzone_pm0xi_1" }, a = ({ className: n, ...a }) => /* @__PURE__ */ r(t, {
7
- ...a,
8
- className: e(i.dropzone, n)
9
- }), o = (e) => /* @__PURE__ */ r(n, { ...e });
10
- //#endregion
11
- export { o as n, a as t };
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react-vite';
2
- import { DropZone } from './FileUpload';
3
- declare const meta: Meta<typeof DropZone>;
4
- export default meta;
5
- type Story = StoryObj<typeof meta>;
6
- export declare const Default: Story;
@@ -1,4 +0,0 @@
1
- import { DropZoneProps, FileTriggerProps } from 'react-aria-components';
2
- import * as React from 'react';
3
- export declare const DropZone: React.FC<DropZoneProps>;
4
- export declare const FileTrigger: React.FC<FileTriggerProps>;
@@ -1,11 +0,0 @@
1
- import { StoryObj } from '@storybook/react-vite';
2
- import { DropZone } from './FileUpload';
3
- type Story = StoryObj<typeof DropZone>;
4
- declare const _default: {
5
- component: import('react').FC<import('react-aria-components').DropZoneProps>;
6
- title: string;
7
- tags: string[];
8
- args: {};
9
- };
10
- export default _default;
11
- export declare const DropIt: Story;
@@ -1 +0,0 @@
1
- export { FileTrigger, DropZone } from './FileUpload';
@@ -1,2 +0,0 @@
1
- import { n as e, t } from "../chunks/file-upload-DInuSFCB.js";
2
- export { t as DropZone, e as FileTrigger };