@midas-ds/components 17.15.7 → 17.17.0

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