@midas-ds/components 17.7.6 → 17.7.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,16 @@
1
+ ## 17.7.8 (2026-03-12)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **components,list-box:** fix horizontal scrollbar in chromium ([90993805d1](https://github.com/migrationsverket/midas/commit/90993805d1))
6
+ - **components,combobox:** prevent long input text from covering toggle button ([33120ccb81](https://github.com/migrationsverket/midas/commit/33120ccb81))
7
+
8
+ ## 17.7.7 (2026-03-12)
9
+
10
+ ### 🧱 Updated Dependencies
11
+
12
+ - Updated theme to 3.12.11
13
+
1
14
  ## 17.7.6 (2026-03-11)
2
15
 
3
16
  ### 🏭 Refactoring
@@ -1 +1 @@
1
- ._combobox_1v46d_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_1v46d_1[data-invalid] ._inputField_1v46d_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_1v46d_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:1rem;border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:1rem;color:var(--midas-text-primary);height:var(--midas-size-control);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_1v46d_6{border:1px solid}}._inputField_1v46d_6._medium_1v46d_27{height:var(--midas-size-control-md)}._inputField_1v46d_6[data-hovered],._inputField_1v46d_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_1v46d_6::placeholder{color:var(--midas-text-placeholder)}._inputField_1v46d_6:focus-visible,._inputField_1v46d_6[data-focus-visible]{outline:none}._inputField_1v46d_6[data-focused],._inputField_1v46d_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_1v46d_6[data-focused],._inputField_1v46d_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_1v46d_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:.063rem solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_1v46d_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1v46d_6[data-readonly][data-focused],._inputField_1v46d_6[data-readonly][data-focus-visible]{box-shadow:none}._text_1v46d_74{font-size:.875rem;margin-bottom:.5rem}._wrap_1v46d_79{grid-area:Input;position:relative;gap:.5rem}._button_1v46d_85{display:flex;align-items:center;border:none;padding:var(--midas-space-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-control);transition:transform .3s ease}._button_1v46d_85._medium_1v46d_27{height:var(--midas-size-control-md);padding:var(--midas-space-50) var(--midas-space-70)}._button_1v46d_85[aria-expanded=true]{transform:rotate(180deg)}._button_1v46d_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_1v46d_85[data-disabled]{color:var(--midas-icon-read-only)}._button_1v46d_85[data-hovered]{cursor:pointer}._icon_1v46d_121{display:flex;align-items:center;transition:transform .3s ease}@media(prefers-reduced-motion){._button_1v46d_85,._icon_1v46d_121{transition:none}}
1
+ ._combobox_to3lj_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_to3lj_1[data-invalid] ._inputField_to3lj_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_to3lj_6{box-sizing:border-box;width:-webkit-fill-available;padding-left:var(--midas-space-medium);padding-right:calc(var(--midas-size-icon-sm) + 2 * var(--midas-space-70));border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;font-size:var(--midas-typography-font-size-30);color:var(--midas-text-primary);height:var(--midas-size-control);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_to3lj_6{border:1px solid}}._inputField_to3lj_6._medium_to3lj_28{height:var(--midas-size-control-md)}._inputField_to3lj_6[data-hovered],._inputField_to3lj_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_to3lj_6::placeholder{color:var(--midas-text-placeholder)}._inputField_to3lj_6:focus-visible,._inputField_to3lj_6[data-focus-visible]{outline:none}._inputField_to3lj_6[data-focused],._inputField_to3lj_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_to3lj_6[data-focused],._inputField_to3lj_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_to3lj_6[data-disabled]{color:var(--midas-text-disabled);background:var(--midas-field-disabled);box-shadow:none;border-bottom:1px solid var(--midas-border-color-disabled);cursor:not-allowed}._inputField_to3lj_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_to3lj_6[data-readonly][data-focused],._inputField_to3lj_6[data-readonly][data-focus-visible]{box-shadow:none}._text_to3lj_75{font-size:var(--midas-typography-font-size-20);margin-bottom:var(--midas-space-small)}._wrap_to3lj_80{grid-area:Input;position:relative}._button_to3lj_85{display:flex;align-items:center;border:none;padding:var(--midas-space-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-control);transition:transform .3s ease}._button_to3lj_85._medium_to3lj_28{height:var(--midas-size-control-md);padding:var(--midas-space-50) var(--midas-space-70)}._button_to3lj_85[aria-expanded=true]{transform:rotate(180deg)}._button_to3lj_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_to3lj_85[data-disabled]{color:var(--midas-icon-read-only)}._button_to3lj_85[data-hovered]{cursor:pointer}._icon_to3lj_121{display:flex;align-items:center;transition:transform .3s ease}@media(prefers-reduced-motion){._button_to3lj_85,._icon_to3lj_121{transition:none}}
@@ -1 +1 @@
1
- ._listBox_1k3vu_4{max-height:295px;overflow-y:auto}._listBox_1k3vu_4>div{pointer-events:auto!important}._listBoxPopover_1k3vu_16{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);overflow-y:auto;box-shadow:0 3px 5px #0003}@media(forced-colors:active){._listBoxPopover_1k3vu_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_1k3vu_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:block;padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:500;font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header)}._listBoxButton_1k3vu_43{all:unset;width:100%;box-sizing:border-box;margin-bottom:2px!important}._listBoxButton_1k3vu_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1k3vu_55{align-items:center;background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);justify-content:space-between;line-height:var(--midas-typography-line-height-30);margin-bottom:0;padding:var(--midas-space-70) var(--midas-space-medium);transition:background-color 60ms;gap:var(--midas-space-medium)}._listBoxItem_1k3vu_55 ._textContent_1k3vu_69{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_1k3vu_55:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._listBoxItem_1k3vu_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_1k3vu_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_1k3vu_55[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._listBoxItem_1k3vu_55[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._listBoxItem_1k3vu_55[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._listBoxItem_1k3vu_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1k3vu_55[data-selection-mode=single][data-selected] ._textContent_1k3vu_69{max-width:calc(100% - 3rem)}._listBoxItem_1k3vu_55[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon);height:var(--midas-size-icon);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon) var(--midas-size-icon);mask-size:var(--midas-size-icon) var(--midas-size-icon);flex-shrink:0}@media(forced-colors:active){._listBoxItem_1k3vu_55[data-selection-mode=single][data-selected]:after{filter:invert(1)}}._listBoxItem_1k3vu_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_1k3vu_55[data-selection-mode=multiple]:before{transition:all .2s;box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon);height:var(--midas-size-icon)}._listBoxItem_1k3vu_55[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon);min-height:var(--midas-size-icon);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media(forced-colors:active){._listBoxItem_1k3vu_55[data-selection-mode=multiple][data-selected]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxItem_1k3vu_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media(forced-colors:active){._listBoxItem_1k3vu_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxLoadMoreItem_1k3vu_175{align-items:center;display:flex;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium)}@media(prefers-reduced-motion){._listBoxItem_1k3vu_55,._item_1k3vu_186,._option_1k3vu_187 ._inputCheckbox_1k3vu_187{transition:none}}
1
+ ._listBox_1l41e_4{max-height:295px;overflow:hidden auto}._listBox_1l41e_4>div{pointer-events:auto!important}._listBoxPopover_1l41e_16{font-family:var(--midas-typography-font-family);width:var(--trigger-width);background:var(--midas-layer-01-base);box-shadow:0 3px 5px #0003}@media(forced-colors:active){._listBoxPopover_1l41e_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_1l41e_30{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:block;padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-xsmall) var(--midas-space-60);font-weight:var(--midas-typography-weight-medium);font-size:var(--midas-typography-font-size-20);line-height:var(--midas-typography-line-height-20);color:var(--midas-menu-text-section-header)}._listBoxButton_1l41e_42{all:unset;width:100%;box-sizing:border-box;margin-bottom:var(--midas-space-10)!important}._listBoxButton_1l41e_42:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1l41e_54{align-items:center;background-color:var(--midas-layer-01-base);box-sizing:border-box;color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);justify-content:space-between;line-height:var(--midas-typography-line-height-30);margin-bottom:0;padding:var(--midas-space-70) var(--midas-space-medium);transition:background-color 60ms;gap:var(--midas-space-medium)}._listBoxItem_1l41e_54 ._textContent_1l41e_68{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_1l41e_54:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._listBoxItem_1l41e_54[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_1l41e_54[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_1l41e_54[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._listBoxItem_1l41e_54[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._listBoxItem_1l41e_54[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._listBoxItem_1l41e_54[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1l41e_54[data-selection-mode=single][data-selected] ._textContent_1l41e_68{max-width:calc(100% - var(--midas-space-150))}._listBoxItem_1l41e_54[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-icon);height:var(--midas-size-icon);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-icon) var(--midas-size-icon);mask-size:var(--midas-size-icon) var(--midas-size-icon);flex-shrink:0}@media(forced-colors:active){._listBoxItem_1l41e_54[data-selection-mode=single][data-selected]:after{filter:invert(1)}}._listBoxItem_1l41e_54[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-space-small)}._listBoxItem_1l41e_54[data-selection-mode=multiple]:before{transition:all .2s;box-sizing:border-box;content:"";border:1px solid var(--midas-border-color-primary);min-width:var(--midas-size-icon);height:var(--midas-size-icon)}._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-icon);min-height:var(--midas-size-icon);background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaGVjay1pY29uIGx1Y2lkZS1jaGVjayI+PHBhdGggZD0iTTIwIDYgOSAxN2wtNS01Ii8+PC9zdmc+);background-size:contain;background-color:var(--midas-button-background-primary-base);border-color:var(--midas-button-background-primary-base)}@media(forced-colors:active){._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:var(--midas-button-background-primary-hover);border-color:var(--midas-button-background-primary-hover)}@media(forced-colors:active){._listBoxItem_1l41e_54[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxLoadMoreItem_1l41e_174{align-items:center;display:flex;gap:var(--midas-space-medium);line-height:var(--midas-typography-line-height-30);padding:var(--midas-space-medium) var(--midas-space-medium) var(--midas-space-60) var(--midas-space-medium)}@media(prefers-reduced-motion){._listBoxItem_1l41e_54,._item_1l41e_185,._option_1l41e_186 ._inputCheckbox_1l41e_186{transition:none}}
@@ -1,17 +1,17 @@
1
1
  'use client';
2
2
  import { jsxs as c, jsx as o } from "react/jsx-runtime";
3
- import L from "react";
4
- import { ComboBox as F, Input as w, Button as R } from "react-aria-components";
3
+ import F from "react";
4
+ import { ComboBox as w, Input as j, Button as v } from "react-aria-components";
5
5
  import { c as s } from "./clsx-AexbMWKp.js";
6
- import { a as y, L as B } from "./Label-BNQY5OnB.js";
7
- import { T as C } from "./Text-D0r_W4lH.js";
6
+ import { a as R, L as y } from "./Label-BNQY5OnB.js";
7
+ import { T as B } from "./Text-D0r_W4lH.js";
8
8
  import { F as u } from "./FieldError-krpMBtie.js";
9
- import { L as N } from "./ListBox-CDlOUvzJ.js";
10
- import { a as g, L as E } from "./ListBoxEmptyState-CXKkWQy1.js";
11
- import { C as S } from "./chevron-down-BBFYYzZq.js";
12
- import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
13
- import '../assets/ComboBox.css';const j = "_combobox_1v46d_1", I = "_inputField_1v46d_6", O = "_medium_1v46d_27", U = "_wrap_1v46d_79", z = "_button_1v46d_85", D = "_icon_1v46d_121", t = {
14
- combobox: j,
9
+ import { L as C } from "./ListBox-BmONCo_D.js";
10
+ import { a as N, L as g } from "./ListBoxEmptyState-7VzB4KvQ.js";
11
+ import { C as E } from "./chevron-down-BBFYYzZq.js";
12
+ import { u as S } from "./useLocalizedStringFormatter-BHvsRxDk.js";
13
+ import '../assets/ComboBox.css';const T = "_combobox_to3lj_1", I = "_inputField_to3lj_6", O = "_medium_to3lj_28", U = "_wrap_to3lj_80", z = "_button_to3lj_85", D = "_icon_to3lj_121", t = {
14
+ combobox: T,
15
15
  inputField: I,
16
16
  medium: O,
17
17
  wrap: U,
@@ -29,50 +29,50 @@ function Y({
29
29
  items: f,
30
30
  className: _,
31
31
  errorPosition: a = "top",
32
- size: d = "large",
32
+ size: m = "large",
33
33
  popover: h,
34
34
  listBoxProps: b,
35
35
  ...e
36
36
  }) {
37
- const m = L.useRef(null), l = T(W), x = (v) => {
38
- v.currentTarget.value && m.current?.select();
37
+ const l = F.useRef(null), d = S(W), x = (L) => {
38
+ L.currentTarget.value && l.current?.select();
39
39
  };
40
40
  return /* @__PURE__ */ c(
41
- F,
41
+ w,
42
42
  {
43
43
  className: s(t.combobox, _),
44
44
  ...e,
45
45
  "data-readonly": e.isReadOnly || void 0,
46
46
  children: [
47
- /* @__PURE__ */ o(y, { popover: h, children: i && /* @__PURE__ */ o(B, { children: i }) }),
48
- r && /* @__PURE__ */ o(C, { slot: "description", children: r }),
47
+ /* @__PURE__ */ o(R, { popover: h, children: i && /* @__PURE__ */ o(y, { children: i }) }),
48
+ r && /* @__PURE__ */ o(B, { slot: "description", children: r }),
49
49
  a === "top" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: n }),
50
50
  /* @__PURE__ */ c("div", { className: t.wrap, children: [
51
51
  /* @__PURE__ */ o(
52
- w,
52
+ j,
53
53
  {
54
54
  className: s(t.inputField, {
55
- [t.medium]: d === "medium"
55
+ [t.medium]: m === "medium"
56
56
  }),
57
57
  "data-readonly": e.isReadOnly || void 0,
58
58
  onMouseUp: x,
59
- ref: m
59
+ ref: l
60
60
  }
61
61
  ),
62
62
  /* @__PURE__ */ o(
63
- R,
63
+ v,
64
64
  {
65
65
  className: s(t.button, {
66
- [t.medium]: d === "medium"
66
+ [t.medium]: m === "medium"
67
67
  }),
68
- "aria-label": l.format("showList"),
68
+ "aria-label": d.format("showList"),
69
69
  children: /* @__PURE__ */ o(
70
70
  "div",
71
71
  {
72
72
  className: t.icon,
73
73
  "aria-hidden": "true",
74
74
  children: /* @__PURE__ */ o(
75
- S,
75
+ E,
76
76
  {
77
77
  size: 20,
78
78
  "aria-hidden": !0
@@ -84,11 +84,11 @@ function Y({
84
84
  )
85
85
  ] }),
86
86
  a === "bottom" && /* @__PURE__ */ o(u, { "data-testid": "fieldError", children: n }),
87
- /* @__PURE__ */ o(g, { offset: 4, children: /* @__PURE__ */ o(
88
- N,
87
+ /* @__PURE__ */ o(N, { offset: 4, children: /* @__PURE__ */ o(
88
+ C,
89
89
  {
90
90
  items: f,
91
- renderEmptyState: () => /* @__PURE__ */ o(E, { children: l.format("noResultsFound") }),
91
+ renderEmptyState: () => /* @__PURE__ */ o(g, { children: d.format("noResultsFound") }),
92
92
  ...b,
93
93
  children: p
94
94
  }
@@ -1,7 +1,7 @@
1
- import { jsx as i } from "react/jsx-runtime";
2
- import { ListLayout as e, Virtualizer as n, ListBox as l } from "react-aria-components";
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { ListLayout as i, Virtualizer as l, ListBox as n } from "react-aria-components";
3
3
  import { c as x } from "./clsx-AexbMWKp.js";
4
- import '../assets/ListBox.css';class B extends e {
4
+ import '../assets/ListBox.css';class B extends i {
5
5
  /**
6
6
  * When using the ListLayout our scroll container height is not calculated properly when the content is partially sectioned.
7
7
  * ```ts
@@ -25,29 +25,29 @@ import '../assets/ListBox.css';class B extends e {
25
25
  }), this.contentSize;
26
26
  }
27
27
  }
28
- const r = "_listBox_1k3vu_4", a = "_listBoxPopover_1k3vu_16", c = "_listBoxSectionHeading_1k3vu_31", _ = "_listBoxButton_1k3vu_43", u = "_listBoxItem_1k3vu_55", m = "_textContent_1k3vu_69", L = "_listBoxLoadMoreItem_1k3vu_175", v = {
28
+ const r = "_listBox_1l41e_4", a = "_listBoxPopover_1l41e_16", c = "_listBoxSectionHeading_1l41e_30", _ = "_listBoxButton_1l41e_42", m = "_listBoxItem_1l41e_54", L = "_textContent_1l41e_68", u = "_listBoxLoadMoreItem_1l41e_174", d = {
29
29
  listBox: r,
30
30
  listBoxPopover: a,
31
31
  listBoxSectionHeading: c,
32
32
  listBoxButton: _,
33
- listBoxItem: u,
34
- textContent: m,
35
- listBoxLoadMoreItem: L
36
- }, k = ({
37
- className: s,
33
+ listBoxItem: m,
34
+ textContent: L,
35
+ listBoxLoadMoreItem: u
36
+ }, h = ({
37
+ className: e,
38
38
  children: t,
39
39
  ...o
40
- }) => /* @__PURE__ */ i(
41
- n,
40
+ }) => /* @__PURE__ */ s(
41
+ l,
42
42
  {
43
43
  layout: B,
44
44
  layoutOptions: {
45
45
  headingHeight: 38
46
46
  },
47
- children: /* @__PURE__ */ i(
48
- l,
47
+ children: /* @__PURE__ */ s(
48
+ n,
49
49
  {
50
- className: x(v.listBox, s),
50
+ className: x(d.listBox, e),
51
51
  ...o,
52
52
  children: t
53
53
  }
@@ -55,6 +55,6 @@ const r = "_listBox_1k3vu_4", a = "_listBoxPopover_1k3vu_16", c = "_listBoxSecti
55
55
  }
56
56
  );
57
57
  export {
58
- k as L,
59
- v as s
58
+ h as L,
59
+ d as s
60
60
  };
@@ -1,7 +1,7 @@
1
1
  import { jsx as s } from "react/jsx-runtime";
2
2
  import { c as m } from "./clsx-AexbMWKp.js";
3
3
  import { Popover as r } from "react-aria-components";
4
- import { s as a } from "./ListBox-CDlOUvzJ.js";
4
+ import { s as a } from "./ListBox-BmONCo_D.js";
5
5
  import { T as p } from "./Text-D0r_W4lH.js";
6
6
  import '../assets/ListBoxEmptyState.css';const n = ({
7
7
  className: t,
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as m, Fragment as c } from "react/jsx-runtime";
2
2
  import { c as i } from "./clsx-AexbMWKp.js";
3
- import { s as e } from "./ListBox-CDlOUvzJ.js";
3
+ import { s as e } from "./ListBox-BmONCo_D.js";
4
4
  import { ListBoxItem as x, ListBoxSection as d, ListBoxLoadMoreItem as l, Header as L } from "react-aria-components";
5
5
  import { S as B } from "./Spinner-CfKMn18u.js";
6
6
  import { u as p } from "./useLocalizedStringFormatter-BHvsRxDk.js";
@@ -10,7 +10,7 @@ import { C as F } from "./Checkbox-sAkQe7Q9.js";
10
10
  import { u as m } from "./useLocalizedStringFormatter-BHvsRxDk.js";
11
11
  import { useFocusManager as L } from "react-aria";
12
12
  import { X as I } from "./x-B9bYxG31.js";
13
- import { L as G } from "./ListBox-CDlOUvzJ.js";
13
+ import { L as G } from "./ListBox-BmONCo_D.js";
14
14
  import { P as j } from "./Popover-6cnHxDEK.js";
15
15
  import { a as k, T as R } from "./TagGroup-D-bzpYQJ.js";
16
16
  import { C as $ } from "./chevron-down-BBFYYzZq.js";
package/combobox/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as r } from "../chunks/ComboBox-C_GsZvVm.js";
1
+ import { C as r } from "../chunks/ComboBox-BGMkkxN2.js";
2
2
  export {
3
3
  r as ComboBox
4
4
  };
package/index.js CHANGED
@@ -10,7 +10,7 @@ import { C as v } from "./chunks/CharacterCounter-Dgnv-orm.js";
10
10
  import { C as M } from "./chunks/Checkbox-sAkQe7Q9.js";
11
11
  import { C as h } from "./chunks/CheckboxGroup-DY8sC9ro.js";
12
12
  import { C as y } from "./chunks/ColorSchemeSwitch-D52V0sr3.js";
13
- import { C as N } from "./chunks/ComboBox-C_GsZvVm.js";
13
+ import { C as N } from "./chunks/ComboBox-BGMkkxN2.js";
14
14
  import { D as z } from "./chunks/DateField-kEqIc-Nc.js";
15
15
  import { D as Q, a as V, b as Z } from "./chunks/DateInputDivider-DwopMIb9.js";
16
16
  import { D as q, a as J } from "./chunks/DateRangePicker-B7d3F0qi.js";
@@ -30,7 +30,7 @@ import { P as Ro } from "./chunks/Popover-6cnHxDEK.js";
30
30
  import { P as Po } from "./chunks/ProgressBar-BIfkrfrH.js";
31
31
  import { R as vo, a as Fo } from "./chunks/Radio-F1vaYCPS.js";
32
32
  import { S as Ao } from "./chunks/SearchField-D2Mm_VUO.js";
33
- import { S as Ho } from "./chunks/Select-RqBxMvo_.js";
33
+ import { S as Ho } from "./chunks/Select--xr0jiPR.js";
34
34
  import { S as Eo } from "./chunks/Skeleton-D6mxKxuu.js";
35
35
  import { S as wo } from "./chunks/Spinner-CfKMn18u.js";
36
36
  import { C as Oo, a as Qo, R as Vo, T as Zo, b as jo, c as qo } from "./chunks/Table-Bg-AKi7d.js";
@@ -41,15 +41,15 @@ import { I as ta, T as sa, a as pa, b as xa } from "./chunks/TextArea-Z4BKGpA9.j
41
41
  import { G as ia, T as na, a as fa, b as da, t as Ta } from "./chunks/Toast-D8euCY5O.js";
42
42
  import { T as ga, a as la } from "./chunks/ToggleButtonGroup-Bv9xpwTT.js";
43
43
  import { T as Ca, a as La } from "./chunks/Tooltip-C1bbgr2l.js";
44
- import { L as ba } from "./chunks/ListBox-CDlOUvzJ.js";
45
- import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-DSYdXl2I.js";
46
- import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-CXKkWQy1.js";
44
+ import { L as ba } from "./chunks/ListBox-BmONCo_D.js";
45
+ import { L as Da, a as Ia, b as Ra, c as Ga, d as Pa } from "./chunks/ListBoxHeader-D_WqTfOS.js";
46
+ import { L as va, a as Fa } from "./chunks/ListBoxEmptyState-7VzB4KvQ.js";
47
47
  import { M as Aa, a as ha, b as Ha, c as ya, S as Ea } from "./chunks/Separator-CkVOLF6I.js";
48
48
  import { c as wa } from "./chunks/clsx-AexbMWKp.js";
49
49
  import { DialogTrigger as Oa, MenuTrigger as Qa, RouterProvider as Va } from "react-aria-components";
50
50
  import { u as ja } from "./chunks/useLocalizedStringFormatter-BHvsRxDk.js";
51
51
  import { useToastState as Ja } from "react-stately";
52
- const o = "17.7.6", a = {
52
+ const o = "17.7.8", a = {
53
53
  version: o
54
54
  }, r = a.version;
55
55
  export {
package/list-box/index.js CHANGED
@@ -1,6 +1,6 @@
1
- import { L as s } from "../chunks/ListBox-CDlOUvzJ.js";
2
- import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-DSYdXl2I.js";
3
- import { L as m, a as p } from "../chunks/ListBoxEmptyState-CXKkWQy1.js";
1
+ import { L as s } from "../chunks/ListBox-BmONCo_D.js";
2
+ import { L, a as e, b as x, c as i, d as r } from "../chunks/ListBoxHeader-D_WqTfOS.js";
3
+ import { L as m, a as p } from "../chunks/ListBoxEmptyState-7VzB4KvQ.js";
4
4
  export {
5
5
  s as ListBox,
6
6
  L as ListBoxButton,
package/package.json CHANGED
@@ -14,7 +14,7 @@
14
14
  "description": "Midas Components",
15
15
  "homepage": "https://designsystem.migrationsverket.se/",
16
16
  "license": "CC0-1.0",
17
- "version": "17.7.6",
17
+ "version": "17.7.8",
18
18
  "module": "./index.js",
19
19
  "type": "module",
20
20
  "main": "./index.js",
@@ -41,7 +41,7 @@
41
41
  "./*": "./*/index.js"
42
42
  },
43
43
  "dependencies": {
44
- "@midas-ds/theme": "3.12.10",
44
+ "@midas-ds/theme": "3.12.11",
45
45
  "react-aria-components": "1.16.0"
46
46
  }
47
47
  }
package/select/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { S as r } from "../chunks/Select-RqBxMvo_.js";
1
+ import { S as r } from "../chunks/Select--xr0jiPR.js";
2
2
  export {
3
3
  r as Select
4
4
  };