@midas-ds/components 16.6.1 → 16.6.3

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 16.6.3 (2026-01-30)
+
+### 🩹 Fixes
+
+- **components:** revert pure css modules comments ([ec0ab554dc](https://github.com/migrationsverket/midas/commit/ec0ab554dc))
+
+### 🔙 Rollback changes
+
+- **components:** Revert "chore(components): install postcss-modules-local-by-default" ([101cac9975](https://github.com/migrationsverket/midas/commit/101cac9975))
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.10.2
+
+## 16.6.2 (2026-01-30)
+
+### 🩹 Fixes
+
+- **components,select:** rotate chevron icon when select is open ([cfdf842027](https://github.com/migrationsverket/midas/commit/cfdf842027))
+
 ## 16.6.1 (2026-01-30)
 
 ### 🩹 Fixes

package/assets/Dialog.css

@@ -1 +1 @@
-._modal_nxs78_1{font-family:var(--midas-typography-font-family);position:fixed;max-width:75%;min-width:300px;max-height:90vh;overflow-y:auto;background-color:var(--midas-background-base);color:var(--midas-text-primary);border:none;padding:0;margin:auto}._modal_nxs78_1[data-entering]{animation:none}@media(forced-colors:active){._modal_nxs78_1{outline:2px solid}}._overlay_nxs78_24{position:fixed;top:0;left:0;z-index:var(--midas-z-index-modal);width:100vw;background:#2d00004d;display:flex;align-items:center;justify-content:center;height:var(--visual-viewport-height)}._overlay_nxs78_24[data-entering]{animation::_modal-fade_nxs78_1 .15s}._overlay_nxs78_24[data-exiting]{animation::_modal-fade_nxs78_1 .15s reverse}._modalHeader_nxs78_48{min-height:var(--midas-size-150);background-color:var(--midas-layer-01-base);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:var(--midas-z-index-above)}._modalTitle_nxs78_59{flex-grow:1;place-self:center;padding-left:1rem}._modalBody_nxs78_65{position:relative;padding:1rem 2rem 2rem;font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;gap:1rem}@keyframes _modal-fade_nxs78_1{0%{opacity:0}to{opacity:1}}@keyframes _modal-zoom_nxs78_1{0%{transform:scale(.8)}to{transform:scale(1)}}@media(prefers-reduced-motion){._overlay_nxs78_24[data-entering],._overlay_nxs78_24[data-exiting]{animation:none}}
+._modal_nxs78_1{font-family:var(--midas-typography-font-family);position:fixed;max-width:75%;min-width:300px;max-height:90vh;overflow-y:auto;background-color:var(--midas-background-base);color:var(--midas-text-primary);border:none;padding:0;margin:auto}._modal_nxs78_1[data-entering]{animation:none}@media(forced-colors:active){._modal_nxs78_1{outline:2px solid}}._overlay_nxs78_24{position:fixed;top:0;left:0;z-index:var(--midas-z-index-modal);width:100vw;background:#2d00004d;display:flex;align-items:center;justify-content:center;height:var(--visual-viewport-height)}._overlay_nxs78_24[data-entering]{animation:_modal-fade_nxs78_1 .15s}._overlay_nxs78_24[data-exiting]{animation:_modal-fade_nxs78_1 .15s reverse}._modalHeader_nxs78_48{min-height:var(--midas-size-150);background-color:var(--midas-layer-01-base);display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;z-index:var(--midas-z-index-above)}._modalTitle_nxs78_59{flex-grow:1;place-self:center;padding-left:1rem}._modalBody_nxs78_65{position:relative;padding:1rem 2rem 2rem;font-family:var(--midas-typography-font-family);display:flex;flex-direction:column;gap:1rem}@keyframes _modal-fade_nxs78_1{0%{opacity:0}to{opacity:1}}@keyframes _modal-zoom_nxs78_1{0%{transform:scale(.8)}to{transform:scale(1)}}@media(prefers-reduced-motion){._overlay_nxs78_24[data-entering],._overlay_nxs78_24[data-exiting]{animation:none}}

package/assets/ProgressBar.css

@@ -1 +1 @@
-._progressBar_1a2ad_1{display:grid;gap:.5rem;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto}._progressBar_1a2ad_1 ._label_1a2ad_9{grid-area:label;margin:0}._progressBar_1a2ad_1 ._value_1a2ad_14{grid-area:value;margin:0}._progressBar_1a2ad_1 ._bar_1a2ad_19{background:var(--midas-layer-accent-01-base);grid-area:bar;height:.25rem;overflow:hidden}@media(forced-colors:active){._progressBar_1a2ad_1 ._bar_1a2ad_19{border:1px solid}}._progressBar_1a2ad_1 ._bar_1a2ad_19 ._fill_1a2ad_29{background:var(--midas-color-signal-green-100);height:100%}@media(forced-colors:active){._progressBar_1a2ad_1 ._bar_1a2ad_19 ._fill_1a2ad_29{background:highlight}}._progressBar_1a2ad_1:not([aria-valuenow]) ._fill_1a2ad_29{will-change:transform;background:var(--midas-color-signal-green-100);height:100%;animation:2s ease-in-out infinite :_indeterminate_1a2ad_1}@media(forced-colors:active){._progressBar_1a2ad_1:not([aria-valuenow]) ._fill_1a2ad_29{background:highlight}}@keyframes _indeterminate_1a2ad_1{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(prefers-reduced-motion){._progressBar_1a2ad_1:not([aria-valuenow]) ._fill_1a2ad_29{animation-duration:6s}}
+._progressBar_1a2ad_1{display:grid;gap:.5rem;grid-template-areas:"label value" "bar bar";grid-template-columns:1fr auto}._progressBar_1a2ad_1 ._label_1a2ad_9{grid-area:label;margin:0}._progressBar_1a2ad_1 ._value_1a2ad_14{grid-area:value;margin:0}._progressBar_1a2ad_1 ._bar_1a2ad_19{background:var(--midas-layer-accent-01-base);grid-area:bar;height:.25rem;overflow:hidden}@media(forced-colors:active){._progressBar_1a2ad_1 ._bar_1a2ad_19{border:1px solid}}._progressBar_1a2ad_1 ._bar_1a2ad_19 ._fill_1a2ad_29{background:var(--midas-color-signal-green-100);height:100%}@media(forced-colors:active){._progressBar_1a2ad_1 ._bar_1a2ad_19 ._fill_1a2ad_29{background:highlight}}._progressBar_1a2ad_1:not([aria-valuenow]) ._fill_1a2ad_29{will-change:transform;background:var(--midas-color-signal-green-100);height:100%;animation:2s ease-in-out infinite _indeterminate_1a2ad_1}@media(forced-colors:active){._progressBar_1a2ad_1:not([aria-valuenow]) ._fill_1a2ad_29{background:highlight}}@keyframes _indeterminate_1a2ad_1{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media(prefers-reduced-motion){._progressBar_1a2ad_1:not([aria-valuenow]) ._fill_1a2ad_29{animation-duration:6s}}

package/assets/Select.css

@@ -1 +1 @@
-._select_e81uz_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_e81uz_7{display:flex;flex-direction:column;position:relative}._trigger_e81uz_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-80);padding-right:var(--midas-size-80);transition:all .1s ease-in}._trigger_e81uz_7._medium_e81uz_29{min-height:var(--midas-size-130)}._trigger_e81uz_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_e81uz_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_e81uz_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_e81uz_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_e81uz_7[data-invalid]:not(:focus-visible){border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._trigger_e81uz_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_e81uz_7[data-open] ._icon_e81uz_66 svg{transform:rotate(180deg)}._selectValue_e81uz_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_e81uz_72 ._placeholder_e81uz_78{display:flex}._selectValue_e81uz_72[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_e81uz_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_e81uz_88 ._placeholder_e81uz_78{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._multiSelectValue_e81uz_88[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_e81uz_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_e81uz_112:has(._clearButton_e81uz_126){padding-right:0}._selectValueTag_e81uz_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_e81uz_138{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_e81uz_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_e81uz_126:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_e81uz_126[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_e81uz_126:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_e81uz_126:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_e81uz_175{font-size:var(--midas-typography-font-size-30);padding:0}._popover_e81uz_175 :focus{outline:none}._popover_e81uz_175[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_e81uz_175[data-trigger=Select][data-entering],._popover_e81uz_175[data-trigger=Select][data-exiting]{opacity:0}._popover_e81uz_175 ._selectAll_e81uz_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_e81uz_175 ._selectAll_e81uz_201:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_e81uz_175 ._selectAll_e81uz_201:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_e81uz_175 ._selectAll_e81uz_201[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_e81uz_175 ._selectAll_e81uz_201[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_e81uz_175 ._selectAll_e81uz_201[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_e81uz_175 ._selectAll_e81uz_201[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_e81uz_175 ._selectAll_e81uz_201[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_e81uz_175 ._selectAll_e81uz_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_e81uz_175 ._selectAll_e81uz_201[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_e81uz_175 ._selectAll_e81uz_201[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_e81uz_264{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_e81uz_7,._popover_e81uz_175[data-trigger=Select],._selectAll_e81uz_201{transition:none}}
+._select_11rjo_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_11rjo_7{display:flex;flex-direction:column;position:relative}._trigger_11rjo_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-80);padding-right:var(--midas-size-80);transition:all .1s ease-in}._trigger_11rjo_7._medium_11rjo_29{min-height:var(--midas-size-130)}._trigger_11rjo_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_11rjo_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_11rjo_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_11rjo_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_11rjo_7[data-invalid]:not(:focus-visible){border:none;box-shadow:var(--midas-state-invalid)}@media(forced-colors:active){._trigger_11rjo_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_11rjo_7[aria-expanded=true] ._icon_11rjo_66{transform:rotate(180deg)}._selectValue_11rjo_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_11rjo_72 ._placeholder_11rjo_78{display:flex}._selectValue_11rjo_72[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_11rjo_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_11rjo_88 ._placeholder_11rjo_78{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._multiSelectValue_11rjo_88[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_11rjo_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_11rjo_112:has(._clearButton_11rjo_126){padding-right:0}._selectValueTag_11rjo_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_11rjo_138{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_11rjo_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_11rjo_126:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_11rjo_126[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_11rjo_126:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_11rjo_126:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_11rjo_175{font-size:var(--midas-typography-font-size-30);padding:0}._popover_11rjo_175 :focus{outline:none}._popover_11rjo_175[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_11rjo_175[data-trigger=Select][data-entering],._popover_11rjo_175[data-trigger=Select][data-exiting]{opacity:0}._popover_11rjo_175 ._selectAll_11rjo_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_11rjo_175 ._selectAll_11rjo_201:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_11rjo_175 ._selectAll_11rjo_201:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_11rjo_175 ._selectAll_11rjo_201[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_11rjo_175 ._selectAll_11rjo_201[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_11rjo_175 ._selectAll_11rjo_201[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_11rjo_175 ._selectAll_11rjo_201[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_11rjo_175 ._selectAll_11rjo_201[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_11rjo_175 ._selectAll_11rjo_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_11rjo_175 ._selectAll_11rjo_201[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_11rjo_175 ._selectAll_11rjo_201[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._icon_11rjo_66{display:flex;transition:transform var(--midas-transition-duration-normal) ease}._tagGroup_11rjo_269{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_11rjo_7,._popover_11rjo_175[data-trigger=Select],._selectAll_11rjo_201,._icon_11rjo_66{transition:none}}

package/assets/Skeleton.css

@@ -1 +1 @@
-@keyframes _wave_wia11_30{0%{transform:translate(-100%)}to{transform:translate(100%)}}._skeleton_wia11_11{background:var(--midas-skeleton-01);display:inline-block;position:relative;overflow:hidden;min-height:1rem;width:100%;height:100%}@media(forced-colors:active){._skeleton_wia11_11{background-color:graytext}}._skeleton_wia11_11._circle_wia11_25{border-radius:50%;aspect-ratio:1 / 1}._skeleton_wia11_11._wave_wia11_30:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;opacity:.1;background:linear-gradient(90deg,transparent,var(--midas-background-inverse),transparent);animation::_wave_wia11_30 2s infinite ease-in-out}@media(prefers-reduced-motion){._skeleton_wia11_11._wave_wia11_30:after{display:none;animation:none}}._onLayer01_wia11_54{background-color:var(--midas-skeleton-02)}._form_wia11_58{display:flex;flex-direction:column;width:100%}._formLabel_wia11_64{height:var(--midas-size-90);width:40%;margin-bottom:var(--midas-spacing-20)}._formDescription_wia11_70{height:1.125rem;width:60%;margin-bottom:var(--midas-spacing-30)}._formInput_wia11_76{height:var(--midas-size-150);width:100%}._form_wia11_58._medium_wia11_81 ._formInput_wia11_76{height:var(--midas-size-130)}
+@keyframes _wave_wia11_30{0%{transform:translate(-100%)}to{transform:translate(100%)}}._skeleton_wia11_11{background:var(--midas-skeleton-01);display:inline-block;position:relative;overflow:hidden;min-height:1rem;width:100%;height:100%}@media(forced-colors:active){._skeleton_wia11_11{background-color:graytext}}._skeleton_wia11_11._circle_wia11_25{border-radius:50%;aspect-ratio:1 / 1}._skeleton_wia11_11._wave_wia11_30:after{content:"";position:absolute;top:0;left:0;width:200%;height:100%;opacity:.1;background:linear-gradient(90deg,transparent,var(--midas-background-inverse),transparent);animation:_wave_wia11_30 2s infinite ease-in-out}@media(prefers-reduced-motion){._skeleton_wia11_11._wave_wia11_30:after{display:none;animation:none}}._onLayer01_wia11_54{background-color:var(--midas-skeleton-02)}._form_wia11_58{display:flex;flex-direction:column;width:100%}._formLabel_wia11_64{height:var(--midas-size-90);width:40%;margin-bottom:var(--midas-spacing-20)}._formDescription_wia11_70{height:1.125rem;width:60%;margin-bottom:var(--midas-spacing-30)}._formInput_wia11_76{height:var(--midas-size-150);width:100%}._form_wia11_58._medium_wia11_81 ._formInput_wia11_76{height:var(--midas-size-130)}

package/assets/Spinner.css

@@ -1 +1 @@
-._container_1qexx_1{display:inline-flex}._spinner_1qexx_5{animation::_rotating_1qexx_1 1s linear infinite;stroke-linecap:square}@media(prefers-reduced-motion){._spinner_1qexx_5{animation-duration:2s}}@media(forced-colors:active){._spinner_1qexx_5{color:CanvasText}}._large_1qexx_18{color:var(--midas-icon-tertiary)}@keyframes _rotating_1qexx_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
+._container_1qexx_1{display:inline-flex}._spinner_1qexx_5{animation:_rotating_1qexx_1 1s linear infinite;stroke-linecap:square}@media(prefers-reduced-motion){._spinner_1qexx_5{animation-duration:2s}}@media(forced-colors:active){._spinner_1qexx_5{color:CanvasText}}._large_1qexx_18{color:var(--midas-icon-tertiary)}@keyframes _rotating_1qexx_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/assets/Toast.css

@@ -1 +1 @@
-@keyframes _slideInEnd_1shnv_1{0%{transform:translate(calc(100% + 1rem));opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutEnd_1shnv_1{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + 1rem));opacity:0}}@keyframes _slideInTop_1shnv_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_1shnv_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._toastRegion_1shnv_49{position:fixed;left:50%;top:calc(92px + 1rem);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;border:none;width:calc(100% - 2rem);z-index:var(--midas-z-index-toast)}._toastRegion_1shnv_49:focus-visible{outline:none}@media(min-width:768px){._toastRegion_1shnv_49{width:unset;left:unset;transform:unset;top:calc(80px + 1rem);right:1rem}}._toast_1shnv_49{font-family:var(--midas-typography-font-family);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;color:var(--midas-text-primary);padding-left:calc(1rem - 3px);border-left:3px solid transparent;width:calc(100% - 1rem);font-size:.875rem}@media(forced-colors:active){._toast_1shnv_49{border:1px solid;border-left:3px solid}}._toast_1shnv_49[data-focus-visible],._toast_1shnv_49:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}._toast_1shnv_49._success_1shnv_97{--bg: var(--midas-support-background-success);--border: var(--midas-support-border-success);background:var(--bg);border-left-color:var(--border)}._toast_1shnv_49._info_1shnv_105{--bg: var(--midas-support-background-info);--border: var(--midas-support-border-info);background:var(--bg);border-left-color:var(--border)}._toast_1shnv_49._important_1shnv_113{--border: var(--midas-support-border-important);--bg: var(--midas-support-background-important);background:var(--bg);border-left-color:var(--border)}._toast_1shnv_49._warning_1shnv_121{--border: var(--midas-support-border-warning);--bg: var(--midas-support-background-warning);background:var(--bg);border-left-color:var(--border)}._toast_1shnv_49 ._icon_1shnv_129{color:var(--midas-icon-primary);flex:0 0 auto}@media(forced-colors:active){._toast_1shnv_49 ._icon_1shnv_129{stroke:mark}}@media(min-width:768px){._toast_1shnv_49{width:18rem}}._toastContent_1shnv_143{padding:.875rem 0;display:flex;align-items:flex-start;gap:1rem}._toastMessage_1shnv_150{padding:.125rem 0 0;margin:0;line-height:1.2}::view-transition-new(._viewTransition_1shnv_157):only-child{animation-name::_slideInTop_1shnv_1;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-direction:normal;animation-fill-mode:both}@media(min-width:768px){::view-transition-new(._viewTransition_1shnv_157):only-child{animation-name::_slideInEnd_1shnv_1}}::view-transition-old(._viewTransition_1shnv_157):only-child{animation-name::_slideOutTop_1shnv_1;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-direction:normal;animation-fill-mode:both}@media(min-width:768px){::view-transition-old(._viewTransition_1shnv_157):only-child{animation-name::_slideOutEnd_1shnv_1}}@media(prefers-reduced-motion){::view-transition-new(._viewTransition_1shnv_157):only-child,::view-transition-old(._viewTransition_1shnv_157):only-child{animation:none}}
+@keyframes _slideInEnd_16lmz_1{0%{transform:translate(calc(100% + 1rem));opacity:0}to{transform:translate(0);opacity:1}}@keyframes _slideOutEnd_16lmz_1{0%{transform:translate(0);opacity:1}to{transform:translate(calc(100% + 1rem));opacity:0}}@keyframes _slideInTop_16lmz_1{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes _slideOutTop_16lmz_1{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}._toastRegion_16lmz_49{position:fixed;left:50%;top:calc(92px + 1rem);transform:translate(-50%);display:flex;flex-direction:column;gap:8px;border:none;width:calc(100% - 2rem);z-index:var(--midas-z-index-toast)}._toastRegion_16lmz_49:focus-visible{outline:none}@media(min-width:768px){._toastRegion_16lmz_49{width:unset;left:unset;transform:unset;top:calc(80px + 1rem);right:1rem}}._toast_16lmz_49{font-family:var(--midas-typography-font-family);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;color:var(--midas-text-primary);padding-left:calc(1rem - 3px);border-left:3px solid transparent;width:calc(100% - 1rem);font-size:.875rem}@media(forced-colors:active){._toast_16lmz_49{border:1px solid;border-left:3px solid}}._toast_16lmz_49[data-focus-visible],._toast_16lmz_49:focus-visible{outline:none;box-shadow:var(--midas-state-focus)}._toast_16lmz_49._success_16lmz_97{--bg: var(--midas-support-background-success);--border: var(--midas-support-border-success);background:var(--bg);border-left-color:var(--border)}._toast_16lmz_49._info_16lmz_105{--bg: var(--midas-support-background-info);--border: var(--midas-support-border-info);background:var(--bg);border-left-color:var(--border)}._toast_16lmz_49._important_16lmz_113{--border: var(--midas-support-border-important);--bg: var(--midas-support-background-important);background:var(--bg);border-left-color:var(--border)}._toast_16lmz_49._warning_16lmz_121{--border: var(--midas-support-border-warning);--bg: var(--midas-support-background-warning);background:var(--bg);border-left-color:var(--border)}._toast_16lmz_49 ._icon_16lmz_129{color:var(--midas-icon-primary);flex:0 0 auto}@media(forced-colors:active){._toast_16lmz_49 ._icon_16lmz_129{stroke:mark}}@media(min-width:768px){._toast_16lmz_49{width:18rem}}._toastContent_16lmz_143{padding:.875rem 0;display:flex;align-items:flex-start;gap:1rem}._toastMessage_16lmz_150{padding:.125rem 0 0;margin:0;line-height:1.2}::view-transition-new(._viewTransition_16lmz_156):only-child{animation-name:_slideInTop_16lmz_1;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-direction:normal;animation-fill-mode:both}@media(min-width:768px){::view-transition-new(._viewTransition_16lmz_156):only-child{animation-name:_slideInEnd_16lmz_1}}::view-transition-old(._viewTransition_16lmz_156):only-child{animation-name:_slideOutTop_16lmz_1;animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-direction:normal;animation-fill-mode:both}@media(min-width:768px){::view-transition-old(._viewTransition_16lmz_156):only-child{animation-name:_slideOutEnd_16lmz_1}}@media(prefers-reduced-motion){::view-transition-new(._viewTransition_16lmz_156):only-child,::view-transition-old(._viewTransition_16lmz_156):only-child{animation:none}}

package/chunks/{Select-CynlKjMH.js → Select-Cz3Y8abd.js}

@@ -1,38 +1,39 @@
 import { jsx as e, jsxs as i, Fragment as V } from "react/jsx-runtime";
-import { SelectStateContext as u, SelectValue as h, Button as _, TagList as A, Select as C } from "react-aria-components";
-import { FocusScope as x } from "@react-aria/focus";
-import { a as z, L as N } from "./Label-xWKvOuML.js";
-import { a as b, c as y } from "./clsx-AexbMWKp.js";
-import { T } from "./Text-Bxww8mmL.js";
+import { SelectStateContext as d, SelectValue as _, Button as h, TagList as j, Select as A } from "react-aria-components";
+import { FocusScope as C } from "@react-aria/focus";
+import { a as N, L as x } from "./Label-xWKvOuML.js";
+import { a as b, c as T } from "./clsx-AexbMWKp.js";
+import { T as y } from "./Text-Bxww8mmL.js";
 import { F as g } from "./FieldError-C_3uLAGY.js";
 import p, { useContext as f } from "react";
 import { C as B } from "./Checkbox-BTAfwDxU.js";
-import { u as d } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { useFocusManager as M } from "react-aria";
 import { X as F } from "./x-BXShoIAM.js";
 import { L } from "./ListBox-D5BBeZWL.js";
 import { P as I } from "./Popover-BcEtFiU1.js";
-import { a as G, T as j } from "./Tag-CZrQBEgv.js";
-import { C as k } from "./chevron-down-DgT-uSF9.js";
-import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, $ = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, m = {
-  en: R,
-  sv: $
-}, w = "_select_e81uz_1", P = "_triggerContainer_e81uz_7", E = "_trigger_e81uz_7", K = "_medium_e81uz_29", D = "_selectValue_e81uz_72", W = "_placeholder_e81uz_78", X = "_multiSelectValue_e81uz_88", q = "_selectValueTag_e81uz_112", H = "_clearButton_e81uz_126", J = "_truncate_e81uz_138", O = "_popover_e81uz_175", Q = "_selectAll_e81uz_201", U = "_tagGroup_e81uz_264", a = {
-  select: w,
-  triggerContainer: P,
+import { a as G, T as k } from "./Tag-CZrQBEgv.js";
+import { C as R } from "./chevron-down-DgT-uSF9.js";
+import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, u = {
+  en: $,
+  sv: w
+}, P = "_select_11rjo_1", z = "_triggerContainer_11rjo_7", E = "_trigger_11rjo_7", K = "_medium_11rjo_29", D = "_icon_11rjo_66", W = "_selectValue_11rjo_72", X = "_placeholder_11rjo_78", q = "_multiSelectValue_11rjo_88", H = "_selectValueTag_11rjo_112", J = "_clearButton_11rjo_126", O = "_truncate_11rjo_138", Q = "_popover_11rjo_175", U = "_selectAll_11rjo_201", Y = "_tagGroup_11rjo_269", a = {
+  select: P,
+  triggerContainer: z,
   trigger: E,
   medium: K,
-  selectValue: D,
-  placeholder: W,
-  multiSelectValue: X,
-  selectValueTag: q,
-  clearButton: H,
-  truncate: J,
-  popover: O,
-  selectAll: Q,
-  tagGroup: U
-}, Y = () => {
-  const t = p.useContext(u), c = d(m), r = () => t?.setValue(
+  icon: D,
+  selectValue: W,
+  placeholder: X,
+  multiSelectValue: q,
+  selectValueTag: H,
+  clearButton: J,
+  truncate: O,
+  popover: Q,
+  selectAll: U,
+  tagGroup: Y
+}, Z = () => {
+  const t = p.useContext(d), r = m(u), o = () => t?.setValue(
     t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
   );
   return /* @__PURE__ */ e(
@@ -41,44 +42,44 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
       className: a.selectAll,
       isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
       isSelected: t?.selectionManager.isSelectAll,
-      onChange: r,
-      children: c.format("selectAll")
+      onChange: o,
+      children: r.format("selectAll")
     }
   );
-}, Z = ({
+}, ee = ({
   isDisabled: t
 }) => {
-  const c = d(m), r = (l, o) => l.length === 1 ? o : `${l.length} ${c.format("selected")}`;
+  const r = m(u), o = (l, c) => l.length === 1 ? c : `${l.length} ${r.format("selected")}`;
   return /* @__PURE__ */ e(
-    h,
+    _,
     {
       className: a.multiSelectValue,
       "data-disabled": t || void 0,
-      children: ({ isPlaceholder: l, selectedItems: o, selectedText: s }) => l ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ i(
+      children: ({ isPlaceholder: l, selectedItems: c, selectedText: s }) => l ? /* @__PURE__ */ e(V, {}) : /* @__PURE__ */ i(
         "div",
         {
           className: a.selectValueTag,
           "data-disabled": t || void 0,
           children: [
-            /* @__PURE__ */ e("span", { className: a.truncate, children: r(o, s) }),
-            /* @__PURE__ */ e(ee, { isDisabled: t })
+            /* @__PURE__ */ e("span", { className: a.truncate, children: o(c, s) }),
+            /* @__PURE__ */ e(te, { isDisabled: t })
           ]
         }
       )
     }
   );
-}, ee = ({
+}, te = ({
   isDisabled: t
 }) => {
-  const c = p.useContext(u), r = d(m), l = M(), o = () => {
-    l?.focusFirst(), c?.setValue(null);
+  const r = p.useContext(d), o = m(u), l = M(), c = () => {
+    l?.focusFirst(), r?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    _,
+    h,
     {
-      "aria-label": r.format("clearAll"),
+      "aria-label": o.format("clearAll"),
       className: a.clearButton,
-      onPress: o,
+      onPress: c,
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
@@ -90,26 +91,26 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
       )
     }
   );
-}, te = ({
+}, le = ({
   showTags: t,
-  isDisabled: c
+  isDisabled: r
 }) => {
-  const r = d(m), l = f(u), o = (s) => {
+  const o = m(u), l = f(d), c = (s) => {
     l?.selectionManager.toggleSelection(Array.from(s)[0]);
   };
   return !l?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
     G,
     {
-      "aria-label": r.format("selectedItems"),
+      "aria-label": o.format("selectedItems"),
       className: a.tagGroup,
-      onRemove: o,
+      onRemove: c,
       selectionBehavior: "toggle",
-      children: /* @__PURE__ */ e(A, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
-        j,
+      children: /* @__PURE__ */ e(j, { items: l.selectedItems, children: (s) => /* @__PURE__ */ e(
+        k,
         {
           dismissable: !0,
           id: s.key,
-          isDisabled: c,
+          isDisabled: r,
           textValue: s.textValue,
           children: s.textValue
         },
@@ -117,63 +118,63 @@ import '../assets/Select.css';const R = { clearAll: "Clear all", selectAll: "Sel
       ) })
     }
   );
-}, le = ({
+}, ae = ({
   isDisabled: t,
-  selectionMode: c,
-  size: r
+  selectionMode: r,
+  size: o
 }) => {
-  const l = f(u);
+  const l = f(d);
   return /* @__PURE__ */ i(
-    _,
+    h,
     {
       className: b(
         {
-          [a.medium]: r === "medium"
+          [a.medium]: o === "medium"
         },
         a.trigger
       ),
       "data-invalid": !!l?.displayValidation.isInvalid || void 0,
       children: [
         /* @__PURE__ */ e(
-          h,
+          _,
           {
             className: a.selectValue,
             "data-disabled": t || void 0,
-            children: ({ selectedText: o, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: c === "multiple" && o ? null : o || s }) })
+            children: ({ selectedText: c, defaultChildren: s }) => /* @__PURE__ */ e("div", { className: a.placeholder, children: /* @__PURE__ */ e("span", { className: a.truncate, children: r === "multiple" && c ? null : c || s }) })
           }
         ),
         /* @__PURE__ */ e(
           "span",
           {
             "aria-hidden": "true",
-            style: { display: "flex" },
-            children: /* @__PURE__ */ e(k, { size: 20 })
+            className: a.icon,
+            children: /* @__PURE__ */ e(R, { size: 20 })
           }
         )
       ]
     }
   );
 };
-function ve({
+function Ve({
   children: t,
-  description: c,
-  errorMessage: r,
+  description: r,
+  errorMessage: o,
   errorPosition: l = "top",
-  items: o,
+  items: c,
   label: s,
   popover: S,
   size: v = "large",
   ...n
 }) {
-  return /* @__PURE__ */ e(x, { children: /* @__PURE__ */ i(
-    C,
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ i(
+    A,
     {
       ...n,
-      className: y(n.className, a.select),
+      className: T(n.className, a.select),
       children: [
-        /* @__PURE__ */ e(z, { popover: S, children: s && /* @__PURE__ */ e(N, { "data-disabled": n.isDisabled || void 0, children: s }) }),
-        c && /* @__PURE__ */ e(T, { slot: "description", children: c }),
-        l === "top" && /* @__PURE__ */ e(g, { children: r }),
+        /* @__PURE__ */ e(N, { popover: S, children: s && /* @__PURE__ */ e(x, { "data-disabled": n.isDisabled || void 0, children: s }) }),
+        r && /* @__PURE__ */ e(y, { slot: "description", children: r }),
+        l === "top" && /* @__PURE__ */ e(g, { children: o }),
         /* @__PURE__ */ i(
           "div",
           {
@@ -181,17 +182,17 @@ function ve({
             "data-disabled": n.isDisabled || void 0,
             children: [
               /* @__PURE__ */ e(
-                le,
+                ae,
                 {
                   size: v,
                   ...n
                 }
               ),
-              n.selectionMode === "multiple" ? /* @__PURE__ */ e(Z, { ...n }) : null
+              n.selectionMode === "multiple" ? /* @__PURE__ */ e(ee, { ...n }) : null
             ]
           }
         ),
-        l === "bottom" && /* @__PURE__ */ e(g, { children: r }),
+        l === "bottom" && /* @__PURE__ */ e(g, { children: o }),
         /* @__PURE__ */ i(
           I,
           {
@@ -199,23 +200,23 @@ function ve({
             offset: 0,
             hideArrow: !0,
             children: [
-              n.isSelectableAll && /* @__PURE__ */ e(Y, {}),
+              n.isSelectableAll && /* @__PURE__ */ e(Z, {}),
               /* @__PURE__ */ e(
                 L,
                 {
                   escapeKeyBehavior: "none",
-                  items: o,
+                  items: c,
                   children: t
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ e(te, { ...n })
+        /* @__PURE__ */ e(le, { ...n })
       ]
     }
   ) });
 }
 export {
-  ve as S
+  Ve as S
 };

package/chunks/Toast-PDCyyP45.js

@@ -0,0 +1,157 @@
+import { jsx as n, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import { B as p } from "./Button-BGu-SRi7.js";
+import { useToastRegion as g, useToast as v } from "react-aria";
+import { ToastQueue as z, useToastQueue as w, useToastState as h } from "react-stately";
+import m from "react";
+import { createPortal as R, flushSync as y } from "react-dom";
+import { c as l } from "./clsx-AexbMWKp.js";
+import { F as b } from "./FeedbackStatusIcon-YJaUAfjp.js";
+import { X as P } from "./x-BXShoIAM.js";
+import '../assets/Toast.css';const I = "_toastRegion_16lmz_49", N = "_toast_16lmz_49", E = "_success_16lmz_97", O = "_info_16lmz_105", x = "_important_16lmz_113", C = "_warning_16lmz_121", M = "_icon_16lmz_129", S = "_toastContent_16lmz_143", k = "_toastMessage_16lmz_150", B = "_viewTransition_16lmz_156", F = "_slideInTop_16lmz_1", Q = "_slideInEnd_16lmz_1", V = "_slideOutTop_16lmz_1", j = "_slideOutEnd_16lmz_1", e = {
+  toastRegion: I,
+  toast: N,
+  success: E,
+  info: O,
+  important: x,
+  warning: C,
+  icon: M,
+  toastContent: S,
+  toastMessage: k,
+  viewTransition: B,
+  slideInTop: F,
+  slideInEnd: Q,
+  slideOutTop: V,
+  slideOutEnd: j
+}, _ = {
+  wrapUpdate(t) {
+    "startViewTransition" in document ? document.startViewTransition(() => {
+      y(t);
+    }) : t();
+  },
+  maxVisibleToasts: 5
+}, G = new z(_), Y = (t) => {
+  const o = w(G);
+  return o.visibleToasts.length > 0 ? R(
+    /* @__PURE__ */ n(
+      u,
+      {
+        ...t,
+        state: o
+      }
+    ),
+    document.body
+  ) : null;
+}, Z = ({ children: t, ...o }) => {
+  const s = h(_);
+  return /* @__PURE__ */ c(f, { children: [
+    typeof t == "function" ? t(s) : t,
+    s.visibleToasts.length > 0 && /* @__PURE__ */ n(
+      u,
+      {
+        ...o,
+        state: s
+      }
+    )
+  ] });
+};
+function u({
+  state: t,
+  className: o,
+  ...s
+}) {
+  const a = m.useRef(null), { regionProps: r } = g(s, t, a);
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ...r,
+      ref: a,
+      className: l(e.toastRegion, o),
+      children: t.visibleToasts.map((i) => /* @__PURE__ */ n(
+        U,
+        {
+          toast: i,
+          state: t
+        },
+        i.key
+      ))
+    }
+  );
+}
+function U({
+  state: t,
+  className: o,
+  ...s
+}) {
+  const a = m.useRef(null), { toastProps: r, contentProps: i, titleProps: d, closeButtonProps: T } = v(
+    s,
+    t,
+    a
+  );
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...r,
+      ref: a,
+      className: l(
+        e.toast,
+        e[s.toast.content.type],
+        o
+      ),
+      style: {
+        viewTransitionName: s.toast.key,
+        viewTransitionClass: e.viewTransition
+      },
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            ...i,
+            className: l(e.toastContent, i.className),
+            children: [
+              /* @__PURE__ */ n(
+                b,
+                {
+                  "aria-hidden": !0,
+                  className: e.icon,
+                  status: s.toast.content.type
+                }
+              ),
+              /* @__PURE__ */ c("div", { children: [
+                /* @__PURE__ */ n(
+                  "p",
+                  {
+                    className: e.toastMessage,
+                    ...d,
+                    children: s.toast.content.message
+                  }
+                ),
+                s.toast.content.children
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          p,
+          {
+            variant: "icon",
+            ...T,
+            children: /* @__PURE__ */ n(
+              P,
+              {
+                size: 20,
+                "aria-hidden": !0
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Y as G,
+  Z as T,
+  u as a,
+  U as b,
+  G as t
+};

package/index.js

@@ -29,7 +29,7 @@ import { P as So } from "./chunks/Popover-BcEtFiU1.js";
 import { P as Io } from "./chunks/ProgressBar-KQdaaME2.js";
 import { R as Po, a as Ro } from "./chunks/Radio-BD-ICPhb.js";
 import { S as Fo } from "./chunks/SearchField-44UKmB8Z.js";
-import { S as vo } from "./chunks/Select-CynlKjMH.js";
+import { S as vo } from "./chunks/Select-Cz3Y8abd.js";
 import { S as ho } from "./chunks/Select-BJlDjYWX.js";
 import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
 import { S as No } from "./chunks/Spinner-tvJ7rPiT.js";
@@ -38,7 +38,7 @@ import { a as Oo, c as Uo, b as Vo, T as Wo } from "./chunks/TabList-D2XV5ixe.js
 import { T as Yo, a as _o } from "./chunks/Tag-CZrQBEgv.js";
 import { T as oa } from "./chunks/Text-Bxww8mmL.js";
 import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-Dudj2zg4.js";
-import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-DGvPi4rb.js";
+import { G as xa, b as ma, T as ia, a as fa, t as na } from "./chunks/Toast-PDCyyP45.js";
 import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as Ca, a as ga } from "./chunks/Tooltip-rDmOkGmX.js";
 import { L as ca } from "./chunks/ListBox-D5BBeZWL.js";

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.6.1",
+  "version": "16.6.3",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",
@@ -41,7 +41,7 @@
     "./*": "./*/index.js"
   },
   "dependencies": {
-    "@midas-ds/theme": "3.10.1",
+    "@midas-ds/theme": "3.10.2",
     "react-aria-components": "1.14.0"
   }
 }

package/select/index.js

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

package/toast/index.js

@@ -1,4 +1,4 @@
-import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-DGvPi4rb.js";
+import { G as s, b as t, T as e, a as r, t as T } from "../chunks/Toast-PDCyyP45.js";
 import { useToastState as u } from "react-stately";
 export {
   s as GlobalToastRegion,

package/chunks/Toast-DGvPi4rb.js

@@ -1,157 +0,0 @@
-import { jsx as o, jsxs as c, Fragment as T } from "react/jsx-runtime";
-import { B as h } from "./Button-BGu-SRi7.js";
-import { useToastRegion as f, useToast as p } from "react-aria";
-import { ToastQueue as g, useToastQueue as w, useToastState as R } from "react-stately";
-import _ from "react";
-import { createPortal as y, flushSync as b } from "react-dom";
-import { c as l } from "./clsx-AexbMWKp.js";
-import { F as P } from "./FeedbackStatusIcon-YJaUAfjp.js";
-import { X as I } from "./x-BXShoIAM.js";
-import '../assets/Toast.css';const N = "_toastRegion_1shnv_49", E = "_toast_1shnv_49", O = "_success_1shnv_97", x = "_info_1shnv_105", C = "_important_1shnv_113", M = "_warning_1shnv_121", S = "_icon_1shnv_129", k = "_toastContent_1shnv_143", B = "_toastMessage_1shnv_150", F = "_viewTransition_1shnv_157", Q = "_slideInTop_1shnv_1", V = "_slideInEnd_1shnv_1", j = "_slideOutTop_1shnv_1", G = "_slideOutEnd_1shnv_1", e = {
-  toastRegion: N,
-  toast: E,
-  success: O,
-  info: x,
-  important: C,
-  warning: M,
-  icon: S,
-  toastContent: k,
-  toastMessage: B,
-  viewTransition: F,
-  slideInTop: Q,
-  slideInEnd: V,
-  slideOutTop: j,
-  slideOutEnd: G
-}, u = {
-  wrapUpdate(t) {
-    "startViewTransition" in document ? document.startViewTransition(() => {
-      b(t);
-    }) : t();
-  },
-  maxVisibleToasts: 5
-}, z = new g(u), Y = (t) => {
-  const n = w(z);
-  return n.visibleToasts.length > 0 ? y(
-    /* @__PURE__ */ o(
-      d,
-      {
-        ...t,
-        state: n
-      }
-    ),
-    document.body
-  ) : null;
-}, Z = ({ children: t, ...n }) => {
-  const s = R(u);
-  return /* @__PURE__ */ c(T, { children: [
-    typeof t == "function" ? t(s) : t,
-    s.visibleToasts.length > 0 && /* @__PURE__ */ o(
-      d,
-      {
-        ...n,
-        state: s
-      }
-    )
-  ] });
-};
-function d({
-  state: t,
-  className: n,
-  ...s
-}) {
-  const a = _.useRef(null), { regionProps: r } = f(s, t, a);
-  return /* @__PURE__ */ o(
-    "div",
-    {
-      ...r,
-      ref: a,
-      className: l(e.toastRegion, n),
-      children: t.visibleToasts.map((i) => /* @__PURE__ */ o(
-        U,
-        {
-          toast: i,
-          state: t
-        },
-        i.key
-      ))
-    }
-  );
-}
-function U({
-  state: t,
-  className: n,
-  ...s
-}) {
-  const a = _.useRef(null), { toastProps: r, contentProps: i, titleProps: m, closeButtonProps: v } = p(
-    s,
-    t,
-    a
-  );
-  return /* @__PURE__ */ c(
-    "div",
-    {
-      ...r,
-      ref: a,
-      className: l(
-        e.toast,
-        e[s.toast.content.type],
-        n
-      ),
-      style: {
-        viewTransitionName: s.toast.key,
-        viewTransitionClass: e.viewTransition
-      },
-      children: [
-        /* @__PURE__ */ c(
-          "div",
-          {
-            ...i,
-            className: l(e.toastContent, i.className),
-            children: [
-              /* @__PURE__ */ o(
-                P,
-                {
-                  "aria-hidden": !0,
-                  className: e.icon,
-                  status: s.toast.content.type
-                }
-              ),
-              /* @__PURE__ */ c("div", { children: [
-                /* @__PURE__ */ o(
-                  "p",
-                  {
-                    className: e.toastMessage,
-                    ...m,
-                    children: s.toast.content.message
-                  }
-                ),
-                s.toast.content.children
-              ] })
-            ]
-          }
-        ),
-        /* @__PURE__ */ o(
-          h,
-          {
-            variant: "icon",
-            ...v,
-            children: /* @__PURE__ */ o(
-              I,
-              {
-                size: 20,
-                "aria-hidden": !0
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  Y as G,
-  Z as T,
-  d as a,
-  U as b,
-  z as t
-};