@midas-ds/components 16.3.1 → 16.3.3

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 16.3.3 (2026-01-14)
+
+### 🧱 Updated Dependencies
+
+- Updated theme to 3.9.4
+
+## 16.3.2 (2026-01-13)
+
+### 🩹 Fixes
+
+- **components, combobox:** adjust popover position to show focus indicator ([a5be26d3ab](https://github.com/migrationsverket/midas/commit/a5be26d3ab))
+- **components, combobox:** add focus indicator for mouse interaction ([6cc9a07dc0](https://github.com/migrationsverket/midas/commit/6cc9a07dc0))
+
 ## 16.3.1 (2026-01-13)
 
 ### 🚀 Features

package/assets/ComboBox.css

@@ -1 +1 @@
-._combobox_47hgd_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_47hgd_1[data-invalid] ._inputField_47hgd_6{border:.125rem solid var(--midas-support-border-warning);box-shadow:none}._inputField_47hgd_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-150);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_47hgd_6{border:1px solid}}._inputField_47hgd_6._medium_47hgd_28{height:var(--midas-size-130)}._inputField_47hgd_6[data-hovered],._inputField_47hgd_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_47hgd_6::placeholder{color:var(--midas-text-placeholder)}._inputField_47hgd_6:focus-visible,._inputField_47hgd_6[data-focus-visible]{outline:none}._inputField_47hgd_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_47hgd_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_47hgd_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_47hgd_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._text_47hgd_69{font-size:.875rem;margin-bottom:.5rem}._wrap_47hgd_74{grid-area:Input;position:relative;gap:.5rem}._button_47hgd_80{display:flex;align-items:center;border:none;padding:var(--midas-size-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-150);transition:transform .3s ease}._button_47hgd_80._medium_47hgd_28{height:var(--midas-size-130);padding:var(--midas-size-50) var(--midas-size-70)}._button_47hgd_80[aria-expanded=true]{transform:rotate(180deg)}._button_47hgd_80[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_47hgd_80[data-disabled]{color:var(--midas-icon-read-only)}._button_47hgd_80[data-hovered]{cursor:pointer}._icon_47hgd_116{display:flex;align-items:center;transition:transform .3s ease}span._emptyState_47hgd_122{display:block;line-height:var(--midas-typography-line-height-30);padding:var(--midas-size-80) var(--midas-size-80) var(--midas-size-60) var(--midas-size-80)}@media(prefers-reduced-motion){._button_47hgd_80,._icon_47hgd_116{transition:none}}
+._combobox_1m9te_1{font-family:var(--midas-typography-font-family);display:flex;flex-direction:column}._combobox_1m9te_1[data-invalid] ._inputField_1m9te_6{border:.125rem solid var(--midas-support-border-warning)}._inputField_1m9te_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-150);background-color:var(--midas-field-01-base)}@media(forced-colors:active){._inputField_1m9te_6{border:1px solid}}._inputField_1m9te_6._medium_1m9te_27{height:var(--midas-size-130)}._inputField_1m9te_6[data-hovered],._inputField_1m9te_6:has(+[data-hovered]){background-color:var(--midas-field-01-hover)}._inputField_1m9te_6::placeholder{color:var(--midas-text-placeholder)}._inputField_1m9te_6:focus-visible,._inputField_1m9te_6[data-focus-visible]{outline:none}._inputField_1m9te_6[data-focused],._inputField_1m9te_6[data-focus-visible]{box-shadow:var(--midas-state-focus)}@media(forced-colors:active){._inputField_1m9te_6[data-focused],._inputField_1m9te_6[data-focus-visible]{outline:3px solid highlight;outline-offset:2px}}._inputField_1m9te_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_1m9te_6[data-readonly]{background-color:transparent;border-color:var(--midas-border-color-subtle)}._inputField_1m9te_6[data-readonly][data-focused],._inputField_1m9te_6[data-readonly][data-focus-visible]{box-shadow:none}._text_1m9te_74{font-size:.875rem;margin-bottom:.5rem}._wrap_1m9te_79{grid-area:Input;position:relative;gap:.5rem}._button_1m9te_85{display:flex;align-items:center;border:none;padding:var(--midas-size-70);color:var(--midas-icon-primary);background-color:transparent;position:absolute;top:0;right:0;height:var(--midas-size-150);transition:transform .3s ease}._button_1m9te_85._medium_1m9te_27{height:var(--midas-size-130);padding:var(--midas-size-50) var(--midas-size-70)}._button_1m9te_85[aria-expanded=true]{transform:rotate(180deg)}._button_1m9te_85[data-disabled]{cursor:not-allowed;color:var(--midas-icon-disabled)}[data-readonly] ._button_1m9te_85[data-disabled]{color:var(--midas-icon-read-only)}._button_1m9te_85[data-hovered]{cursor:pointer}._icon_1m9te_121{display:flex;align-items:center;transition:transform .3s ease}span._emptyState_1m9te_127{display:block;line-height:var(--midas-typography-line-height-30);padding:var(--midas-size-80) var(--midas-size-80) var(--midas-size-60) var(--midas-size-80)}@media(prefers-reduced-motion){._button_1m9te_85,._icon_1m9te_121{transition:none}}

package/assets/FieldError.css

@@ -1 +1 @@
-._fieldError_u3cks_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-warning);font-size:.875rem;display:flex;align-items:center;column-gap:.5rem;margin:.5rem 0 0;line-height:1.28;grid-area:Error}._fieldError_u3cks_1:has(+*:not([aria-hidden=true])){margin:0 0 .5rem}._fieldError_u3cks_1:before{content:"";background-color:var(--midas-text-warning);display:block;width:1rem;height:1rem;mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtdHJpYW5nbGUtYWxlcnQiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+);-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem;flex:0 0 auto;align-self:flex-start;margin:2px}@media(forced-colors:active){._fieldError_u3cks_1:before{filter:invert(1)}}
+._fieldError_u3cks_1{font-family:var(--midas-typography-font-family);color:var(--midas-text-warning);font-size:.875rem;display:flex;align-items:center;column-gap:.5rem;margin:.5rem 0 0;line-height:1.28;grid-area:Error}._fieldError_u3cks_1:has(+*:not([aria-hidden=true])){margin:0 0 .5rem}._fieldError_u3cks_1:before{content:"";background-color:var(--midas-text-warning);display:block;width:1rem;height:1rem;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtdHJpYW5nbGUtYWxlcnQiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtdHJpYW5nbGUtYWxlcnQiPjxwYXRoIGQ9Im0yMS43MyAxOC04LTE0YTIgMiAwIDAgMC0zLjQ4IDBsLTggMTRBMiAyIDAgMCAwIDQgMjFoMTZhMiAyIDAgMCAwIDEuNzMtMyIvPjxwYXRoIGQ9Ik0xMiA5djQiLz48cGF0aCBkPSJNMTIgMTdoLjAxIi8+PC9zdmc+);-webkit-mask-size:1rem 1rem;mask-size:1rem 1rem;flex:0 0 auto;align-self:flex-start;margin:2px}@media(forced-colors:active){._fieldError_u3cks_1:before{filter:invert(1)}}

