@midas-ds/components 17.16.0 → 17.17.1
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 +16 -0
- package/assets/TextField.css +1 -1
- package/assets/color-scheme-switch.css +1 -1
- package/assets/date-picker.css +1 -1
- package/assets/default.css +1 -1
- package/assets/list-box.css +1 -1
- package/assets/popover.css +1 -1
- package/checkbox/index.js +1 -1
- package/chunks/TextField.module-nF-1HOkH.js +12 -0
- package/chunks/{checkbox-B_41DFjp.js → checkbox-B1fsgVOD.js} +1 -1
- package/chunks/color-scheme-switch-FjmPZdE4.js +203 -0
- package/chunks/{combobox-BLGIYxNy.js → combobox-Ids5V9io.js} +2 -2
- package/chunks/{date-field-Cy0HGw6v.js → date-field-U4owDpGF.js} +1 -1
- package/chunks/{date-picker-ByfWqOZh.js → date-picker-C9KL-4Lj.js} +10 -10
- package/chunks/{label-uwnwLD3z.js → label-Bius53F0.js} +1 -1
- package/chunks/{list-box-Dm2itiZD.js → list-box-BozMU8so.js} +10 -10
- package/chunks/{popover-DxnYz_IT.js → popover-Bx2Rch_E.js} +2 -2
- package/chunks/{progress-bar-Dppkp0cT.js → progress-bar-5H5WvG7R.js} +1 -1
- package/chunks/{radio-PBrD5BO4.js → radio-CsAvwCn2.js} +1 -1
- package/chunks/{search-field-B5RciSq0.js → search-field-Ci2UjkmK.js} +1 -1
- package/chunks/{select-BZ0greL0.js → select-Du5ANE34.js} +4 -4
- package/chunks/{table-BZ7VvZaq.js → table-lU-UeRjC.js} +1 -1
- package/chunks/{textfield-CZSw2R67.js → textfield-5Sw4fgE5.js} +2 -2
- package/chunks/{time-field-DaQfnJQF.js → time-field-BROZiten.js} +2 -2
- package/color-scheme-switch/ColorSchemeSwitchMenu.d.ts +3 -0
- package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts +8 -0
- package/color-scheme-switch/index.d.ts +1 -0
- package/color-scheme-switch/index.js +2 -2
- package/color-scheme-switch/intl/translations.json.d.ts +12 -4
- package/color-scheme-switch/useColorScheme.d.ts +13 -0
- package/combobox/index.js +1 -1
- package/date-field/index.js +1 -1
- package/date-picker/index.js +1 -1
- package/index.js +42 -42
- package/label/index.js +1 -1
- package/list-box/index.js +1 -1
- package/package.json +2 -2
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/search-field/index.js +1 -1
- package/select/index.js +1 -1
- package/table/index.js +1 -1
- package/textfield/index.js +1 -1
- package/time-field/index.js +1 -1
- package/chunks/TextField.module-CrR3Krxn.js +0 -12
- package/chunks/color-scheme-switch-Ce4vL8Yz.js +0 -122
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## 17.17.1 (2026-07-06)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated theme to 3.15.3
|
|
6
|
+
|
|
7
|
+
## 17.17.0 (2026-07-06)
|
|
8
|
+
|
|
9
|
+
### 🚀 Features
|
|
10
|
+
|
|
11
|
+
- **components,color-scheme-switch:** add ColorSchemeSwitchMenu compact dropdown variant ([e8dfb8e67dd](https://github.com/migrationsverket/midas/commit/e8dfb8e67dd))
|
|
12
|
+
|
|
13
|
+
### 🔧 Maintenance
|
|
14
|
+
|
|
15
|
+
- **workspace:** upgrade nx-stylelint to v19 and stylelint to v17 ([072ccfd0975](https://github.com/migrationsverket/midas/commit/072ccfd0975))
|
|
16
|
+
|
|
1
17
|
## 17.16.0 (2026-07-03)
|
|
2
18
|
|
|
3
19
|
### 🚀 Features
|
package/assets/TextField.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._textField_1jism_1{grid-template:"Label Count"min-content"Desc Count"min-content"Error Count"min-content"Input Input"min-content"BottomError BottomError"/1fr auto;grid-auto-rows:1fr 1fr;grid-auto-columns:1fr;align-content:flex-end;width:100%;display:grid}._textField_1jism_1>[slot=description]{grid-area:Desc}._textField_1jism_1>._bottomError_1jism_20{grid-area:BottomError}._textField_1jism_1[data-disabled]{color:var(--midas-text-disabled)}._textField_1jism_1[data-readonly] ._textArea_1jism_29,._textField_1jism_1[data-readonly] ._input_1jism_30{border-color:var(--midas-border-color-subtle);background-color:#0000}._textArea_1jism_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-01-base);box-sizing:border-box;overflow-wrap:break-word;resize:both;grid-area:Input;justify-content:center;align-items:center;width:100%;padding:1rem 1rem 1.25rem;font-size:1rem;display:flex;overflow:auto}@media (forced-colors:active){._textArea_1jism_29{outline-offset:2px;outline:3px solid}}._textArea_1jism_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_1jism_29[data-focused],._textArea_1jism_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._textArea_1jism_29[data-focused],._textArea_1jism_29[data-focus-visible]{border:1px solid}}._textArea_1jism_29[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}._textArea_1jism_29[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled)}._wrap_1jism_87{grid-area:Input;position:relative}._medium_1jism_92 ._input_1jism_30{min-height:var(--midas-size-control-md)}._input_1jism_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);border-bottom:1px solid var(--midas-border-color-primary);background-color:var(--midas-field-01-base);box-sizing:border-box;width:100%;min-height:var(--midas-size-control);border-radius:0;grid-area:Input;padding:0 1rem;font-size:1rem;line-height:1}@media (forced-colors:active){._input_1jism_30{border:1px solid}}._input_1jism_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_1jism_30[data-hovered]+._passwordText_1jism_120{background-color:var(--midas-field-01-hover)}._input_1jism_30[data-focused]{box-shadow:var(--midas-state-focus)}@media (forced-colors:active){._input_1jism_30[data-focused]{outline-offset:2px;outline:3px solid highlight}}._input_1jism_30[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._input_1jism_30[data-invalid]{border:1px solid}}._input_1jism_30[data-disabled]{cursor:not-allowed;background-color:var(--midas-field-disabled);border:none;border-bottom:1px solid var(--midas-border-color-disabled)}@media (forced-colors:active){._input_1jism_30[data-disabled]{border:1px solid}}._input_1jism_30::-ms-reveal{display:none}._passwordButton_1jism_159{z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above));position:absolute;right:0}._passwordButton_1jism_159[data-pressed]{background-color:#0000!important}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._button_1r8vq_1{padding:calc(var(--midas-space-60) - 1px);position:relative}._button_1r8vq_1[data-selected]:not([data-focus-visible]){box-shadow:none}._button_1r8vq_1[data-focus-visible]{box-shadow:var(--midas-state-focus)}._selectionIndicator_1r8vq_14{background-color:var(--midas-border-color-tertiary);height:2px;transition:translate var(--midas-transition-duration-fast) ease;position:absolute;bottom:0;left:0;right:0}
|
|
1
|
+
._button_1r8vq_1{padding:calc(var(--midas-space-60) - 1px);position:relative}._button_1r8vq_1[data-selected]:not([data-focus-visible]){box-shadow:none}._button_1r8vq_1[data-focus-visible]{box-shadow:var(--midas-state-focus)}._selectionIndicator_1r8vq_14{background-color:var(--midas-border-color-tertiary);height:2px;transition:translate var(--midas-transition-duration-fast) ease;position:absolute;bottom:0;left:0;right:0}._trigger_y8ah9_1{gap:var(--midas-space-50);padding-inline-end:0}._trigger_y8ah9_1[aria-expanded=true] ._chevron_y8ah9_6{transform:rotate(180deg)}._chevron_y8ah9_6{transition:transform var(--midas-transition-duration-instant) var(--midas-transition-timing-ease-in-out)}._menu_y8ah9_17{width:var(--midas-size-control)}._menuItem_y8ah9_21{background-color:var(--midas-layer-01-base);color:var(--midas-icon-primary);cursor:pointer;height:var(--midas-size-control);outline:none;justify-content:center;align-items:center;width:100%;display:flex}._menuItem_y8ah9_21[data-hovered]{background-color:var(--midas-layer-01-hover)}._menuItem_y8ah9_21[data-focus-visible]{background-color:var(--midas-menu-item-background-selected);box-shadow:var(--midas-state-focus-inset)}@media (forced-colors:active){._menuItem_y8ah9_21[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}
|
package/assets/date-picker.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}.
|
|
1
|
+
._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}._datePicker_feay3_1{font-family:var(--midas-typography-font-family);flex-direction:column;align-items:flex-start;display:flex}._inputField_feay3_8{box-sizing:border-box;width:100%;height:var(--midas-size-control);background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);justify-content:flex-start;align-items:center;gap:1rem;padding-left:1rem;display:flex}@media (forced-colors:active){._inputField_feay3_8{border:1px solid var(--midas-border-color-primary)}}._inputField_feay3_8._medium_feay3_24{height:var(--midas-size-control-md)}._inputField_feay3_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_feay3_8:focus-visible,._inputField_feay3_8[data-focus-visible]{outline:none}._inputField_feay3_8[data-invalid]{box-shadow:var(--midas-state-invalid);border:none}@media (forced-colors:active){._inputField_feay3_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_feay3_8._readOnly_feay3_47{border-color:var(--midas-border-color-subtle);background-color:#0000}._inputField_feay3_8 ._buttonGroup_feay3_52{height:100%;margin-left:auto;display:flex}._inputField_feay3_8 ._iconButton_feay3_58{aspect-ratio:1;border:none;height:100%;padding:0}._inputField_feay3_8 ._iconButton_feay3_58[data-disabled]{background-color:#0000}._inputField_feay3_8 ._iconButton_feay3_58:focus-visible,._inputField_feay3_8 ._iconButton_feay3_58[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}@media (forced-colors:active){._inputField_feay3_8 ._iconButton_feay3_58:focus-visible,._inputField_feay3_8 ._iconButton_feay3_58[data-focus-visible]{outline-offset:2px;outline:3px solid highlight}}._dialog_feay3_85{box-shadow:0 3px 5px #0003}
|
package/assets/default.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--midas-base-10:.125rem;--midas-base-15:.188rem;--midas-base-20:.25rem;--midas-base-30:.375rem;--midas-base-40:.5rem;--midas-base-50:.625rem;--midas-base-60:.75rem;--midas-base-70:.875rem;--midas-base-75:.938rem;--midas-base-80:1rem;--midas-base-90:1.25rem;--midas-base-100:1.5rem;--midas-base-110:1.75rem;--midas-base-120:2rem;--midas-base-130:2.5rem;--midas-base-140:2.75rem;--midas-base-150:3rem;--midas-base-00:0rem;--midas-base-05:.063rem;--midas-window-sizes-sm:480px;--midas-window-sizes-md:768px;--midas-window-sizes-lg:1024px;--midas-window-sizes-xl:1280px;--midas-button-background-secondary-base:transparent;--midas-button-icon-active: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-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--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-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-disabled:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--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-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-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-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--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-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-disabled:var(--lightningcss-light,var(--midas-color-gray-10))var(--lightningcss-dark,var(--midas-color-gray-180));--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-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}
|
package/assets/list-box.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}.
|
|
1
|
+
._dropdownAnimation_1ljkv_4{opacity:1;transition:opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out)}._dropdownAnimation_1ljkv_4[data-entering]{opacity:0}._dropdownAnimation_1ljkv_4[data-exiting]{opacity:0;transition-timing-function:var(--midas-transition-timing-ease-in)}@media (prefers-reduced-motion){._dropdownAnimation_1ljkv_4{transition:none}}._listBox_48j4n_4{max-height:min(295px,50dvh);overflow:hidden auto}._listBox_48j4n_4>div{pointer-events:auto!important}._listBoxPopover_48j4n_16{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);box-shadow:0 3px 5px #0003}@media (forced-colors:active){._listBoxPopover_48j4n_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_48j4n_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:var(--midas-typography-weight-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header);display:block}._listBoxButton_48j4n_43{all:unset;box-sizing:border-box;width:100%;margin-bottom:var(--midas-space-10)!important}._listBoxButton_48j4n_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_48j4n_55{background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-70) var(--midas-space-medium);justify-content:space-between;align-items:center;gap:var(--midas-space-medium);margin-bottom:0;display:flex}._listBoxItem_48j4n_55 ._textContent_48j4n_68{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_48j4n_55[data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer}._listBoxItem_48j4n_55[data-pressed]:not([data-disabled]){background-color:var(--midas-layer-01-hover)}._listBoxItem_48j4n_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_48j4n_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_48j4n_55[data-selected][data-hovered]:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover)}._listBoxItem_48j4n_55[data-focused]{box-shadow:none;outline:none}@media (forced-colors:active){._listBoxItem_48j4n_55[data-focused]{outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1);outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important}}._listBoxItem_48j4n_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_48j4n_55[data-selection-mode=single][data-selected] ._textContent_48j4n_68{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_48j4n_55[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);mask-size:var(--midas-size-icon-sm) var(--midas-size-icon-sm);flex-shrink:0}@media (forced-colors:active){._listBoxItem_48j4n_55[data-selection-mode=single][data-selected]:after{filter:invert()}}._listBoxItem_48j4n_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_48j4n_55[data-selection-mode=multiple]:before{box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon-sm);height:var(--midas-size-icon-sm);transition:all .2s}._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon-sm);min-height:var(--midas-size-icon-sm);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media (forced-colors:active){._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media (forced-colors:active){._listBoxItem_48j4n_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:selecteditem;border-color:selecteditem}}._listBoxLoadMoreItem_48j4n_176{align-items:center;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium);display:flex}@media (prefers-reduced-motion){._listBoxItem_48j4n_55,._item_48j4n_187,._option_48j4n_188 ._inputCheckbox_48j4n_188{transition:none}}._listBoxEmptyState_1wxhy_1{line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium);display:block}
|
package/assets/popover.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._popover_1p8i3_1{font-family:var(--midas-typography-font-family);font-size:var(--midas-typography-font-size-20);padding:var(--midas-space-medium);color:var(--midas-text-primary);background-color:var(--midas-layer-01-base);white-space:normal;overflow-wrap:break-word;box-sizing:border-box;max-width:min(90vw,320px);transition:transform var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out), opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-out);outline:none;display:inline-block;transform:translate(0,0);box-shadow:0 4px 5px #0003}@media (forced-colors:active){._popover_1p8i3_1{border:1px solid}}._popover_1p8i3_1 ._arrow_1p8i3_25 svg{fill:var(--midas-layer-01-base);display:block}@media (forced-colors:active){._popover_1p8i3_1 ._arrow_1p8i3_25 svg{fill:currentColor}}._popover_1p8i3_1[data-entering]{transform:var(--origin);opacity:0}._popover_1p8i3_1[data-exiting]{transform:var(--origin);opacity:0;transition:transform var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in), opacity var(--midas-transition-duration-quick) var(--midas-transition-timing-ease-in)}._popover_1p8i3_1:has(._arrow_1p8i3_25){box-shadow:none;filter:drop-shadow(calc(var(--shadow-x,0) * 2px) calc(var(--shadow-y,0) * 2px) 3px #00000026) drop-shadow(calc(var(--shadow-x,0) * 6px) calc(var(--shadow-y,0) * 6px) 8px #0000001a)}._popover_1p8i3_1[data-placement=top]{--origin:translateY(4px);--shadow-x:0;--shadow-y:1}._popover_1p8i3_1[data-placement=top]:has(._arrow_1p8i3_25){margin-bottom:4px}._popover_1p8i3_1[data-placement=bottom]{--origin:translateY(-4px);--shadow-x:0;--shadow-y:-1}._popover_1p8i3_1[data-placement=bottom]:has(._arrow_1p8i3_25){margin-top:4px}._popover_1p8i3_1[data-placement=bottom] ._arrow_1p8i3_25 svg{transform:rotate(180deg)}._popover_1p8i3_1[data-placement=right]{--origin:translateX(-4px);--shadow-x:-1;--shadow-y:0}._popover_1p8i3_1[data-placement=right]:has(._arrow_1p8i3_25){margin-left:4px}._popover_1p8i3_1[data-placement=right] ._arrow_1p8i3_25 svg{transform:rotate(90deg)}._popover_1p8i3_1[data-placement=left]{--origin:translateX(4px);--shadow-x:1;--shadow-y:0}._popover_1p8i3_1[data-placement=left]:has(._arrow_1p8i3_25){margin-right:4px}._popover_1p8i3_1[data-placement=left] ._arrow_1p8i3_25 svg{transform:rotate(-90deg)}@media (prefers-reduced-motion){._popover_1p8i3_1{transition:none}}
|
package/checkbox/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/checkbox-
|
|
1
|
+
import { n as e, t } from "../chunks/checkbox-B1fsgVOD.js";
|
|
2
2
|
export { e as Checkbox, t as CheckboxGroup };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import '../assets/TextField.css';var e = {
|
|
2
|
+
textField: "_textField_1jism_1",
|
|
3
|
+
bottomError: "_bottomError_1jism_20",
|
|
4
|
+
textArea: "_textArea_1jism_29",
|
|
5
|
+
input: "_input_1jism_30",
|
|
6
|
+
wrap: "_wrap_1jism_87",
|
|
7
|
+
medium: "_medium_1jism_92",
|
|
8
|
+
passwordText: "_passwordText_1jism_120",
|
|
9
|
+
passwordButton: "_passwordButton_1jism_159"
|
|
10
|
+
};
|
|
11
|
+
//#endregion
|
|
12
|
+
export { e as t };
|
|
@@ -4,7 +4,7 @@ import { t as n } from "./check-BiPE7lAA.js";
|
|
|
4
4
|
import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
5
5
|
import { t as i } from "./text-mAeDlv5N.js";
|
|
6
6
|
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
7
|
-
import { n as o, t as s } from "./label-
|
|
7
|
+
import { n as o, t as s } from "./label-Bius53F0.js";
|
|
8
8
|
import * as c from "react";
|
|
9
9
|
import l, { forwardRef as u, useContext as d, useRef as f } from "react";
|
|
10
10
|
import { CheckboxContext as p, FieldErrorContext as m, FormContext as h, useContextProps as g, useSlottedContext as _ } from "react-aria-components";
|
|
@@ -0,0 +1,203 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
|
+
import { t } from "./createLucideIcon-DhIhuN5D.js";
|
|
4
|
+
import { t as n } from "./chevron-down-Buf0eTzo.js";
|
|
5
|
+
import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
6
|
+
import { n as i } from "./button-CFjf-bDe.js";
|
|
7
|
+
import { t as a } from "./icons-Dw_ZbztW.js";
|
|
8
|
+
import { n as o, t as s } from "./toggle-button-DlPo9GJW.js";
|
|
9
|
+
import { a as c, o as l, r as u } from "./menu-CB6VDQ-u.js";
|
|
10
|
+
import * as d from "react";
|
|
11
|
+
import { useEffect as f, useState as p } from "react";
|
|
12
|
+
import { MenuItem as m, SelectionIndicator as h } from "react-aria-components";
|
|
13
|
+
import { jsx as g, jsxs as _ } from "react/jsx-runtime";
|
|
14
|
+
import { VisuallyHidden as v } from "react-aria";
|
|
15
|
+
import '../assets/color-scheme-switch.css';var y = t("moon", [["path", {
|
|
16
|
+
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
|
|
17
|
+
key: "kfwtm"
|
|
18
|
+
}]]), b = t("sun", [
|
|
19
|
+
["circle", {
|
|
20
|
+
cx: "12",
|
|
21
|
+
cy: "12",
|
|
22
|
+
r: "4",
|
|
23
|
+
key: "4exip2"
|
|
24
|
+
}],
|
|
25
|
+
["path", {
|
|
26
|
+
d: "M12 2v2",
|
|
27
|
+
key: "tus03m"
|
|
28
|
+
}],
|
|
29
|
+
["path", {
|
|
30
|
+
d: "M12 20v2",
|
|
31
|
+
key: "1lh1kg"
|
|
32
|
+
}],
|
|
33
|
+
["path", {
|
|
34
|
+
d: "m4.93 4.93 1.41 1.41",
|
|
35
|
+
key: "149t6j"
|
|
36
|
+
}],
|
|
37
|
+
["path", {
|
|
38
|
+
d: "m17.66 17.66 1.41 1.41",
|
|
39
|
+
key: "ptbguv"
|
|
40
|
+
}],
|
|
41
|
+
["path", {
|
|
42
|
+
d: "M2 12h2",
|
|
43
|
+
key: "1t8f8n"
|
|
44
|
+
}],
|
|
45
|
+
["path", {
|
|
46
|
+
d: "M20 12h2",
|
|
47
|
+
key: "1q8mjw"
|
|
48
|
+
}],
|
|
49
|
+
["path", {
|
|
50
|
+
d: "m6.34 17.66-1.41 1.41",
|
|
51
|
+
key: "1m8zz5"
|
|
52
|
+
}],
|
|
53
|
+
["path", {
|
|
54
|
+
d: "m19.07 4.93-1.41 1.41",
|
|
55
|
+
key: "1shlcs"
|
|
56
|
+
}]
|
|
57
|
+
]), x = {
|
|
58
|
+
button: "_button_1r8vq_1",
|
|
59
|
+
selectionIndicator: "_selectionIndicator_1r8vq_14"
|
|
60
|
+
}, S = {
|
|
61
|
+
en: {
|
|
62
|
+
colorScheme: "Color scheme",
|
|
63
|
+
darkMode: "Dark mode",
|
|
64
|
+
lightMode: "Light mode",
|
|
65
|
+
system: "Follows system",
|
|
66
|
+
triggerDarkMode: "Color scheme: Dark mode",
|
|
67
|
+
triggerLightMode: "Color scheme: Light mode",
|
|
68
|
+
triggerSystem: "Color scheme: Follows system"
|
|
69
|
+
},
|
|
70
|
+
sv: {
|
|
71
|
+
colorScheme: "Färgschema",
|
|
72
|
+
darkMode: "Mörkt läge",
|
|
73
|
+
lightMode: "Ljust läge",
|
|
74
|
+
system: "Följer systemet",
|
|
75
|
+
triggerDarkMode: "Färgschema: Mörkt läge",
|
|
76
|
+
triggerLightMode: "Färgschema: Ljust läge",
|
|
77
|
+
triggerSystem: "Färgschema: Följer systemet"
|
|
78
|
+
}
|
|
79
|
+
}, C = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: r }) => {
|
|
80
|
+
let [i, a] = p(n ?? t), o = n ?? i;
|
|
81
|
+
return f(() => {
|
|
82
|
+
let t = document.querySelector(e);
|
|
83
|
+
if (!t) {
|
|
84
|
+
console.warn(`No element found for selector: "${e}"`);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
o === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = o;
|
|
88
|
+
}, [o, e]), {
|
|
89
|
+
resolved: o,
|
|
90
|
+
onChange: (e) => {
|
|
91
|
+
a(e), r?.(e);
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
}, w = ({ selector: e = ":root", defaultScheme: t = "light dark", scheme: n, onSchemeChange: i, defaultValue: c, className: l }) => {
|
|
95
|
+
let { resolved: u, onChange: d } = C({
|
|
96
|
+
selector: e,
|
|
97
|
+
defaultScheme: c ? Array.from(c)[0] : t,
|
|
98
|
+
scheme: n,
|
|
99
|
+
onSchemeChange: i
|
|
100
|
+
}), f = r(S);
|
|
101
|
+
return /* @__PURE__ */ _(s, {
|
|
102
|
+
selectionMode: "single",
|
|
103
|
+
selectedKeys: /* @__PURE__ */ new Set([u]),
|
|
104
|
+
onSelectionChange: (e) => {
|
|
105
|
+
d(Array.from(e)[0]);
|
|
106
|
+
},
|
|
107
|
+
disallowEmptySelection: !0,
|
|
108
|
+
"aria-label": f.format("colorScheme"),
|
|
109
|
+
className: l,
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ _(o, {
|
|
112
|
+
id: "light",
|
|
113
|
+
className: x.button,
|
|
114
|
+
children: [
|
|
115
|
+
/* @__PURE__ */ g(b, {}),
|
|
116
|
+
/* @__PURE__ */ g(v, { children: f.format("lightMode") }),
|
|
117
|
+
/* @__PURE__ */ g(h, { className: x.selectionIndicator })
|
|
118
|
+
]
|
|
119
|
+
}),
|
|
120
|
+
/* @__PURE__ */ _(o, {
|
|
121
|
+
id: "dark",
|
|
122
|
+
className: x.button,
|
|
123
|
+
children: [
|
|
124
|
+
/* @__PURE__ */ g(y, {}),
|
|
125
|
+
/* @__PURE__ */ g(v, { children: f.format("darkMode") }),
|
|
126
|
+
/* @__PURE__ */ g(h, { className: x.selectionIndicator })
|
|
127
|
+
]
|
|
128
|
+
}),
|
|
129
|
+
/* @__PURE__ */ _(o, {
|
|
130
|
+
id: "light dark",
|
|
131
|
+
className: x.button,
|
|
132
|
+
children: [
|
|
133
|
+
/* @__PURE__ */ g(a, {}),
|
|
134
|
+
/* @__PURE__ */ g(v, { children: f.format("system") }),
|
|
135
|
+
/* @__PURE__ */ g(h, { className: x.selectionIndicator })
|
|
136
|
+
]
|
|
137
|
+
})
|
|
138
|
+
]
|
|
139
|
+
});
|
|
140
|
+
}, T = {
|
|
141
|
+
trigger: "_trigger_y8ah9_1",
|
|
142
|
+
chevron: "_chevron_y8ah9_6",
|
|
143
|
+
menu: "_menu_y8ah9_17",
|
|
144
|
+
menuItem: "_menuItem_y8ah9_21"
|
|
145
|
+
}, E = {
|
|
146
|
+
light: b,
|
|
147
|
+
"light dark": a,
|
|
148
|
+
dark: y
|
|
149
|
+
}, D = (e) => e === "light" ? "triggerLightMode" : e === "dark" ? "triggerDarkMode" : "triggerSystem", O = ({ selector: t = ":root", defaultScheme: o = "light dark", scheme: s, onSchemeChange: f, className: p }) => {
|
|
150
|
+
let { resolved: h, onChange: x } = C({
|
|
151
|
+
selector: t,
|
|
152
|
+
defaultScheme: o,
|
|
153
|
+
scheme: s,
|
|
154
|
+
onSchemeChange: f
|
|
155
|
+
}), w = E[h];
|
|
156
|
+
d.useEffect(() => {
|
|
157
|
+
let e = document.querySelector(t);
|
|
158
|
+
if (!e) {
|
|
159
|
+
console.warn(`No element found for selector: "${t}"`);
|
|
160
|
+
return;
|
|
161
|
+
}
|
|
162
|
+
h === "light dark" ? delete e.dataset.colorScheme : e.dataset.colorScheme = h;
|
|
163
|
+
}, [h, t]);
|
|
164
|
+
let O = r(S);
|
|
165
|
+
return /* @__PURE__ */ _(l, { children: [/* @__PURE__ */ _(i, {
|
|
166
|
+
variant: "icon",
|
|
167
|
+
size: "medium",
|
|
168
|
+
className: e(T.trigger, p),
|
|
169
|
+
"aria-label": O.format(D(h)),
|
|
170
|
+
children: [/* @__PURE__ */ g(w, { size: 20 }), /* @__PURE__ */ g(n, {
|
|
171
|
+
size: 20,
|
|
172
|
+
className: T.chevron
|
|
173
|
+
})]
|
|
174
|
+
}), /* @__PURE__ */ g(u, {
|
|
175
|
+
placement: "bottom start",
|
|
176
|
+
children: /* @__PURE__ */ _(c, {
|
|
177
|
+
onAction: (e) => x(e),
|
|
178
|
+
className: T.menu,
|
|
179
|
+
children: [
|
|
180
|
+
/* @__PURE__ */ _(m, {
|
|
181
|
+
id: "light",
|
|
182
|
+
textValue: O.format("lightMode"),
|
|
183
|
+
className: T.menuItem,
|
|
184
|
+
children: [/* @__PURE__ */ g(b, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("lightMode") })]
|
|
185
|
+
}),
|
|
186
|
+
/* @__PURE__ */ _(m, {
|
|
187
|
+
id: "dark",
|
|
188
|
+
textValue: O.format("darkMode"),
|
|
189
|
+
className: T.menuItem,
|
|
190
|
+
children: [/* @__PURE__ */ g(y, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("darkMode") })]
|
|
191
|
+
}),
|
|
192
|
+
/* @__PURE__ */ _(m, {
|
|
193
|
+
id: "light dark",
|
|
194
|
+
textValue: O.format("system"),
|
|
195
|
+
className: T.menuItem,
|
|
196
|
+
children: [/* @__PURE__ */ g(a, { size: 20 }), /* @__PURE__ */ g(v, { children: O.format("system") })]
|
|
197
|
+
})
|
|
198
|
+
]
|
|
199
|
+
})
|
|
200
|
+
})] });
|
|
201
|
+
};
|
|
202
|
+
//#endregion
|
|
203
|
+
export { w as n, O as t };
|
|
@@ -4,8 +4,8 @@ import { t } from "./chevron-down-Buf0eTzo.js";
|
|
|
4
4
|
import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
5
5
|
import { t as r } from "./text-mAeDlv5N.js";
|
|
6
6
|
import { t as i } from "./field-error-DYp2kgFr.js";
|
|
7
|
-
import { n as a, t as o } from "./label-
|
|
8
|
-
import { a as s, c, t as l } from "./list-box-
|
|
7
|
+
import { n as a, t as o } from "./label-Bius53F0.js";
|
|
8
|
+
import { a as s, c, t as l } from "./list-box-BozMU8so.js";
|
|
9
9
|
import { useRef as u } from "react";
|
|
10
10
|
import { Button as d, ComboBox as f, Input as p } from "react-aria-components";
|
|
11
11
|
import { jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
@@ -2,7 +2,7 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
|
2
2
|
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
3
3
|
import { t as n } from "./text-mAeDlv5N.js";
|
|
4
4
|
import { t as r } from "./field-error-DYp2kgFr.js";
|
|
5
|
-
import { n as i, t as a } from "./label-
|
|
5
|
+
import { n as i, t as a } from "./label-Bius53F0.js";
|
|
6
6
|
import { t as o } from "./clear-button-Cb4MTvBR.js";
|
|
7
7
|
import * as s from "react";
|
|
8
8
|
import { DateField as c, DateFieldStateContext as l, DateInput as u, DateSegment as d } from "react-aria-components";
|
|
@@ -6,9 +6,9 @@ import { t as i } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
|
6
6
|
import { n as a } from "./button-CFjf-bDe.js";
|
|
7
7
|
import { t as o } from "./text-mAeDlv5N.js";
|
|
8
8
|
import { t as s } from "./field-error-DYp2kgFr.js";
|
|
9
|
-
import { n as c, t as l } from "./label-
|
|
9
|
+
import { n as c, t as l } from "./label-Bius53F0.js";
|
|
10
10
|
import { t as u } from "./clear-button-Cb4MTvBR.js";
|
|
11
|
-
import { n as d, r as f, t as p } from "./date-field-
|
|
11
|
+
import { n as d, r as f, t as p } from "./date-field-U4owDpGF.js";
|
|
12
12
|
import * as m from "react";
|
|
13
13
|
import { DatePicker as h, DatePickerStateContext as g, DateRangePicker as _, DateRangePickerStateContext as v, Dialog as y, Group as b, Popover as x } from "react-aria-components";
|
|
14
14
|
import { jsx as S, jsxs as C } from "react/jsx-runtime";
|
|
@@ -68,14 +68,14 @@ import '../assets/date-picker.css';var E = t("calendar-days", [
|
|
|
68
68
|
"open-calendar": "Öppna kalender"
|
|
69
69
|
}
|
|
70
70
|
}, O = {
|
|
71
|
-
datePicker: "
|
|
72
|
-
inputField: "
|
|
73
|
-
medium: "
|
|
74
|
-
readOnly: "
|
|
75
|
-
buttonGroup: "
|
|
76
|
-
iconButton: "
|
|
77
|
-
popover: "
|
|
78
|
-
dialog: "
|
|
71
|
+
datePicker: "_datePicker_feay3_1",
|
|
72
|
+
inputField: "_inputField_feay3_8",
|
|
73
|
+
medium: "_medium_feay3_24",
|
|
74
|
+
readOnly: "_readOnly_feay3_47",
|
|
75
|
+
buttonGroup: "_buttonGroup_feay3_52",
|
|
76
|
+
iconButton: "_iconButton_feay3_58",
|
|
77
|
+
popover: "_popover_feay3_81 _dropdownAnimation_1ljkv_4",
|
|
78
|
+
dialog: "_dialog_feay3_85"
|
|
79
79
|
}, k = (e) => !!e && !!e.value && Object.prototype.hasOwnProperty.call(e.value, "start"), A = ({ isClearable: t, isDisabled: n, isReadOnly: r, size: a }) => {
|
|
80
80
|
let o = m.useContext(g), s = m.useContext(v), c = i(D), l = T(), d = s ?? o, f = k(d) ? !!d.value.start && d.value.end : !!d?.value;
|
|
81
81
|
return t && f && !r ? /* @__PURE__ */ S(u, {
|
|
@@ -2,7 +2,7 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
|
2
2
|
import { t } from "./info-Bm2gRija.js";
|
|
3
3
|
import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
4
4
|
import { n as r } from "./button-CFjf-bDe.js";
|
|
5
|
-
import { t as i } from "./popover-
|
|
5
|
+
import { t as i } from "./popover-Bx2Rch_E.js";
|
|
6
6
|
import { t as a } from "./modal-Dr0ythpF.js";
|
|
7
7
|
import * as o from "react";
|
|
8
8
|
import s, { useContext as c } from "react";
|
|
@@ -14,16 +14,16 @@ var g = class extends l {
|
|
|
14
14
|
}), this.contentSize;
|
|
15
15
|
}
|
|
16
16
|
}, _ = {
|
|
17
|
-
listBox: "
|
|
18
|
-
listBoxPopover: "
|
|
19
|
-
listBoxSectionHeading: "
|
|
20
|
-
listBoxButton: "
|
|
21
|
-
listBoxItem: "
|
|
22
|
-
textContent: "
|
|
23
|
-
listBoxLoadMoreItem: "
|
|
24
|
-
item: "
|
|
25
|
-
option: "
|
|
26
|
-
inputCheckbox: "
|
|
17
|
+
listBox: "_listBox_48j4n_4",
|
|
18
|
+
listBoxPopover: "_listBoxPopover_48j4n_16 _dropdownAnimation_1ljkv_4",
|
|
19
|
+
listBoxSectionHeading: "_listBoxSectionHeading_48j4n_31",
|
|
20
|
+
listBoxButton: "_listBoxButton_48j4n_43",
|
|
21
|
+
listBoxItem: "_listBoxItem_48j4n_55",
|
|
22
|
+
textContent: "_textContent_48j4n_68",
|
|
23
|
+
listBoxLoadMoreItem: "_listBoxLoadMoreItem_48j4n_176",
|
|
24
|
+
item: "_item_48j4n_187",
|
|
25
|
+
option: "_option_48j4n_188",
|
|
26
|
+
inputCheckbox: "_inputCheckbox_48j4n_188"
|
|
27
27
|
}, v = ({ className: t, children: n, ...r }) => /* @__PURE__ */ m(d, {
|
|
28
28
|
layout: g,
|
|
29
29
|
layoutOptions: { headingHeight: 38 },
|
|
@@ -3,8 +3,8 @@ import { forwardRef as t } from "react";
|
|
|
3
3
|
import { OverlayArrow as n, Popover as r, PopoverContext as i, composeRenderProps as a, useContextProps as o } from "react-aria-components";
|
|
4
4
|
import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
|
|
5
5
|
import '../assets/popover.css';var u = {
|
|
6
|
-
popover: "
|
|
7
|
-
arrow: "
|
|
6
|
+
popover: "_popover_1p8i3_1",
|
|
7
|
+
arrow: "_arrow_1p8i3_25"
|
|
8
8
|
}, d = t((t, d) => {
|
|
9
9
|
let [f, p] = o(t, d, i), { className: m, hideArrow: h = !1, offset: g = 4, ..._ } = f;
|
|
10
10
|
return /* @__PURE__ */ c(r, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
2
|
-
import { t } from "./label-
|
|
2
|
+
import { t } from "./label-Bius53F0.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import { ProgressBar as n } from "react-aria-components";
|
|
5
5
|
import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
3
|
import { t } from "./text-mAeDlv5N.js";
|
|
4
4
|
import { t as n } from "./field-error-DYp2kgFr.js";
|
|
5
|
-
import { n as r, t as i } from "./label-
|
|
5
|
+
import { n as r, t as i } from "./label-Bius53F0.js";
|
|
6
6
|
import "react";
|
|
7
7
|
import { Group as a, Radio as o, RadioGroup as s, composeRenderProps as c } from "react-aria-components";
|
|
8
8
|
import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
|
|
@@ -5,7 +5,7 @@ import { t as n } from "./x-Bs_QW3q8.js";
|
|
|
5
5
|
import { t as r } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
6
6
|
import { n as i } from "./button-CFjf-bDe.js";
|
|
7
7
|
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
8
|
-
import { t as o } from "./TextField.module-
|
|
8
|
+
import { t as o } from "./TextField.module-nF-1HOkH.js";
|
|
9
9
|
import { FormContext as s, Input as c, SearchField as l, useSlottedContext as u } from "react-aria-components";
|
|
10
10
|
import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
11
11
|
import '../assets/search-field.css';var m = t("search", [["path", {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { n as e, t } from "./clsx-BtlV5Vo3.js";
|
|
2
2
|
import { t as n } from "./chevron-down-Buf0eTzo.js";
|
|
3
|
-
import { n as r } from "./checkbox-
|
|
3
|
+
import { n as r } from "./checkbox-B1fsgVOD.js";
|
|
4
4
|
import { t as i } from "./x-Bs_QW3q8.js";
|
|
5
5
|
import { t as a } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
6
6
|
import { t as o } from "./text-mAeDlv5N.js";
|
|
7
7
|
import { t as s } from "./field-error-DYp2kgFr.js";
|
|
8
|
-
import { n as c, t as l } from "./label-
|
|
9
|
-
import { t as u } from "./popover-
|
|
10
|
-
import { c as d } from "./list-box-
|
|
8
|
+
import { n as c, t as l } from "./label-Bius53F0.js";
|
|
9
|
+
import { t as u } from "./popover-Bx2Rch_E.js";
|
|
10
|
+
import { c as d } from "./list-box-BozMU8so.js";
|
|
11
11
|
import { n as f, r as p, t as m } from "./tag-CELJrUEQ.js";
|
|
12
12
|
import h, { useContext as g } from "react";
|
|
13
13
|
import { Button as _, Select as v, SelectStateContext as y, SelectValue as b } from "react-aria-components";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
3
3
|
import { t } from "./createLucideIcon-DhIhuN5D.js";
|
|
4
|
-
import { n } from "./checkbox-
|
|
4
|
+
import { n } from "./checkbox-B1fsgVOD.js";
|
|
5
5
|
import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
|
|
6
6
|
import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
|
|
7
7
|
import '../assets/table.css';var h = t("arrow-down", [["path", {
|
|
@@ -5,8 +5,8 @@ import { n as r } from "./button-CFjf-bDe.js";
|
|
|
5
5
|
import { t as i } from "./text-mAeDlv5N.js";
|
|
6
6
|
import { t as a } from "./field-error-DYp2kgFr.js";
|
|
7
7
|
import { t as o } from "./character-counter-CSoVSrxZ.js";
|
|
8
|
-
import { n as s, t as c } from "./label-
|
|
9
|
-
import { t as l } from "./TextField.module-
|
|
8
|
+
import { n as s, t as c } from "./label-Bius53F0.js";
|
|
9
|
+
import { t as l } from "./TextField.module-nF-1HOkH.js";
|
|
10
10
|
import { forwardRef as u, useState as d } from "react";
|
|
11
11
|
import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
|
|
12
12
|
import { jsx as v, jsxs as y } from "react/jsx-runtime";
|
|
@@ -2,9 +2,9 @@ import { t as e } from "./clsx-BtlV5Vo3.js";
|
|
|
2
2
|
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
3
3
|
import { t as n } from "./text-mAeDlv5N.js";
|
|
4
4
|
import { t as r } from "./field-error-DYp2kgFr.js";
|
|
5
|
-
import { n as i, t as a } from "./label-
|
|
5
|
+
import { n as i, t as a } from "./label-Bius53F0.js";
|
|
6
6
|
import { t as o } from "./clear-button-Cb4MTvBR.js";
|
|
7
|
-
import { n as s, r as c } from "./date-field-
|
|
7
|
+
import { n as s, r as c } from "./date-field-U4owDpGF.js";
|
|
8
8
|
import * as l from "react";
|
|
9
9
|
import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
|
|
10
10
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ColorSchemeSwitchMenu } from './ColorSchemeSwitchMenu';
|
|
3
|
+
declare const meta: Meta<typeof ColorSchemeSwitchMenu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ColorSchemeSwitchMenu>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const DefaultDark: Story;
|
|
8
|
+
export declare const WithCallback: Story;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export { e as ColorSchemeSwitch };
|
|
1
|
+
import { n as e, t } from "../chunks/color-scheme-switch-FjmPZdE4.js";
|
|
2
|
+
export { e as ColorSchemeSwitch, t as ColorSchemeSwitchMenu };
|
|
@@ -1,13 +1,21 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
"en": {
|
|
3
|
-
"
|
|
4
|
-
"
|
|
5
|
-
"
|
|
3
|
+
"colorScheme": "Color scheme",
|
|
4
|
+
"darkMode": "Dark mode",
|
|
5
|
+
"lightMode": "Light mode",
|
|
6
|
+
"system": "Follows system",
|
|
7
|
+
"triggerDarkMode": "Color scheme: Dark mode",
|
|
8
|
+
"triggerLightMode": "Color scheme: Light mode",
|
|
9
|
+
"triggerSystem": "Color scheme: Follows system"
|
|
6
10
|
},
|
|
7
11
|
"sv": {
|
|
12
|
+
"colorScheme": "Färgschema",
|
|
8
13
|
"darkMode": "Mörkt läge",
|
|
9
14
|
"lightMode": "Ljust läge",
|
|
10
|
-
"system": "
|
|
15
|
+
"system": "Följer systemet",
|
|
16
|
+
"triggerDarkMode": "Färgschema: Mörkt läge",
|
|
17
|
+
"triggerLightMode": "Färgschema: Ljust läge",
|
|
18
|
+
"triggerSystem": "Färgschema: Följer systemet"
|
|
11
19
|
}
|
|
12
20
|
}
|
|
13
21
|
;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ColorScheme } from './ColorSchemeSwitch';
|
|
2
|
+
interface UseColorSchemeOptions {
|
|
3
|
+
selector?: string;
|
|
4
|
+
defaultScheme?: ColorScheme;
|
|
5
|
+
scheme?: ColorScheme;
|
|
6
|
+
onSchemeChange?: (scheme: ColorScheme) => void;
|
|
7
|
+
}
|
|
8
|
+
interface UseColorSchemeReturn {
|
|
9
|
+
resolved: ColorScheme;
|
|
10
|
+
onChange: (next: ColorScheme) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const useColorScheme: ({ selector, defaultScheme, scheme, onSchemeChange, }: UseColorSchemeOptions) => UseColorSchemeReturn;
|
|
13
|
+
export {};
|
package/combobox/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/combobox-
|
|
1
|
+
import { t as e } from "../chunks/combobox-Ids5V9io.js";
|
|
2
2
|
export { e as ComboBox };
|
package/date-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/date-field-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/date-field-U4owDpGF.js";
|
|
2
2
|
export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };
|
package/date-picker/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/date-picker-
|
|
1
|
+
import { n as e, t } from "../chunks/date-picker-C9KL-4Lj.js";
|
|
2
2
|
export { e as DatePicker, t as DateRangePicker };
|
package/index.js
CHANGED
|
@@ -5,49 +5,49 @@ import { t as n } from "./chunks/clsx-BtlV5Vo3.js";
|
|
|
5
5
|
import { t as r } from "./chunks/spinner-C3WiZYld.js";
|
|
6
6
|
import { a as i, i as a, n as o, r as s, t as c } from "./chunks/layout-BzK7P4Xn.js";
|
|
7
7
|
import { t as l } from "./chunks/link-CZNuhFX6.js";
|
|
8
|
-
import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-
|
|
8
|
+
import { a as u, i as d, n as f, o as p, r as m, t as h } from "./chunks/table-lU-UeRjC.js";
|
|
9
9
|
import { t as g } from "./chunks/link-button-ZsK6UGko.js";
|
|
10
|
-
import { n as _, t as v } from "./chunks/date-picker-
|
|
10
|
+
import { n as _, t as v } from "./chunks/date-picker-C9KL-4Lj.js";
|
|
11
11
|
import { n as y, t as b } from "./chunks/calendar-C0rlcHfr.js";
|
|
12
|
-
import {
|
|
13
|
-
import { n as
|
|
14
|
-
import { t as
|
|
15
|
-
import { n as
|
|
16
|
-
import { t as
|
|
17
|
-
import { n as
|
|
18
|
-
import { t as
|
|
19
|
-
import { n as
|
|
20
|
-
import { n as
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { a as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import { t as
|
|
27
|
-
import { n as
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import { a as
|
|
31
|
-
import {
|
|
32
|
-
import { n as pe,
|
|
33
|
-
import { n as
|
|
34
|
-
import { t as
|
|
35
|
-
import { n as
|
|
36
|
-
import {
|
|
37
|
-
import { t as
|
|
38
|
-
import { n as
|
|
39
|
-
import { t as
|
|
40
|
-
import { n as
|
|
41
|
-
import { t as
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import { t as
|
|
47
|
-
import { a as
|
|
12
|
+
import { n as x, t as S } from "./chunks/checkbox-B1fsgVOD.js";
|
|
13
|
+
import { n as C, t as w } from "./chunks/color-scheme-switch-FjmPZdE4.js";
|
|
14
|
+
import { t as T } from "./chunks/search-field-Ci2UjkmK.js";
|
|
15
|
+
import { n as E, t as D } from "./chunks/file-list-DYOuch5G.js";
|
|
16
|
+
import { t as O } from "./chunks/useLocalizedStringFormatter-bRLuRzVD.js";
|
|
17
|
+
import { n as k, t as A } from "./chunks/button-CFjf-bDe.js";
|
|
18
|
+
import { t as j } from "./chunks/heading-595zCrRS.js";
|
|
19
|
+
import { n as M, t as N } from "./chunks/badge-DrCn-5SX.js";
|
|
20
|
+
import { n as P, t as F } from "./chunks/breadcrumbs-XTH3axtt.js";
|
|
21
|
+
import { t as I } from "./chunks/text-mAeDlv5N.js";
|
|
22
|
+
import { t as L } from "./chunks/field-error-DYp2kgFr.js";
|
|
23
|
+
import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K } from "./chunks/card-CF8iwdg3.js";
|
|
24
|
+
import { t as q } from "./chunks/character-counter-CSoVSrxZ.js";
|
|
25
|
+
import { t as J } from "./chunks/label-Bius53F0.js";
|
|
26
|
+
import { t as Y } from "./chunks/popover-Bx2Rch_E.js";
|
|
27
|
+
import { n as X, r as Z, t as Q } from "./chunks/modal-Dr0ythpF.js";
|
|
28
|
+
import { t as $ } from "./chunks/icons-Dw_ZbztW.js";
|
|
29
|
+
import { n as ee, t as te } from "./chunks/toggle-button-DlPo9GJW.js";
|
|
30
|
+
import { a as ne, i as re, n as ie, o as ae, r as oe, t as se } from "./chunks/menu-CB6VDQ-u.js";
|
|
31
|
+
import { t as ce } from "./chunks/combobox-Ids5V9io.js";
|
|
32
|
+
import { a as le, c as ue, i as de, n as fe, o as pe, r as me, s as he, t as ge } from "./chunks/list-box-BozMU8so.js";
|
|
33
|
+
import { i as _e, n as ve, r as ye, t as be } from "./chunks/date-field-U4owDpGF.js";
|
|
34
|
+
import { n as xe, t as Se } from "./chunks/file-upload-CZRTVw5O.js";
|
|
35
|
+
import { n as Ce, t as we } from "./chunks/grid-CUYMbO7c.js";
|
|
36
|
+
import { t as Te } from "./chunks/info-banner-hHq0Atii.js";
|
|
37
|
+
import { n as Ee, t as De } from "./chunks/tooltip-BE_r_CBm.js";
|
|
38
|
+
import { n as Oe, t as ke } from "./chunks/logo-D7tz-4hp.js";
|
|
39
|
+
import { t as Ae } from "./chunks/progress-bar-5H5WvG7R.js";
|
|
40
|
+
import { n as je, t as Me } from "./chunks/radio-CsAvwCn2.js";
|
|
41
|
+
import { t as Ne } from "./chunks/select-Du5ANE34.js";
|
|
42
|
+
import { n as Pe, r as Fe, t as Ie } from "./chunks/tag-CELJrUEQ.js";
|
|
43
|
+
import { t as Le } from "./chunks/skeleton-OqKFBcmO.js";
|
|
44
|
+
import { i as Re, n as ze, r as Be, t as Ve } from "./chunks/tabs-eshGdQJJ.js";
|
|
45
|
+
import { i as He, n as Ue, r as We, t as Ge } from "./chunks/textfield-5Sw4fgE5.js";
|
|
46
|
+
import { t as Ke } from "./chunks/time-field-BROZiten.js";
|
|
47
|
+
import { a as qe, i as Je, n as Ye, o as Xe, r as Ze, t as Qe } from "./chunks/toast-AYzfHBcQ.js";
|
|
48
48
|
//#endregion
|
|
49
49
|
//#region packages/components/src/version.ts
|
|
50
|
-
var
|
|
50
|
+
var $e = {
|
|
51
51
|
name: "@midas-ds/components",
|
|
52
52
|
author: { name: "Migrationsverket" },
|
|
53
53
|
keywords: [
|
|
@@ -59,7 +59,7 @@ var Qe = {
|
|
|
59
59
|
description: "Midas Components",
|
|
60
60
|
homepage: "https://designsystem.migrationsverket.se/",
|
|
61
61
|
license: "CC0-1.0",
|
|
62
|
-
version: "17.
|
|
62
|
+
version: "17.17.1",
|
|
63
63
|
module: "./index.js",
|
|
64
64
|
type: "module",
|
|
65
65
|
main: "./index.js",
|
|
@@ -82,7 +82,7 @@ var Qe = {
|
|
|
82
82
|
"./*": "./*/index.js"
|
|
83
83
|
},
|
|
84
84
|
dependencies: {
|
|
85
|
-
"@midas-ds/theme": "3.15.
|
|
85
|
+
"@midas-ds/theme": "3.15.3",
|
|
86
86
|
"@react-aria/focus": "^3.21.5",
|
|
87
87
|
"@react-stately/toggle": "^3.9.5",
|
|
88
88
|
"@react-stately/utils": "^3.11.0",
|
|
@@ -90,4 +90,4 @@ var Qe = {
|
|
|
90
90
|
}
|
|
91
91
|
}.version;
|
|
92
92
|
//#endregion
|
|
93
|
-
export { e as Accordion, t as AccordionItem,
|
|
93
|
+
export { e as Accordion, t as AccordionItem, M as Badge, N as BadgeContainer, F as Breadcrumb, P as Breadcrumbs, k as Button, A as ButtonGroup, y as Calendar, W as Card, B as CardActionArea, R as CardActions, H as CardBody, U as CardContent, K as CardHeader, G as CardImage, z as CardLink, V as CardTitle, h as Cell, q as CharacterCounter, x as Checkbox, S as CheckboxGroup, C as ColorSchemeSwitch, w as ColorSchemeSwitchMenu, f as Column, ce as ComboBox, $ as ContrastFilled, _e as DateField, ve as DateInput, be as DateInputDivider, _ as DatePicker, v as DateRangePicker, ye as DateSegment, Q as DialogTrigger, Se as DropZone, L as FieldError, E as FileList, D as FileListItem, xe as FileTrigger, Qe as GlobalToastRegion, Ce as Grid, we as GridItem, s as Header, j as Heading, Te as InfoBanner, We as Input, J as Label, c as Layout, l as Link, g as LinkButton, ue as ListBox, he as ListBoxButton, ge as ListBoxEmptyState, fe as ListBoxHeader, pe as ListBoxItem, me as ListBoxLoadMoreItem, le as ListBoxPopover, de as ListBoxSection, ke as Logo, Oe as LogoContext, ne as Menu, re as MenuItem, oe as MenuPopover, ie as MenuSection, ae as MenuTrigger, X as Modal, Z as ModalOverlay, o as Navbar, Y as Popover, Ae as ProgressBar, Me as Radio, je as RadioGroup, b as RangeCalendar, m as Row, T as SearchField, Ne as Select, se as Separator, a as Sidebar, i as SidebarLink, Le as Skeleton, r as Spinner, Be as Tab, Ve as TabList, ze as TabPanel, d as Table, u as TableBody, p as TableHeader, Re as Tabs, Fe as Tag, Ie as TagGroup, Pe as TagList, I as Text, Ge as TextArea, Ue as TextField, He as TextFieldBase, Ke as TimeField, Ye as Toast, Ze as ToastProvider, Je as ToastRegion, ee as ToggleButton, te as ToggleButtonGroup, De as Tooltip, Ee as TooltipTrigger, $e as VERSION, n as clsx, qe as toastQueue, O as useLocalizedStringFormatter, Xe as useToastState };
|
package/label/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/label-
|
|
1
|
+
import { t as e } from "../chunks/label-Bius53F0.js";
|
|
2
2
|
export { e as Label };
|
package/list-box/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-
|
|
1
|
+
import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "../chunks/list-box-BozMU8so.js";
|
|
2
2
|
export { t as ListBox, o as ListBoxButton, s as ListBoxEmptyState, r as ListBoxHeader, i as ListBoxItem, a as ListBoxLoadMoreItem, e as ListBoxPopover, n as ListBoxSection };
|
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.
|
|
17
|
+
"version": "17.17.1",
|
|
18
18
|
"module": "./index.js",
|
|
19
19
|
"type": "module",
|
|
20
20
|
"main": "./index.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"./*": "./*/index.js"
|
|
42
42
|
},
|
|
43
43
|
"dependencies": {
|
|
44
|
-
"@midas-ds/theme": "3.15.
|
|
44
|
+
"@midas-ds/theme": "3.15.3",
|
|
45
45
|
"@react-aria/focus": "^3.21.5",
|
|
46
46
|
"@react-stately/toggle": "^3.9.5",
|
|
47
47
|
"@react-stately/utils": "^3.11.0",
|
package/popover/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/popover-
|
|
1
|
+
import { t as e } from "../chunks/popover-Bx2Rch_E.js";
|
|
2
2
|
export { e as Popover };
|
package/progress-bar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/progress-bar-
|
|
1
|
+
import { t as e } from "../chunks/progress-bar-5H5WvG7R.js";
|
|
2
2
|
export { e as ProgressBar };
|
package/radio/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../chunks/radio-
|
|
1
|
+
import { n as e, t } from "../chunks/radio-CsAvwCn2.js";
|
|
2
2
|
export { t as Radio, e as RadioGroup };
|
package/search-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/search-field-
|
|
1
|
+
import { t as e } from "../chunks/search-field-Ci2UjkmK.js";
|
|
2
2
|
export { e as SearchField };
|
package/select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/select-
|
|
1
|
+
import { t as e } from "../chunks/select-Du5ANE34.js";
|
|
2
2
|
export { e as Select };
|
package/table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/table-lU-UeRjC.js";
|
|
2
2
|
export { a as Cell, n as Column, i as Row, t as Table, e as TableBody, r as TableHeader };
|
package/textfield/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-
|
|
1
|
+
import { i as e, n as t, r as n, t as r } from "../chunks/textfield-5Sw4fgE5.js";
|
|
2
2
|
export { n as Input, r as TextArea, t as TextField, e as TextFieldBase };
|
package/time-field/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/time-field-
|
|
1
|
+
import { t as e } from "../chunks/time-field-BROZiten.js";
|
|
2
2
|
export { e as TimeField };
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import '../assets/TextField.css';var e = {
|
|
2
|
-
textField: "_textField_51vk6_1",
|
|
3
|
-
bottomError: "_bottomError_51vk6_20",
|
|
4
|
-
textArea: "_textArea_51vk6_29",
|
|
5
|
-
input: "_input_51vk6_30",
|
|
6
|
-
wrap: "_wrap_51vk6_87",
|
|
7
|
-
medium: "_medium_51vk6_92",
|
|
8
|
-
passwordText: "_passwordText_51vk6_120",
|
|
9
|
-
passwordButton: "_passwordButton_51vk6_159"
|
|
10
|
-
};
|
|
11
|
-
//#endregion
|
|
12
|
-
export { e as t };
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { t as e } from "./createLucideIcon-DhIhuN5D.js";
|
|
3
|
-
import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
|
|
4
|
-
import { n, t as r } from "./toggle-button-DlPo9GJW.js";
|
|
5
|
-
import * as i from "react";
|
|
6
|
-
import { SelectionIndicator as a } from "react-aria-components";
|
|
7
|
-
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
8
|
-
import { VisuallyHidden as c } from "react-aria";
|
|
9
|
-
import '../assets/color-scheme-switch.css';var l = e("laptop", [["path", {
|
|
10
|
-
d: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",
|
|
11
|
-
key: "1pdavp"
|
|
12
|
-
}], ["path", {
|
|
13
|
-
d: "M20.054 15.987H3.946",
|
|
14
|
-
key: "14rxg9"
|
|
15
|
-
}]]), u = e("moon", [["path", {
|
|
16
|
-
d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
|
|
17
|
-
key: "kfwtm"
|
|
18
|
-
}]]), d = e("sun", [
|
|
19
|
-
["circle", {
|
|
20
|
-
cx: "12",
|
|
21
|
-
cy: "12",
|
|
22
|
-
r: "4",
|
|
23
|
-
key: "4exip2"
|
|
24
|
-
}],
|
|
25
|
-
["path", {
|
|
26
|
-
d: "M12 2v2",
|
|
27
|
-
key: "tus03m"
|
|
28
|
-
}],
|
|
29
|
-
["path", {
|
|
30
|
-
d: "M12 20v2",
|
|
31
|
-
key: "1lh1kg"
|
|
32
|
-
}],
|
|
33
|
-
["path", {
|
|
34
|
-
d: "m4.93 4.93 1.41 1.41",
|
|
35
|
-
key: "149t6j"
|
|
36
|
-
}],
|
|
37
|
-
["path", {
|
|
38
|
-
d: "m17.66 17.66 1.41 1.41",
|
|
39
|
-
key: "ptbguv"
|
|
40
|
-
}],
|
|
41
|
-
["path", {
|
|
42
|
-
d: "M2 12h2",
|
|
43
|
-
key: "1t8f8n"
|
|
44
|
-
}],
|
|
45
|
-
["path", {
|
|
46
|
-
d: "M20 12h2",
|
|
47
|
-
key: "1q8mjw"
|
|
48
|
-
}],
|
|
49
|
-
["path", {
|
|
50
|
-
d: "m6.34 17.66-1.41 1.41",
|
|
51
|
-
key: "1m8zz5"
|
|
52
|
-
}],
|
|
53
|
-
["path", {
|
|
54
|
-
d: "m19.07 4.93-1.41 1.41",
|
|
55
|
-
key: "1shlcs"
|
|
56
|
-
}]
|
|
57
|
-
]), f = {
|
|
58
|
-
button: "_button_1r8vq_1",
|
|
59
|
-
selectionIndicator: "_selectionIndicator_1r8vq_14"
|
|
60
|
-
}, p = {
|
|
61
|
-
en: {
|
|
62
|
-
darkMode: "Dark Mode",
|
|
63
|
-
lightMode: "Light Mode",
|
|
64
|
-
system: "System Setting"
|
|
65
|
-
},
|
|
66
|
-
sv: {
|
|
67
|
-
darkMode: "Mörkt läge",
|
|
68
|
-
lightMode: "Ljust läge",
|
|
69
|
-
system: "Systeminställning"
|
|
70
|
-
}
|
|
71
|
-
}, m = ({ selector: e = ":root", defaultScheme: m = "light dark", scheme: h, onSchemeChange: g, defaultValue: _, className: v }) => {
|
|
72
|
-
let [y, b] = i.useState(_ ?? /* @__PURE__ */ new Set([h ?? m])), x = h ? /* @__PURE__ */ new Set([h]) : y;
|
|
73
|
-
i.useEffect(() => {
|
|
74
|
-
let t = document.querySelector(e);
|
|
75
|
-
if (t) {
|
|
76
|
-
let e = Array.from(x).join(" ");
|
|
77
|
-
t.style.removeProperty("color-scheme"), e === "light dark" ? delete t.dataset.colorScheme : t.dataset.colorScheme = e;
|
|
78
|
-
} else console.warn(`No element found for selector: "${e}"`);
|
|
79
|
-
}, [x, e]);
|
|
80
|
-
let S = t(p);
|
|
81
|
-
return /* @__PURE__ */ s(r, {
|
|
82
|
-
selectionMode: "single",
|
|
83
|
-
selectedKeys: x,
|
|
84
|
-
onSelectionChange: (e) => {
|
|
85
|
-
let t = Array.from(e)[0];
|
|
86
|
-
b(e), g?.(t);
|
|
87
|
-
},
|
|
88
|
-
disallowEmptySelection: !0,
|
|
89
|
-
className: v,
|
|
90
|
-
children: [
|
|
91
|
-
/* @__PURE__ */ s(n, {
|
|
92
|
-
id: "light dark",
|
|
93
|
-
className: f.button,
|
|
94
|
-
children: [
|
|
95
|
-
/* @__PURE__ */ o(l, {}),
|
|
96
|
-
/* @__PURE__ */ o(c, { children: S.format("system") }),
|
|
97
|
-
/* @__PURE__ */ o(a, { className: f.selectionIndicator })
|
|
98
|
-
]
|
|
99
|
-
}),
|
|
100
|
-
/* @__PURE__ */ s(n, {
|
|
101
|
-
id: "light",
|
|
102
|
-
className: f.button,
|
|
103
|
-
children: [
|
|
104
|
-
/* @__PURE__ */ o(d, {}),
|
|
105
|
-
/* @__PURE__ */ o(c, { children: S.format("lightMode") }),
|
|
106
|
-
/* @__PURE__ */ o(a, { className: f.selectionIndicator })
|
|
107
|
-
]
|
|
108
|
-
}),
|
|
109
|
-
/* @__PURE__ */ s(n, {
|
|
110
|
-
id: "dark",
|
|
111
|
-
className: f.button,
|
|
112
|
-
children: [
|
|
113
|
-
/* @__PURE__ */ o(u, {}),
|
|
114
|
-
/* @__PURE__ */ o(c, { children: S.format("darkMode") }),
|
|
115
|
-
/* @__PURE__ */ o(a, { className: f.selectionIndicator })
|
|
116
|
-
]
|
|
117
|
-
})
|
|
118
|
-
]
|
|
119
|
-
});
|
|
120
|
-
};
|
|
121
|
-
//#endregion
|
|
122
|
-
export { m as t };
|