@midas-ds/components 16.5.2 → 16.5.3

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 16.5.3 (2026-01-28)
+
+### 🩹 Fixes
+
+- **components,date-field, date-picker:** set invalid border and box-shadow to 2px ([0f3f9936db](https://github.com/migrationsverket/midas/commit/0f3f9936db))
+
+### 🏭 Refactoring
+
+- **components:** use tokens for invalid box-shadow ([4c7c46eb4d](https://github.com/migrationsverket/midas/commit/4c7c46eb4d))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.10.0
+
 ## 16.5.2 (2026-01-28)
 
 ### 🧱 Updated Dependencies

package/assets/DateField.css

@@ -1 +1 @@
-._dateField_1ywx9_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._dateField_1ywx9_1[data-readonly] ._inputField_1ywx9_7{background-color:transparent;border-bottom-color:var(--midas-border-color-subtle)}._dateField_1ywx9_1[data-disabled] ._inputField_1ywx9_7{color:var(--midas-text-disabled);cursor:not-allowed;border-bottom-color:var(--midas-border-color-disabled);background-color:var(--midas-field-disabled)}._dateField_1ywx9_1[data-invalid] ._inputField_1ywx9_7{box-shadow:inset 0 0 0 3px var(--midas-support-border-warning);border-color:transparent}._inputField_1ywx9_7{box-sizing:border-box;width:100%;min-height:var(--midas-size-150);display:flex;justify-content:space-between;align-items:center;background-color:var(--midas-field-01-base);border:1px solid transparent;border-bottom-color:var(--midas-border-color-primary);padding:0 0 0 1rem;position:relative}._inputField_1ywx9_7._medium_1ywx9_38{min-height:var(--midas-size-130)}._dateField_1ywx9_1:not([data-disabled],[data-readonly]) ._inputField_1ywx9_7 :hover{background-color:var(--midas-field-01-hover)}._clearButton_1ywx9_47{border:none;background-color:transparent}@media(forced-colors:active){._inputField_1ywx9_7{border:1px solid var(--midas-border-color-primary)}}
+._dateField_g5lxa_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._dateField_g5lxa_1[data-readonly] ._inputField_g5lxa_7{background-color:transparent;border-bottom-color:var(--midas-border-color-subtle)}._dateField_g5lxa_1[data-disabled] ._inputField_g5lxa_7{color:var(--midas-text-disabled);cursor:not-allowed;border-bottom-color:var(--midas-border-color-disabled);background-color:var(--midas-field-disabled)}._dateField_g5lxa_1[data-invalid] ._inputField_g5lxa_7{border:none;box-shadow:var(--midas-state-invalid)}._inputField_g5lxa_7{box-sizing:border-box;width:100%;min-height:var(--midas-size-150);display:flex;justify-content:space-between;align-items:center;background-color:var(--midas-field-01-base);border:1px solid transparent;border-bottom-color:var(--midas-border-color-primary);padding:0 0 0 1rem;position:relative}._inputField_g5lxa_7._medium_g5lxa_38{min-height:var(--midas-size-130)}._dateField_g5lxa_1:not([data-disabled],[data-readonly]) ._inputField_g5lxa_7 :hover{background-color:var(--midas-field-01-hover)}._clearButton_g5lxa_47{border:none;background-color:transparent}@media(forced-colors:active){._inputField_g5lxa_7{border:1px solid var(--midas-border-color-primary)}}

package/assets/DateRangePicker.css

@@ -1 +1 @@
-._datePicker_1pnmm_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1pnmm_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_1pnmm_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1pnmm_8._medium_1pnmm_24{height:var(--midas-size-130)}._inputField_1pnmm_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1pnmm_8:focus-visible,._inputField_1pnmm_8[data-focus-visible]{outline:none}._inputField_1pnmm_8[data-invalid]{border:none;box-shadow:inset 0 0 0 3px var(--midas-support-border-warning)}@media(forced-colors:active){._inputField_1pnmm_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1pnmm_8._readOnly_1pnmm_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1pnmm_8 ._buttonGroup_1pnmm_52{display:flex;margin-left:auto;gap:0}._inputField_1pnmm_8 ._iconButton_1pnmm_58{border:none}._inputField_1pnmm_8 ._iconButton_1pnmm_58[data-disabled]{background-color:transparent}._inputField_1pnmm_8 ._iconButton_1pnmm_58:focus-visible,._inputField_1pnmm_8 ._iconButton_1pnmm_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1pnmm_8 ._iconButton_1pnmm_58:focus-visible,._inputField_1pnmm_8 ._iconButton_1pnmm_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1pnmm_78{box-shadow:0 3px 5px #0003}
+._datePicker_1q1fo_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;align-items:flex-start}._inputField_1q1fo_8{box-sizing:border-box;width:100%;height:var(--midas-size-150);align-items:center;background-color:var(--midas-field-01-base);border-bottom:1px solid var(--midas-border-color-primary);padding-left:1rem;display:flex;justify-content:flex-start;gap:1rem}@media(forced-colors:active){._inputField_1q1fo_8{border:1px solid var(--midas-border-color-primary)}}._inputField_1q1fo_8._medium_1q1fo_24{height:var(--midas-size-130)}._inputField_1q1fo_8[data-disabled]{cursor:not-allowed;border-color:var(--midas-border-color-disabled)}._inputField_1q1fo_8:focus-visible,._inputField_1q1fo_8[data-focus-visible]{outline:none}._inputField_1q1fo_8[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._inputField_1q1fo_8[data-invalid]{border:1px solid var(--midas-border-color-primary)}}._inputField_1q1fo_8._readOnly_1q1fo_47{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1q1fo_8 ._buttonGroup_1q1fo_52{display:flex;margin-left:auto;gap:0}._inputField_1q1fo_8 ._iconButton_1q1fo_58{border:none}._inputField_1q1fo_8 ._iconButton_1q1fo_58[data-disabled]{background-color:transparent}._inputField_1q1fo_8 ._iconButton_1q1fo_58:focus-visible,._inputField_1q1fo_8 ._iconButton_1q1fo_58[data-focus-visible]{outline:none;box-shadow:var(--midas-state-focus-inset)}@media(forced-colors:active){._inputField_1q1fo_8 ._iconButton_1q1fo_58:focus-visible,._inputField_1q1fo_8 ._iconButton_1q1fo_58[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._dialog_1q1fo_78{box-shadow:0 3px 5px #0003}

package/assets/Select.css

@@ -1 +1 @@
-._select_vdvx3_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_vdvx3_7{display:flex;flex-direction:column;position:relative}._trigger_vdvx3_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);gap:var(--midas-spacing-20);justify-content:space-between;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_vdvx3_7._medium_vdvx3_29{min-height:var(--midas-size-130)}._trigger_vdvx3_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_vdvx3_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_vdvx3_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_vdvx3_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_vdvx3_7[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._trigger_vdvx3_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_vdvx3_7[data-open] ._icon_vdvx3_66 svg{transform:rotate(180deg)}._selectValue_vdvx3_72{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-spacing-90))}._selectValue_vdvx3_72 ._placeholder_vdvx3_78{display:flex}._selectValue_vdvx3_72[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_vdvx3_88{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._multiSelectValue_vdvx3_88 ._placeholder_vdvx3_78{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._multiSelectValue_vdvx3_88[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_vdvx3_112{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_vdvx3_112:has(._clearButton_vdvx3_126){padding-right:0}._selectValueTag_vdvx3_112[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_vdvx3_138{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_vdvx3_126{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_vdvx3_126:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_vdvx3_126[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_vdvx3_126:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_vdvx3_126:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_vdvx3_175{font-size:var(--midas-typography-font-size-30);padding:0}._popover_vdvx3_175 :focus{outline:none}._popover_vdvx3_175[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_vdvx3_175[data-trigger=Select][data-entering],._popover_vdvx3_175[data-trigger=Select][data-exiting]{opacity:0}._popover_vdvx3_175 ._selectAll_vdvx3_201{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_vdvx3_264{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_vdvx3_7,._popover_vdvx3_175[data-trigger=Select],._selectAll_vdvx3_201{transition:none}}
+._select_1us8o_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_1us8o_7{display:flex;flex-direction:column;position:relative}._trigger_1us8o_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);gap:var(--midas-spacing-20);justify-content:space-between;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_1us8o_7._medium_1us8o_29{min-height:var(--midas-size-130)}._trigger_1us8o_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_1us8o_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_1us8o_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_1us8o_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_1us8o_7[data-invalid]:not(:focus-visible){border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._trigger_1us8o_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_1us8o_7[data-open] ._icon_1us8o_66 svg{transform:rotate(180deg)}._selectValue_1us8o_72{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-spacing-90))}._selectValue_1us8o_72 ._placeholder_1us8o_78{display:flex}._selectValue_1us8o_72[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_1us8o_88{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._multiSelectValue_1us8o_88 ._placeholder_1us8o_78{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._multiSelectValue_1us8o_88[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_1us8o_112{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_1us8o_112:has(._clearButton_1us8o_126){padding-right:0}._selectValueTag_1us8o_112[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_1us8o_138{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_1us8o_126{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_1us8o_126:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_1us8o_126[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_1us8o_126:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_1us8o_126:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_1us8o_175{font-size:var(--midas-typography-font-size-30);padding:0}._popover_1us8o_175 :focus{outline:none}._popover_1us8o_175[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_1us8o_175[data-trigger=Select][data-entering],._popover_1us8o_175[data-trigger=Select][data-exiting]{opacity:0}._popover_1us8o_175 ._selectAll_1us8o_201{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_1us8o_175 ._selectAll_1us8o_201:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_1us8o_175 ._selectAll_1us8o_201:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_1us8o_175 ._selectAll_1us8o_201[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_1us8o_175 ._selectAll_1us8o_201[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_1us8o_175 ._selectAll_1us8o_201[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_1us8o_175 ._selectAll_1us8o_201[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_1us8o_175 ._selectAll_1us8o_201[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_1us8o_175 ._selectAll_1us8o_201[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_1us8o_175 ._selectAll_1us8o_201[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_1us8o_175 ._selectAll_1us8o_201[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_1us8o_264{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_1us8o_7,._popover_1us8o_175[data-trigger=Select],._selectAll_1us8o_201{transition:none}}

package/assets/Select2.css

@@ -1 +1 @@
-*>ul{margin-bottom:0;margin-top:0;padding:0}._wrapper_1nkrm_7{color:var(--midas-text-primary);display:flex;flex-direction:column;font-family:var(--midas-typography-font-family)}._wrapper_1nkrm_7[data-disabled]{color:var(--midas-text-disabled)}._trigger_1nkrm_18{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);justify-content:flex-end;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70)}._trigger_1nkrm_18._medium_1nkrm_32{min-height:var(--midas-size-130)}._trigger_1nkrm_18:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._trigger_1nkrm_18:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_1nkrm_18:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_1nkrm_18[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_1nkrm_18[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._trigger_1nkrm_18[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_1nkrm_18[data-open] ._icon_1nkrm_68 svg{transform:rotate(180deg)}._tagGroup_1nkrm_74{margin-top:var(--midas-size-40)}._icon_1nkrm_68{display:flex;align-items:center;transition:transform .3s ease;flex:1 0 auto;justify-content:flex-end}._icon_1nkrm_68 svg{transition:transform .3s ease}._listBoxItemCheckmark_1nkrm_90{margin-left:auto;align-self:center}._triggerContainer_1nkrm_95{display:flex;flex-direction:column;position:relative}._selectValueTag_1nkrm_101{font-family:var(--midas-typography-font-family);background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);border-radius:1.25rem;font-size:.875rem;min-height:1.75rem;display:flex;justify-content:center;align-items:center;padding:0 .5rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}._selectValueTag_1nkrm_101:has(._clearButton_1nkrm_117){padding-right:0}._selectValueTag_1nkrm_101[data-disabled]{pointer-events:none;background-color:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._truncate_1nkrm_129{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._clearButton_1nkrm_117{padding:.375rem;margin:0 0 0 .5rem;display:flex;border-radius:100%;background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);border:none}._clearButton_1nkrm_117:hover{cursor:pointer;background-color:var(--midas-button-background-primary-hover)}._clearButton_1nkrm_117:disabled{pointer-events:none;color:var(--midas-text-disabled);background-color:var(--midas-button-background-disabled)}._clearButton_1nkrm_117:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._clearButton_1nkrm_117:focus-visible{outline:3px solid highlight;outline-offset:2px}}._checkboxContainer_1nkrm_166{display:flex;align-items:center;padding-right:.5rem}._selectAll_1nkrm_172{width:calc(100% - var(--midas-size-80) * 2);background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._selectAll_1nkrm_172:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._selectAll_1nkrm_172[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectAll_1nkrm_172[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._selectAll_1nkrm_172[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._selectAll_1nkrm_172[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._selectAll_1nkrm_172[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._selectAll_1nkrm_172[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._selectAll_1nkrm_172[data-hovered] div{border-color:var(--midas-border-color-primary)}@media(forced-colors:active){[data-invalid] ._trigger_1nkrm_18{border:5px solid Highlight!important}._selectValueTag_1nkrm_101{border:ButtonBorder solid}._trigger_1nkrm_18,._clearButton_1nkrm_117{border:Highlight 1px solid}}@media(prefers-reduced-motion){._icon_1nkrm_68,._icon_1nkrm_68 svg,._selectAll_1nkrm_172{transition:none}}
+*>ul{margin-bottom:0;margin-top:0;padding:0}._wrapper_1bht1_7{color:var(--midas-text-primary);display:flex;flex-direction:column;font-family:var(--midas-typography-font-family)}._wrapper_1bht1_7[data-disabled]{color:var(--midas-text-disabled)}._trigger_1bht1_18{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);justify-content:flex-end;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70)}._trigger_1bht1_18._medium_1bht1_32{min-height:var(--midas-size-130)}._trigger_1bht1_18:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._trigger_1bht1_18:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_1bht1_18:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_1bht1_18[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_1bht1_18[data-invalid]:not(:focus-visible){border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._trigger_1bht1_18[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_1bht1_18[data-open] ._icon_1bht1_68 svg{transform:rotate(180deg)}._tagGroup_1bht1_74{margin-top:var(--midas-size-40)}._icon_1bht1_68{display:flex;align-items:center;transition:transform .3s ease;flex:1 0 auto;justify-content:flex-end}._icon_1bht1_68 svg{transition:transform .3s ease}._listBoxItemCheckmark_1bht1_90{margin-left:auto;align-self:center}._triggerContainer_1bht1_95{display:flex;flex-direction:column;position:relative}._selectValueTag_1bht1_101{font-family:var(--midas-typography-font-family);background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);border-radius:1.25rem;font-size:.875rem;min-height:1.75rem;display:flex;justify-content:center;align-items:center;padding:0 .5rem;position:absolute;top:50%;left:.5rem;transform:translateY(-50%)}._selectValueTag_1bht1_101:has(._clearButton_1bht1_117){padding-right:0}._selectValueTag_1bht1_101[data-disabled]{pointer-events:none;background-color:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._truncate_1bht1_129{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._clearButton_1bht1_117{padding:.375rem;margin:0 0 0 .5rem;display:flex;border-radius:100%;background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);border:none}._clearButton_1bht1_117:hover{cursor:pointer;background-color:var(--midas-button-background-primary-hover)}._clearButton_1bht1_117:disabled{pointer-events:none;color:var(--midas-text-disabled);background-color:var(--midas-button-background-disabled)}._clearButton_1bht1_117:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._clearButton_1bht1_117:focus-visible{outline:3px solid highlight;outline-offset:2px}}._checkboxContainer_1bht1_166{display:flex;align-items:center;padding-right:.5rem}._selectAll_1bht1_172{width:calc(100% - var(--midas-size-80) * 2);background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._selectAll_1bht1_172:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._selectAll_1bht1_172[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectAll_1bht1_172[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._selectAll_1bht1_172[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._selectAll_1bht1_172[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._selectAll_1bht1_172[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._selectAll_1bht1_172[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._selectAll_1bht1_172[data-hovered] div{border-color:var(--midas-border-color-primary)}@media(forced-colors:active){[data-invalid] ._trigger_1bht1_18{border:5px solid Highlight!important}._selectValueTag_1bht1_101{border:ButtonBorder solid}._trigger_1bht1_18,._clearButton_1bht1_117{border:Highlight 1px solid}}@media(prefers-reduced-motion){._icon_1bht1_68,._icon_1bht1_68 svg,._selectAll_1bht1_172{transition:none}}

package/assets/TextField.css

@@ -1 +1 @@
-._textField_tqy18_1{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"Label Count" "Desc Count" "Error Count" "Input Input" "BottomError BottomError";width:100%;align-content:flex-end}._textField_tqy18_1>[slot=description]{grid-area:Desc}._textField_tqy18_1>._bottomError_tqy18_20{grid-area:BottomError}._textField_tqy18_1[data-disabled]{color:var(--midas-text-disabled)}._textField_tqy18_1[data-readonly] ._textArea_tqy18_29,._textField_tqy18_1[data-readonly] ._input_tqy18_30{background-color:transparent;border-color:var(--midas-border-color-subtle)}._textArea_tqy18_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);display:flex;grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:var(--midas-field-01-base);box-sizing:border-box;word-wrap:break-word;width:100%;resize:both;overflow:auto}@media(forced-colors:active){._textArea_tqy18_29{outline:3px solid;outline-offset:2px}}._textArea_tqy18_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_tqy18_29[data-focused],._textArea_tqy18_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._textArea_tqy18_29[data-focused],._textArea_tqy18_29[data-focus-visible]{border:1px solid}}._textArea_tqy18_29[data-invalid]{border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}._textArea_tqy18_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_tqy18_87{position:relative;grid-area:Input}._medium_tqy18_92 ._input_tqy18_30{min-height:var(--midas-size-130)}._input_tqy18_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);font-size:1rem;padding:0 1rem;line-height:1;background-color:var(--midas-field-01-base);border-radius:0;box-sizing:border-box;width:100%;min-height:var(--midas-size-150)}@media(forced-colors:active){._input_tqy18_30{border:1px solid}}._input_tqy18_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_tqy18_30[data-hovered]+._passwordText_tqy18_120{background-color:var(--midas-field-01-hover)}._input_tqy18_30[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_tqy18_30[data-focused]{outline:3px solid highlight;outline-offset:2px}}._input_tqy18_30[data-invalid]{border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._input_tqy18_30[data-invalid]{border:1px solid}}._input_tqy18_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_tqy18_30[data-disabled]{border:1px solid}}._passwordText_tqy18_120{background-color:var(--midas-field-01-base);position:absolute;display:flex;align-items:center;top:3px;z-index:var(--midas-z-index-base);left:1rem;height:calc(100% - 6px);width:calc(100% - 2rem)}._passwordButton_tqy18_167{background:transparent!important;border-color:transparent!important;position:absolute;width:max-content;right:0;top:0;box-sizing:border-box;cursor:pointer;z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above))}
+._textField_bb2z2_1{display:grid;grid-auto-columns:1fr;grid-auto-rows:1fr 1fr;grid-template-columns:1fr auto;grid-template-rows:min-content min-content min-content min-content;grid-template-areas:"Label Count" "Desc Count" "Error Count" "Input Input" "BottomError BottomError";width:100%;align-content:flex-end}._textField_bb2z2_1>[slot=description]{grid-area:Desc}._textField_bb2z2_1>._bottomError_bb2z2_20{grid-area:BottomError}._textField_bb2z2_1[data-disabled]{color:var(--midas-text-disabled)}._textField_bb2z2_1[data-readonly] ._textArea_bb2z2_29,._textField_bb2z2_1[data-readonly] ._input_bb2z2_30{background-color:transparent;border-color:var(--midas-border-color-subtle)}._textArea_bb2z2_29{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);display:flex;grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);align-items:center;justify-content:center;font-size:1rem;padding:1rem 1rem 1.25rem;background-color:var(--midas-field-01-base);box-sizing:border-box;word-wrap:break-word;width:100%;resize:both;overflow:auto}@media(forced-colors:active){._textArea_bb2z2_29{outline:3px solid;outline-offset:2px}}._textArea_bb2z2_29[data-hovered]{background-color:var(--midas-field-01-hover)}._textArea_bb2z2_29[data-focused],._textArea_bb2z2_29[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._textArea_bb2z2_29[data-focused],._textArea_bb2z2_29[data-focus-visible]{border:1px solid}}._textArea_bb2z2_29[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}._textArea_bb2z2_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_bb2z2_87{position:relative;grid-area:Input}._medium_bb2z2_92 ._input_bb2z2_30{min-height:var(--midas-size-130)}._input_bb2z2_30{all:unset;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);grid-area:Input;border-bottom:1px solid var(--midas-border-color-primary);font-size:1rem;padding:0 1rem;line-height:1;background-color:var(--midas-field-01-base);border-radius:0;box-sizing:border-box;width:100%;min-height:var(--midas-size-150)}@media(forced-colors:active){._input_bb2z2_30{border:1px solid}}._input_bb2z2_30[data-hovered]{background-color:var(--midas-field-01-hover)}._input_bb2z2_30[data-hovered]+._passwordText_bb2z2_120{background-color:var(--midas-field-01-hover)}._input_bb2z2_30[data-focused]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._input_bb2z2_30[data-focused]{outline:3px solid highlight;outline-offset:2px}}._input_bb2z2_30[data-invalid]{border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._input_bb2z2_30[data-invalid]{border:1px solid}}._input_bb2z2_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_bb2z2_30[data-disabled]{border:1px solid}}._passwordText_bb2z2_120{background-color:var(--midas-field-01-base);position:absolute;display:flex;align-items:center;top:3px;z-index:var(--midas-z-index-base);left:1rem;height:calc(100% - 6px);width:calc(100% - 2rem)}._passwordButton_bb2z2_167{background:transparent!important;border-color:transparent!important;position:absolute;width:max-content;right:0;top:0;box-sizing:border-box;cursor:pointer;z-index:calc(var(--midas-z-index-base) + var(--midas-z-index-above))}

package/assets/default.css

@@ -1 +1 @@
-:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0rem;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-spacing-xsmall: var(--midas-size-20);--midas-spacing-small: var(--midas-size-40);--midas-spacing-medium: var(--midas-size-80);--midas-spacing-large: var(--midas-size-100);--midas-spacing-xlarge: var(--midas-size-120);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}
+:root{--midas-window-sizes-sm: 480px;--midas-window-sizes-md: 768px;--midas-window-sizes-lg: 1024px;--midas-window-sizes-xl: 1280px;--midas-button-background-secondary-base: transparent;--midas-button-icon-active: light-dark(#00000033, #ffffff33);--midas-color-black-base: #000000;--midas-color-black-hover: #0d0d0d;--midas-color-black-opacity5: rgba(0, 0, 0, .05);--midas-color-white-base: #ffffff;--midas-color-white-hover: #e6e6e6;--midas-color-white-opacity13: rgba(255, 255, 255, .13);--midas-color-gray-10: #f2f2f2;--midas-color-gray-20: #e6e6e6;--midas-color-gray-30: #d9d9d9;--midas-color-gray-40: #cccccc;--midas-color-gray-50: #bfbfbf;--midas-color-gray-60: #b3b3b3;--midas-color-gray-70: #a6a6a6;--midas-color-gray-80: #999999;--midas-color-gray-90: #8c8c8c;--midas-color-gray-100: #808080;--midas-color-gray-110: #737373;--midas-color-gray-120: #666666;--midas-color-gray-130: #5d5d5d;--midas-color-gray-140: #525252;--midas-color-gray-150: #474747;--midas-color-gray-160: #383838;--midas-color-gray-170: #333333;--midas-color-gray-180: #262626;--midas-color-gray-190: #212121;--midas-color-gray-200: #171717;--midas-color-blue-10: #eaf2f6;--midas-color-blue-20: #d5e5ed;--midas-color-blue-40: #abcbdb;--midas-color-blue-50: #94bcd1;--midas-color-blue-60: #82b0c9;--midas-color-blue-70: #6ca3c0;--midas-color-blue-80: #5897b8;--midas-color-blue-90: #4289ad;--midas-color-blue-100: #2e7ca5;--midas-color-blue-110: #2c7399;--midas-color-blue-120: #29698c;--midas-color-blue-130: #25607f;--midas-color-blue-150: #143c50;--midas-color-purple-80: #b46ab4;--midas-color-purple-110: #954b95;--midas-color-red-100: #b90835;--midas-color-orange-100: oklch(.66 .18 45);--midas-color-signal-blue-10: #eaf2f6;--midas-color-signal-blue-20: #d5e5ed;--midas-color-signal-blue-100: #0066cc;--midas-color-signal-blue-170: #162b33;--midas-color-signal-blue-180: #112127;--midas-color-signal-green-20: #d5f2d9;--midas-color-signal-green-30: #bae5c5;--midas-color-signal-green-100: #008d3c;--midas-color-signal-green-150: #194b33;--midas-color-signal-green-170: #163328;--midas-color-signal-green-180: #112722;--midas-color-signal-yellow-10: #fff8e2;--midas-color-signal-yellow-20: #fff1cd;--midas-color-signal-yellow-30: #ffeab8;--midas-color-signal-yellow-40: #ffe3a3;--midas-color-signal-yellow-50: #ffdc8b;--midas-color-signal-yellow-60: #ffd47b;--midas-color-signal-yellow-70: #fdcd5d;--midas-color-signal-yellow-80: #fbc640;--midas-color-signal-yellow-90: #fabf1b;--midas-color-signal-yellow-100: #fab900;--midas-color-signal-yellow-110: #daa105;--midas-color-signal-yellow-120: #bd8c1e;--midas-color-signal-yellow-130: #a17927;--midas-color-signal-yellow-140: #88672a;--midas-color-signal-yellow-150: #70562b;--midas-color-signal-yellow-160: #5a4629;--midas-color-signal-yellow-170: #453826;--midas-color-signal-yellow-180: #322a20;--midas-color-signal-yellow-190: #201c18;--midas-color-signal-yellow-200: #0f0e0e;--midas-color-signal-red-10: #ffefef;--midas-color-signal-red-20: #ffdfdf;--midas-color-signal-red-30: #fcc8c8;--midas-color-signal-red-40: #f9b0b0;--midas-color-signal-red-50: #f69999;--midas-color-signal-red-60: #f38181;--midas-color-signal-red-70: #ef6a6a;--midas-color-signal-red-80: #ec5252;--midas-color-signal-red-90: #e93b3b;--midas-color-signal-red-100: #e62323;--midas-color-signal-red-110: #d12020;--midas-color-signal-red-120: #bc1d1d;--midas-color-signal-red-130: #a71919;--midas-color-signal-red-140: #921616;--midas-color-signal-red-150: #7d1313;--midas-color-signal-red-160: #691010;--midas-color-signal-red-170: #540d0d;--midas-color-signal-red-180: #3f0a0a;--midas-color-signal-red-190: #2a0606;--midas-color-signal-red-200: #150303;--midas-border-width: 1px;--midas-calendar-date-background-hover: light-dark(#0000001a, #ffffff1a);--midas-size-10: .125rem;--midas-size-15: .188rem;--midas-size-20: .25rem;--midas-size-30: .375rem;--midas-size-40: .5rem;--midas-size-50: .625rem;--midas-size-60: .75rem;--midas-size-70: .875rem;--midas-size-75: .938rem;--midas-size-80: 1rem;--midas-size-90: 1.25rem;--midas-size-100: 1.5rem;--midas-size-110: 1.75rem;--midas-size-120: 2rem;--midas-size-130: 2.5rem;--midas-size-140: 2.75rem;--midas-size-150: 3rem;--midas-size-00: 0rem;--midas-size-05: .063rem;--midas-spacing-10: .125rem;--midas-spacing-20: .25rem;--midas-spacing-30: .5rem;--midas-spacing-40: .75rem;--midas-spacing-50: 1rem;--midas-spacing-60: 1.5rem;--midas-spacing-70: 2rem;--midas-spacing-80: 2.5rem;--midas-spacing-90: 3rem;--midas-spacing-100: 4rem;--midas-spacing-110: 5rem;--midas-spacing-120: 6rem;--midas-state-focus: 0 0 0 2px light-dark(white, black), 0 0 0 4px light-dark(black, white);--midas-state-focus-inset: inset 0 0 0 2px light-dark(black, white), inset 0 0 0 4px light-dark(white, black);--midas-state-focus-contrast-mode-outline: 2px;--midas-state-focus-contrast-mode-offset: 2px;--midas-transition-duration-slow: .5s;--midas-transition-duration-normal: .3s;--midas-transition-duration-fast: .25s;--midas-transition-timing-ease-out: cubic-bezier(0, 0, .58, 1);--midas-transition-timing-ease-in: cubic-bezier(.42, 0, 1, 1);--midas-typography-font-family: Inter, sans-serif;--midas-typography-font-size-10: .75rem;--midas-typography-font-size-20: .875rem;--midas-typography-font-size-30: 1rem;--midas-typography-font-size-40: 1.125rem;--midas-typography-font-size-50: 1.25rem;--midas-typography-font-size-60: 1.5rem;--midas-typography-font-size-70: 1.625rem;--midas-typography-font-size-80: 2rem;--midas-typography-font-size-90: 2.25rem;--midas-typography-font-size-100: 2.625rem;--midas-typography-line-height-10: 1rem;--midas-typography-line-height-20: 1.125rem;--midas-typography-line-height-30: 1.25rem;--midas-typography-line-height-40: 1.375rem;--midas-typography-line-height-50: 1.5rem;--midas-typography-line-height-60: 1.75rem;--midas-typography-line-height-70: 2rem;--midas-typography-line-height-80: 2.25rem;--midas-typography-line-height-90: 2.5rem;--midas-typography-line-height-100: 3rem;--midas-typography-weight-thin: 100;--midas-typography-weight-extra-light: 200;--midas-typography-weight-light: 300;--midas-typography-weight-regular: 400;--midas-typography-weight-medium: 500;--midas-typography-weight-semi-bold: 600;--midas-typography-weight-bold: 700;--midas-typography-weight-extra-bold: 800;--midas-typography-weight-black: 900;--midas-z-index-base: 1;--midas-z-index-above: 10;--midas-z-index-sidebar: 500;--midas-z-index-modal: 1000;--midas-z-index-toast: 1100;--midas-z-index-skip-to-content: 1200;--midas-breakpoints-xs: (max-width: calc(var(--midas-window-sizes-sm) - 1px));--midas-breakpoints-sm: (min-width: var(--midas-window-sizes-sm));--midas-breakpoints-md: (min-width: var(--midas-window-sizes-md));--midas-breakpoints-lg: (min-width: var(--midas-window-sizes-lg));--midas-breakpoints-xl: (min-width: var(--midas-window-sizes-xl));--midas-button-background-primary-base: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-button-background-primary-hover: light-dark(var(--midas-color-blue-130), var(--midas-color-blue-130));--midas-button-background-primary-active: light-dark(var(--midas-color-blue-100), var(--midas-color-blue-150));--midas-button-background-secondary-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-button-background-secondary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-tertiary-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-button-background-tertiary-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-180));--midas-button-background-danger-base: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-button-background-danger-hover: light-dark(var(--midas-color-signal-red-120), var(--midas-color-signal-red-120));--midas-button-background-danger-active: light-dark(var(--midas-color-signal-red-150), var(--midas-color-signal-red-150));--midas-button-background-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-button-border-secondary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-button-icon-hover: light-dark(var(--midas-color-black-opacity5), var(--midas-color-white-opacity13));--midas-background-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-background-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-190));--midas-background-inverse: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-layer-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-01-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-01-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-layer-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-layer-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-layer-02-selected-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-130));--midas-layer-accent-01-base: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-layer-accent-01-hover: light-dark(var(--midas-color-gray-40), var(--midas-color-gray-150));--midas-layer-accent-01-selected: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-layer-accent-02-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-layer-accent-02-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-layer-accent-02-selected: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-brand-primary: light-dark(var(--midas-color-red-100), var(--midas-color-red-100));--midas-border-color-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-border-color-secondary: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-90));--midas-border-color-subtle: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-border-color-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-100));--midas-border-color-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-field-01-base: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-field-01-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-170));--midas-field-01-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-field-02-base: light-dark(var(--midas-color-white-base), var(--midas-color-gray-160));--midas-field-02-hover: light-dark(var(--midas-color-white-hover), var(--midas-color-gray-150));--midas-field-02-active: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-140));--midas-field-disabled: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-01: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-skeleton-02: light-dark(var(--midas-color-gray-30), var(--midas-color-gray-160));--midas-icon-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-icon-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-icon-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-icon-inverse: light-dark(var(--midas-color-white-base), var(--midas-color-gray-200));--midas-icon-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-icon-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-icon-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-icon-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-icon-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-icon-important: var(--midas-color-orange-100);--midas-icon-read-only: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-160));--midas-link-enabled: light-dark(var(--midas-color-blue-120), var(--midas-color-blue-70));--midas-link-hover: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-50));--midas-link-pressed: light-dark(var(--midas-color-gray-200), var(--midas-color-blue-40));--midas-link-visited: light-dark(var(--midas-color-purple-110), var(--midas-color-purple-80));--midas-support-border-success: light-dark(var(--midas-color-signal-green-100), var(--midas-color-signal-green-100));--midas-support-border-info: light-dark(var(--midas-color-signal-blue-100), var(--midas-color-signal-blue-100));--midas-support-border-important: var(--midas-color-orange-100);--midas-support-border-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-support-background-success: light-dark(var(--midas-color-signal-green-20), var(--midas-color-signal-green-180));--midas-support-background-success-hover: light-dark(var(--midas-color-signal-green-30), var(--midas-color-signal-green-170));--midas-support-background-info: light-dark(var(--midas-color-signal-blue-10), var(--midas-color-signal-blue-180));--midas-support-background-info-hover: light-dark(var(--midas-color-signal-blue-20), var(--midas-color-signal-blue-170));--midas-support-background-important: light-dark(var(--midas-color-signal-yellow-10), var(--midas-color-signal-yellow-180));--midas-support-background-important-hover: light-dark(var(--midas-color-signal-yellow-20), var(--midas-color-signal-yellow-170));--midas-support-background-warning: light-dark(var(--midas-color-signal-red-20), var(--midas-color-signal-red-180));--midas-support-background-warning-hover: light-dark(var(--midas-color-signal-red-30), var(--midas-color-signal-red-170));--midas-text-primary: light-dark(var(--midas-color-gray-200), var(--midas-color-gray-10));--midas-text-secondary: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-text-tertiary: light-dark(var(--midas-color-blue-150), var(--midas-color-gray-10));--midas-text-on-color: light-dark(var(--midas-color-white-base), var(--midas-color-white-base));--midas-text-inverse: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-200));--midas-text-disabled: light-dark(var(--midas-color-gray-50), var(--midas-color-gray-140));--midas-text-warning: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-80));--midas-text-placeholder: light-dark(var(--midas-color-gray-70), var(--midas-color-gray-140));--midas-text-read-only: light-dark(var(--midas-color-gray-110), var(--midas-color-gray-80));--midas-badge-background: light-dark(var(--midas-color-signal-red-100), var(--midas-color-signal-red-100));--midas-calendar-date-background-selected: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-start-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-calendar-date-background-in-range: light-dark(var(--midas-color-blue-20), var(--midas-color-blue-150));--midas-calendar-date-background-end-range: light-dark(var(--midas-color-blue-150), var(--midas-color-blue-80));--midas-logo-primary: light-dark(var(--midas-color-red-100), var(--midas-color-white-base));--midas-menu-item-background-hover: light-dark(var(--midas-color-gray-20), var(--midas-color-gray-190));--midas-menu-item-background-selected: light-dark(var(--midas-color-gray-10), var(--midas-color-gray-180));--midas-menu-text-section-header: light-dark(var(--midas-color-gray-140), var(--midas-color-gray-70));--midas-spacing-xsmall: var(--midas-size-20);--midas-spacing-small: var(--midas-size-40);--midas-spacing-medium: var(--midas-size-80);--midas-spacing-large: var(--midas-size-100);--midas-spacing-xlarge: var(--midas-size-120);--midas-transition-panel-collapse: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-out) 0ms;--midas-transition-panel-expand: var(--midas-transition-duration-normal) var(--midas-transition-timing-ease-in) 0ms;--midas-typography-body: var(--midas-typography-weight-regular) var(--midas-typography-font-size-30)/var(--midas-typography-line-height-30) var(--midas-typography-font-family);--midas-typography-body-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description: var(--midas-typography-weight-regular) var(--midas-typography-font-size-20)/var(--midas-typography-line-height-20) var(--midas-typography-font-family);--midas-typography-description-small: var(--midas-typography-weight-regular) var(--midas-typography-font-size-10)/var(--midas-typography-line-height-10) var(--midas-typography-font-family);--midas-state-invalid: inset 0 0 0 2px var(--midas-support-border-warning)}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{color-scheme:light dark}

package/chunks/DateField-CuNWL_ao.js

@@ -0,0 +1,91 @@
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import * as x from "react";
+import { DateField as g, DateFieldStateContext as h } from "react-aria-components";
+import { c as d } from "./clsx-AexbMWKp.js";
+import { a as D, D as B } from "./DateInputDivider-CkTB5q5k.js";
+import { F } from "./FieldError-Bra5aRT3.js";
+import { a as C, L as b } from "./Label-xWKvOuML.js";
+import { T as L } from "./Text-TWzJxnto.js";
+import { C as S } from "./ClearButton-Dtkd_M_7.js";
+import { FocusScope as v, useFocusManager as N } from "@react-aria/focus";
+import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/DateField.css';const j = { clear: "Clear date" }, T = { clear: "Rensa datum" }, E = {
+  en: j,
+  sv: T
+}, I = "_dateField_g5lxa_1", M = "_inputField_g5lxa_7", P = "_medium_g5lxa_38", R = "_clearButton_g5lxa_47", l = {
+  dateField: I,
+  inputField: M,
+  medium: P,
+  clearButton: R
+}, W = ({
+  isClearable: i,
+  size: t,
+  isDisabled: s,
+  isReadOnly: o
+}) => {
+  const r = V(E), a = x.useContext(h), n = N(), m = () => {
+    a?.setValue(null), n?.focusFirst();
+  };
+  return i && a?.value != null && !o ? /* @__PURE__ */ e(
+    S,
+    {
+      onPress: m,
+      size: t,
+      isDisabled: s,
+      "aria-label": r.format("clear"),
+      className: d(l.clearButton, {
+        [l.medium]: t === "medium"
+      })
+    }
+  ) : null;
+}, Q = ({
+  className: i,
+  description: t,
+  errorMessage: s,
+  errorPosition: o = "top",
+  label: r,
+  size: a = "large",
+  popover: n,
+  isClearable: m = !1,
+  isReadOnly: c,
+  isDisabled: u,
+  ...f
+}) => /* @__PURE__ */ p(
+  g,
+  {
+    ...f,
+    isReadOnly: c,
+    isDisabled: u,
+    className: d(l.dateField, i),
+    children: [
+      /* @__PURE__ */ e(C, { popover: n, children: r && /* @__PURE__ */ e(b, { children: r }) }),
+      t && /* @__PURE__ */ e(L, { slot: "description", children: t }),
+      o === "top" && /* @__PURE__ */ e(F, { children: s }),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          className: d(l.inputField, {
+            [l.medium]: a === "medium"
+          }),
+          "data-testid": "date-field_input-field",
+          children: /* @__PURE__ */ p(v, { children: [
+            /* @__PURE__ */ e(D, { children: (_) => /* @__PURE__ */ e(B, { segment: _ }) }),
+            /* @__PURE__ */ e(
+              W,
+              {
+                isClearable: m,
+                size: a,
+                isDisabled: u,
+                isReadOnly: c
+              }
+            )
+          ] })
+        }
+      ),
+      o === "bottom" && /* @__PURE__ */ e(F, { children: s })
+    ]
+  }
+);
+export {
+  Q as D
+};

package/chunks/{DateRangePicker-DQB5TrfF.js → DateRangePicker-jqrHTmLu.js}

@@ -1,18 +1,18 @@
 import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as R } from "react-aria-components";
+import { Group as x, DatePickerStateContext as F, DateRangePickerStateContext as B, Popover as M, Dialog as S, DatePicker as N, DateRangePicker as q } from "react-aria-components";
 import { a as k } from "./clsx-AexbMWKp.js";
-import { C as G, R as L } from "./RangeCalendar-pgiXYhpG.js";
-import { a as _, D as f, b as I } from "./DateInputDivider-CkTB5q5k.js";
-import { F as P } from "./FieldError-Bra5aRT3.js";
+import { C as R, R as G } from "./RangeCalendar-pgiXYhpG.js";
+import { a as P, D as _, b as L } from "./DateInputDivider-CkTB5q5k.js";
+import { F as f } from "./FieldError-Bra5aRT3.js";
 import { a as y, L as v } from "./Label-xWKvOuML.js";
 import { T as D } from "./Text-TWzJxnto.js";
 import * as g from "react";
-import { C as V } from "./ClearButton-Dtkd_M_7.js";
-import { FocusScope as j, useFocusManager as w } from "@react-aria/focus";
-import { B as O } from "./Button-BGu-SRi7.js";
-import { c as T } from "./createLucideIcon-D4r5Phnh.js";
-import { u as $ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/DateRangePicker.css';const E = [
+import { C as I } from "./ClearButton-Dtkd_M_7.js";
+import { FocusScope as V, useFocusManager as j } from "@react-aria/focus";
+import { B as w } from "./Button-BGu-SRi7.js";
+import { c as O } from "./createLucideIcon-D4r5Phnh.js";
+import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/DateRangePicker.css';const $ = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
@@ -23,10 +23,10 @@ import '../assets/DateRangePicker.css';const E = [
   ["path", { d: "M8 18h.01", key: "lrp35t" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }],
   ["path", { d: "M16 18h.01", key: "kzsmim" }]
-], W = T("calendar-days", E), q = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
-  en: q,
+], E = O("calendar-days", $), W = { clear: "Clear date" }, A = { clear: "Rensa datum" }, H = {
+  en: W,
   sv: A
-}, J = "_datePicker_1pnmm_1", K = "_inputField_1pnmm_8", Q = "_medium_1pnmm_24", U = "_readOnly_1pnmm_47", X = "_buttonGroup_1pnmm_52", Y = "_iconButton_1pnmm_58", Z = "_dialog_1pnmm_78", r = {
+}, J = "_datePicker_1q1fo_1", K = "_inputField_1q1fo_8", Q = "_medium_1q1fo_24", U = "_readOnly_1q1fo_47", X = "_buttonGroup_1q1fo_52", Y = "_iconButton_1q1fo_58", Z = "_dialog_1q1fo_78", r = {
   datePicker: J,
   inputField: K,
   medium: Q,
@@ -40,12 +40,12 @@ import '../assets/DateRangePicker.css';const E = [
   isReadOnly: i,
   size: a
 }) => {
-  const n = g.useContext(F), s = g.useContext(B), u = $(H), l = w(), o = s ?? n, p = z(o) ? !!o.value.start && o.value.end : !!o?.value;
+  const o = g.useContext(F), s = g.useContext(B), u = T(H), l = j(), n = s ?? o, p = z(n) ? !!n.value.start && n.value.end : !!n?.value;
   return t && p && !i ? /* @__PURE__ */ e(
-    V,
+    I,
     {
       onPress: () => {
-        o?.setValue(null), l?.focusFirst();
+        n?.setValue(null), l?.focusFirst();
       },
       size: a,
       isDisabled: c,
@@ -60,16 +60,16 @@ import '../assets/DateRangePicker.css';const E = [
   isDisabled: c,
   isInvalid: i,
   isReadOnly: a,
-  size: n = "large",
+  size: o = "large",
   isClearable: s = !1
 }) => /* @__PURE__ */ e(
   x,
   {
     className: k(r.inputField, {
-      [r.medium]: n === "medium",
+      [r.medium]: o === "medium",
       [r.readOnly]: a
     }),
-    children: /* @__PURE__ */ h(j, { children: [
+    children: /* @__PURE__ */ h(V, { children: [
       t,
       /* @__PURE__ */ h("div", { className: r.buttonGroup, children: [
         /* @__PURE__ */ e(
@@ -78,21 +78,21 @@ import '../assets/DateRangePicker.css';const E = [
             isClearable: s,
             isDisabled: c,
             isReadOnly: a,
-            size: n
+            size: o
           }
         ),
         /* @__PURE__ */ e(
-          O,
+          w,
           {
             variant: "icon",
             className: k(r.iconButton, {
-              [r.medium]: n === "medium",
+              [r.medium]: o === "medium",
               [r.readOnly]: a
             }),
             "data-invalid": i || void 0,
-            size: n,
+            size: o,
             children: /* @__PURE__ */ e(
-              W,
+              E,
               {
                 "aria-hidden": !0,
                 size: 20
@@ -110,11 +110,11 @@ import '../assets/DateRangePicker.css';const E = [
   description: c,
   errorMessage: i,
   errorPosition: a = "top",
-  label: n,
+  label: o,
   popover: s,
   isClearable: u = !1,
   isReadOnly: l,
-  isDisabled: o,
+  isDisabled: n,
   size: p,
   ...d
 }) => /* @__PURE__ */ h(
@@ -122,25 +122,25 @@ import '../assets/DateRangePicker.css';const E = [
   {
     className: k(r.datePicker, t),
     isReadOnly: l,
-    isDisabled: o,
+    isDisabled: n,
     ...d,
     children: [
-      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      /* @__PURE__ */ e(y, { popover: s, children: o && /* @__PURE__ */ e(v, { children: o }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(P, { children: i }),
+      a === "top" && /* @__PURE__ */ e(f, { children: i }),
       /* @__PURE__ */ e(
         C,
         {
           isClearable: u,
           isReadOnly: l,
-          isDisabled: o,
+          isDisabled: n,
           size: p,
           ...d,
-          children: /* @__PURE__ */ e(_, { children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
+          children: /* @__PURE__ */ e(P, { children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
         }
       ),
-      a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
+      a === "bottom" && /* @__PURE__ */ e(f, { children: i }),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(R, {}) })
     ]
   }
 ), ke = ({
@@ -148,41 +148,41 @@ import '../assets/DateRangePicker.css';const E = [
   description: c,
   errorMessage: i,
   errorPosition: a = "top",
-  label: n,
+  label: o,
   popover: s,
   isClearable: u = !1,
   isReadOnly: l,
-  isDisabled: o,
+  isDisabled: n,
   size: p,
   ...d
 }) => /* @__PURE__ */ h(
-  R,
+  q,
   {
     className: k(r.datePicker, t),
     isReadOnly: l,
-    isDisabled: o,
+    isDisabled: n,
     ...d,
     children: [
-      /* @__PURE__ */ e(y, { popover: s, children: n && /* @__PURE__ */ e(v, { children: n }) }),
+      /* @__PURE__ */ e(y, { popover: s, children: o && /* @__PURE__ */ e(v, { children: o }) }),
       c && /* @__PURE__ */ e(D, { slot: "description", children: c }),
-      a === "top" && /* @__PURE__ */ e(P, { children: i }),
+      a === "top" && /* @__PURE__ */ e(f, { children: i }),
       /* @__PURE__ */ h(
         C,
         {
           isClearable: u,
           isReadOnly: l,
-          isDisabled: o,
+          isDisabled: n,
           size: p,
           ...d,
           children: [
-            /* @__PURE__ */ e(_, { slot: "start", children: (m) => /* @__PURE__ */ e(f, { segment: m }) }),
-            /* @__PURE__ */ e(I, {}),
-            /* @__PURE__ */ e(_, { slot: "end", children: (m) => /* @__PURE__ */ e(f, { segment: m }) })
+            /* @__PURE__ */ e(P, { slot: "start", children: (m) => /* @__PURE__ */ e(_, { segment: m }) }),
+            /* @__PURE__ */ e(L, {}),
+            /* @__PURE__ */ e(P, { slot: "end", children: (m) => /* @__PURE__ */ e(_, { segment: m }) })
           ]
         }
       ),
-      a === "bottom" && /* @__PURE__ */ e(P, { children: i }),
-      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(L, {}) })
+      a === "bottom" && /* @__PURE__ */ e(f, { children: i }),
+      /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(G, {}) })
     ]
   }
 );

package/chunks/{SearchField-C493CTGJ.js → SearchField-Cd05nl-B.js}

@@ -1,5 +1,5 @@
 import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import { s as C } from "./TextField.module-DZslrEPC.js";
+import { s as C } from "./TextField.module-B3n8v1vH.js";
 import { B as F } from "./Button-BGu-SRi7.js";
 import { C as N } from "./ClearButton-Dtkd_M_7.js";
 import { c as l } from "./clsx-AexbMWKp.js";