package/assets/ListBox.css

@@ -1 +1 @@
-._listBox_1vajh_4{max-height:295px;overflow-y:auto}._listBox_1vajh_4>div{pointer-events:auto!important}._listBoxPopover_1vajh_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_1vajh_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_1vajh_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:block;padding:var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-20) var(--midas-spacing-40);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_1vajh_43{all:unset;width:100%;box-sizing:border-box;margin-bottom:2px!important}._listBoxButton_1vajh_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1vajh_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-size-70) var(--midas-spacing-50);transition:background-color 60ms;gap:var(--midas-spacing-50)}._listBoxItem_1vajh_55 ._textContent_1vajh_69{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_1vajh_55:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._listBoxItem_1vajh_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_1vajh_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_1vajh_55[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._listBoxItem_1vajh_55[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._listBoxItem_1vajh_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_1vajh_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1vajh_55[data-selection-mode=single][data-selected] ._textContent_1vajh_69{max-width:calc(100% - 3rem)}._listBoxItem_1vajh_55[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-80);height:var(--midas-size-80);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-80) var(--midas-size-80);mask-size:var(--midas-size-80) var(--midas-size-80);flex-shrink:0}@media(forced-colors:active){._listBoxItem_1vajh_55[data-selection-mode=single][data-selected]:after{filter:invert(1)}}._listBoxItem_1vajh_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-spacing-30)}._listBoxItem_1vajh_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-80);height:var(--midas-size-80)}._listBoxItem_1vajh_55[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-80);min-height:var(--midas-size-80);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_1vajh_55[data-selection-mode=multiple][data-selected]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxItem_1vajh_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_1vajh_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxLoadMoreItem_1vajh_175{align-items:center;display:flex;gap:var(--midas-spacing-50);line-height:var(--midas-typography-line-height-30);padding:var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-40) var(--midas-spacing-50)}@media(prefers-reduced-motion){._listBoxItem_1vajh_55,._item_1vajh_186,._option_1vajh_187 ._inputCheckbox_1vajh_187{transition:none}}
+._listBox_1vajh_4{max-height:295px;overflow-y:auto}._listBox_1vajh_4>div{pointer-events:auto!important}._listBoxPopover_1vajh_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_1vajh_16{border:1px solid var(--midas-border-color-primary)}}._listBoxSectionHeading_1vajh_31{background-color:var(--midas-layer-01-base);font-family:var(--midas-typography-font-family);display:block;padding:var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-20) var(--midas-spacing-40);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_1vajh_43{all:unset;width:100%;box-sizing:border-box;margin-bottom:2px!important}._listBoxButton_1vajh_43:focus-visible{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1vajh_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-size-70) var(--midas-spacing-50);transition:background-color 60ms;gap:var(--midas-spacing-50)}._listBoxItem_1vajh_55 ._textContent_1vajh_69{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;width:100%}._listBoxItem_1vajh_55:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._listBoxItem_1vajh_55[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._listBoxItem_1vajh_55[data-selected]{background-color:var(--midas-layer-01-selected)}._listBoxItem_1vajh_55[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._listBoxItem_1vajh_55[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._listBoxItem_1vajh_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_1vajh_55[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._listBoxItem_1vajh_55[data-selection-mode=single][data-selected] ._textContent_1vajh_69{max-width:calc(100% - 3rem)}._listBoxItem_1vajh_55[data-selection-mode=single][data-selected]:after{content:"";background-color:var(--midas-text-primary);width:var(--midas-size-80);height:var(--midas-size-80);-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWNoZWNrLWljb24gbHVjaWRlLWNoZWNrIj48cGF0aCBkPSJNMjAgNiA5IDE3bC01LTUiLz48L3N2Zz4=);-webkit-mask-size:var(--midas-size-80) var(--midas-size-80);mask-size:var(--midas-size-80) var(--midas-size-80);flex-shrink:0}@media(forced-colors:active){._listBoxItem_1vajh_55[data-selection-mode=single][data-selected]:after{filter:invert(1)}}._listBoxItem_1vajh_55[data-selection-mode=multiple]{justify-content:flex-start;gap:var(--midas-spacing-30)}._listBoxItem_1vajh_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-80);height:var(--midas-size-80)}._listBoxItem_1vajh_55[data-selection-mode=multiple][data-selected]:before{min-width:var(--midas-size-80);min-height:var(--midas-size-80);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_1vajh_55[data-selection-mode=multiple][data-selected]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxItem_1vajh_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_1vajh_55[data-selection-mode=multiple][data-selected][data-hovered]:before{background-color:SelectedItem;border-color:SelectedItem}}._listBoxLoadMoreItem_1vajh_175{align-items:center;display:flex;gap:var(--midas-spacing-50);line-height:var(--midas-typography-line-height-30);padding:var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-40) var(--midas-spacing-50)}@media(prefers-reduced-motion){._listBoxItem_1vajh_55,._item_1vajh_186,._option_1vajh_187 ._inputCheckbox_1vajh_187{transition:none}}

package/chunks/{ColorSchemeSwitch-D-vCkxQo.js → ColorSchemeSwitch-CaqrCGTA.js}

@@ -15,7 +15,13 @@ import '../assets/ColorSchemeSwitch.css';const g = [
   ["path", { d: "M20.054 15.987H3.946", key: "14rxg9" }]
 ], k = d("laptop", g);
 const M = [
-  ["path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z", key: "a7tn18" }]
+  [
+    "path",
+    {
+      d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",
+      key: "kfwtm"
+    }
+  ]
 ], f = d("moon", M);
 const S = [
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }],

package/chunks/ComboBox-BXcuyHPd.js

@@ -0,0 +1,108 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import y from "react";
+import { ComboBox as B, Input as F, Button as w, Collection as C } from "react-aria-components";
+import { c as s } from "./clsx-AexbMWKp.js";
+import { a as S, L as v } from "./Label-6SXmzRZE.js";
+import { T as u } from "./Text-TWzJxnto.js";
+import { F as f } from "./FieldError-Bra5aRT3.js";
+import { L as R } from "./ListBox-D5BBeZWL.js";
+import { a as N, L as g, b as E } from "./ListBoxSection-MZB_5DdD.js";
+import { C as I } from "./chevron-down-DgT-uSF9.js";
+import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
+import '../assets/ComboBox.css';const j = "_combobox_1m9te_1", O = "_inputField_1m9te_6", U = "_medium_1m9te_27", z = "_wrap_1m9te_79", D = "_button_1m9te_85", M = "_icon_1m9te_121", V = "_emptyState_1m9te_127", o = {
+  combobox: j,
+  inputField: O,
+  medium: U,
+  wrap: z,
+  button: D,
+  icon: M,
+  emptyState: V
+}, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
+  en: W,
+  sv: $
+};
+function ot({
+  label: e,
+  description: i,
+  errorMessage: r,
+  children: p,
+  items: h,
+  className: _,
+  errorPosition: a = "top",
+  size: m = "large",
+  popover: b,
+  ...n
+}) {
+  const c = y.useRef(null), d = T(k), x = (L) => {
+    L.currentTarget.value && c.current?.select();
+  };
+  return /* @__PURE__ */ l(
+    B,
+    {
+      className: s(o.combobox, _),
+      ...n,
+      "data-readonly": n.isReadOnly || void 0,
+      children: [
+        /* @__PURE__ */ t(S, { popover: b, children: e && /* @__PURE__ */ t(v, { children: e }) }),
+        i && /* @__PURE__ */ t(u, { slot: "description", children: i }),
+        a === "top" && /* @__PURE__ */ t(f, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ l("div", { className: o.wrap, children: [
+          /* @__PURE__ */ t(
+            F,
+            {
+              className: s(o.inputField, {
+                [o.medium]: m === "medium"
+              }),
+              "data-readonly": n.isReadOnly || void 0,
+              onMouseUp: x,
+              ref: c
+            }
+          ),
+          /* @__PURE__ */ t(
+            w,
+            {
+              className: s(o.button, {
+                [o.medium]: m === "medium"
+              }),
+              "aria-label": d.format("showList"),
+              children: /* @__PURE__ */ t(
+                "div",
+                {
+                  className: o.icon,
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ t(
+                    I,
+                    {
+                      size: 20,
+                      "aria-hidden": !0
+                    }
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        a === "bottom" && /* @__PURE__ */ t(f, { "data-testid": "fieldError", children: r }),
+        /* @__PURE__ */ t(N, { offset: 4, children: /* @__PURE__ */ t(
+          R,
+          {
+            items: h,
+            renderEmptyState: () => /* @__PURE__ */ t(u, { className: o.emptyState, children: d.format("noResultsFound") }),
+            children: p
+          }
+        ) })
+      ]
+    }
+  );
+}
+function q(e) {
+  return /* @__PURE__ */ t(g, { ...e });
+}
+function et(e) {
+  return /* @__PURE__ */ t(E, { ...e, children: /* @__PURE__ */ t(C, { items: e.children, children: (i) => /* @__PURE__ */ t(q, { children: i.name }, i.id) }) });
+}
+export {
+  ot as C,
+  q as a,
+  et as b
+};

package/chunks/{Layout-DveMXIKw.js → Layout-BUK3KFXi.js}

@@ -13,9 +13,9 @@ import { variables as q } from "@midas-ds/theme";
 import { L as g } from "./Logo-CsWcKqIg.js";
 import { X as A } from "./x-BXShoIAM.js";
 import '../assets/Layout.css';const R = [
+  ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
-  ["path", { d: "M4 18h16", key: "19g7jn" }],
-  ["path", { d: "M4 6h16", key: "1o0s65" }]
+  ["path", { d: "M4 19h16", key: "1djgab" }]
 ], $ = E("menu", R);
 const F = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],

package/color-scheme-switch/index.js

@@ -1,4 +1,4 @@
-import { C as r } from "../chunks/ColorSchemeSwitch-D-vCkxQo.js";
+import { C as r } from "../chunks/ColorSchemeSwitch-CaqrCGTA.js";
 export {
   r as ColorSchemeSwitch
 };

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as a, a as b, b as x } from "../chunks/ComboBox-CzwpRxSH.js";
+import { C as a, a as b, b as x } from "../chunks/ComboBox-BXcuyHPd.js";
 export {
   a as ComboBox,
   b as ComboBoxItem,

package/index.js

@@ -8,8 +8,8 @@ import { C as g, d as b, c, a as B, e as L, f as S, b as D } from "./chunks/Card
 import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
 import { C as R } from "./chunks/Checkbox-BTAfwDxU.js";
 import { C as F } from "./chunks/CheckboxGroup-C6LIpj_R.js";
-import { C as v } from "./chunks/ColorSchemeSwitch-D-vCkxQo.js";
-import { C as h, a as H, b as y } from "./chunks/ComboBox-CzwpRxSH.js";
+import { C as v } from "./chunks/ColorSchemeSwitch-CaqrCGTA.js";
+import { C as h, a as H, b as y } from "./chunks/ComboBox-BXcuyHPd.js";
 import { D as N } from "./chunks/DateField-DPJrihTz.js";
 import { a as E, b as Q, D as Z } from "./chunks/DateInputDivider-CkTB5q5k.js";
 import { D as q, a as J } from "./chunks/DateRangePicker-DzgK_p0d.js";
@@ -20,7 +20,7 @@ import { G as $ } from "./chunks/GridItem-5t1Z14sM.js";
 import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
 import { I as eo } from "./chunks/InfoBanner-BOKZ4lBE.js";
 import { L as so } from "./chunks/Label-6SXmzRZE.js";
-import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-DveMXIKw.js";
+import { H as xo, L as mo, N as io, S as fo, a as no } from "./chunks/Layout-BUK3KFXi.js";
 import { L as lo } from "./chunks/Link-yTNUNv3C.js";
 import { L as Co } from "./chunks/LinkButton-3nAekUJ4.js";
 import { L as bo } from "./chunks/Logo-CsWcKqIg.js";

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-DveMXIKw.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-BUK3KFXi.js";
 export {
   e as Header,
   s as Layout,

package/package.json

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

package/chunks/ComboBox-CzwpRxSH.js

@@ -1,108 +0,0 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
-import g from "react";
-import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-aria-components";
-import { c as s } from "./clsx-AexbMWKp.js";
-import { a as C, L as S } from "./Label-6SXmzRZE.js";
-import { T as u } from "./Text-TWzJxnto.js";
-import { F as h } from "./FieldError-Bra5aRT3.js";
-import { L as v } from "./ListBox-D5BBeZWL.js";
-import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
-import { C as I } from "./chevron-down-DgT-uSF9.js";
-import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
-import '../assets/ComboBox.css';const j = "_combobox_47hgd_1", O = "_inputField_47hgd_6", U = "_medium_47hgd_28", z = "_wrap_47hgd_74", D = "_button_47hgd_80", M = "_icon_47hgd_116", V = "_emptyState_47hgd_122", t = {
-  combobox: j,
-  inputField: O,
-  medium: U,
-  wrap: z,
-  button: D,
-  icon: M,
-  emptyState: V
-}, W = { showList: "Show list", noResultsFound: "No results found" }, $ = { showList: "Visa lista", noResultsFound: "Inga träffar" }, k = {
-  en: W,
-  sv: $
-};
-function to({
-  label: e,
-  description: i,
-  errorMessage: r,
-  children: p,
-  items: f,
-  className: _,
-  errorPosition: a = "top",
-  size: m = "large",
-  popover: b,
-  ...n
-}) {
-  const d = g.useRef(null), c = T(k), x = (L) => {
-    L.currentTarget.value && d.current?.select();
-  };
-  return /* @__PURE__ */ l(
-    y,
-    {
-      className: s(t.combobox, _),
-      ...n,
-      "data-readonly": n.isReadOnly || void 0,
-      children: [
-        /* @__PURE__ */ o(C, { popover: b, children: e && /* @__PURE__ */ o(S, { children: e }) }),
-        i && /* @__PURE__ */ o(u, { slot: "description", children: i }),
-        a === "top" && /* @__PURE__ */ o(h, { "data-testid": "fieldError", children: r }),
-        /* @__PURE__ */ l("div", { className: t.wrap, children: [
-          /* @__PURE__ */ o(
-            B,
-            {
-              className: s(t.inputField, {
-                [t.medium]: m === "medium"
-              }),
-              "data-readonly": n.isReadOnly || void 0,
-              onMouseUp: x,
-              ref: d
-            }
-          ),
-          /* @__PURE__ */ o(
-            F,
-            {
-              className: s(t.button, {
-                [t.medium]: m === "medium"
-              }),
-              "aria-label": c.format("showList"),
-              children: /* @__PURE__ */ o(
-                "div",
-                {
-                  className: t.icon,
-                  "aria-hidden": "true",
-                  children: /* @__PURE__ */ o(
-                    I,
-                    {
-                      size: 20,
-                      "aria-hidden": !0
-                    }
-                  )
-                }
-              )
-            }
-          )
-        ] }),
-        a === "bottom" && /* @__PURE__ */ o(h, { "data-testid": "fieldError", children: r }),
-        /* @__PURE__ */ o(R, { children: /* @__PURE__ */ o(
-          v,
-          {
-            items: f,
-            renderEmptyState: () => /* @__PURE__ */ o(u, { className: t.emptyState, children: c.format("noResultsFound") }),
-            children: p
-          }
-        ) })
-      ]
-    }
-  );
-}
-function q(e) {
-  return /* @__PURE__ */ o(N, { ...e });
-}
-function eo(e) {
-  return /* @__PURE__ */ o(E, { ...e, children: /* @__PURE__ */ o(w, { items: e.children, children: (i) => /* @__PURE__ */ o(q, { children: i.name }, i.id) }) });
-}
-export {
-  to as C,
-  q as a,
-  eo as b
-};