@midas-ds/components 16.2.3 → 16.2.5

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 (56) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/assets/Layout.css +1 -1
  3. package/calendar/index.js +1 -1
  4. package/character-counter/CharacterCounter.d.ts +3 -2
  5. package/character-counter/index.js +1 -1
  6. package/checkbox/Checkbox.d.ts +2 -4
  7. package/checkbox/CheckboxGroupItem.d.ts +1 -2
  8. package/checkbox/CheckboxInner.d.ts +2 -2
  9. package/checkbox/SingleCheckbox.d.ts +1 -2
  10. package/checkbox/index.js +2 -2
  11. package/checkbox/types.d.ts +2 -1
  12. package/chunks/CharacterCounter-_m-SgTMV.js +20 -0
  13. package/chunks/Checkbox-gsEu5wcB.js +119 -0
  14. package/chunks/{CheckboxGroup-C5kaqBcn.js → CheckboxGroup-A7UJMi5J.js} +3 -3
  15. package/chunks/{ComboBox-N97lv5kN.js → ComboBox-yl5zHYPk.js} +1 -1
  16. package/chunks/{DateField-DeuLPe1Y.js → DateField-BsT1K-bB.js} +1 -1
  17. package/chunks/{DateRangePicker-BqjLArNi.js → DateRangePicker-BsK7pMRv.js} +2 -2
  18. package/chunks/FieldError-Bc0acYNs.js +21 -0
  19. package/chunks/Layout-DX3HUm5b.js +466 -0
  20. package/chunks/{Radio-Dro99zCs.js → Radio-CSFYbin8.js} +1 -1
  21. package/chunks/{RangeCalendar-CGk2btOp.js → RangeCalendar-BF-6p7u2.js} +1 -1
  22. package/chunks/{SearchField-BfpeANM6.js → SearchField-mBHZ9pFg.js} +1 -1
  23. package/chunks/{Select-nL9iJMlf.js → Select-BjD5iQvX.js} +2 -2
  24. package/chunks/{Select-D-LtFSZX.js → Select-Df4333VV.js} +2 -2
  25. package/chunks/{Table-CgBjwlIi.js → Table-t3rVzb31.js} +1 -1
  26. package/chunks/TextArea-B2BePnZz.js +136 -0
  27. package/combobox/index.js +1 -1
  28. package/date-field/index.js +1 -1
  29. package/date-picker/index.js +1 -1
  30. package/field-error/FieldError.d.ts +3 -2
  31. package/field-error/index.js +1 -1
  32. package/index.js +15 -15
  33. package/layout/components/SidebarLink.d.ts +1 -2
  34. package/layout/index.js +1 -1
  35. package/legacy-select/HiddenMultiSelect.d.ts +2 -2
  36. package/legacy-select/MultiSelectValueTag.d.ts +3 -3
  37. package/legacy-select/Select.d.ts +2 -4
  38. package/legacy-select/index.js +1 -1
  39. package/legacy-select/types.d.ts +2 -1
  40. package/legacy-select/useMultiSelect.d.ts +1 -1
  41. package/package.json +1 -1
  42. package/radio/index.js +1 -1
  43. package/search-field/index.js +1 -1
  44. package/select/index.js +1 -1
  45. package/table/index.js +1 -1
  46. package/textfield/Input.d.ts +3 -2
  47. package/textfield/PasswordField.d.ts +1 -2
  48. package/textfield/TextArea.d.ts +5 -3
  49. package/textfield/TextField.d.ts +5 -3
  50. package/textfield/TextFieldBase.d.ts +3 -3
  51. package/textfield/index.js +1 -1
  52. package/chunks/CharacterCounter-DeuE2det.js +0 -21
  53. package/chunks/Checkbox-CP6Nv9yx.js +0 -122
  54. package/chunks/FieldError-C0HRIcAx.js +0 -23
  55. package/chunks/Layout-LjCfmVhQ.js +0 -465
  56. package/chunks/TextArea-CRvbqqVZ.js +0 -124
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ ## 16.2.5 (2026-01-09)
2
+
3
+ ### 🏭 Refactoring
4
+
5
+ - **components:** remove React.FC wrapper ([4f156ecf45](https://github.com/migrationsverket/midas/commit/4f156ecf45))
6
+ - remove React.forwardRef ([977fc0260b](https://github.com/migrationsverket/midas/commit/977fc0260b))
7
+
8
+ ### 🔧 Maintenance
9
+
10
+ - accept all shapes of external refs ([340771208d](https://github.com/migrationsverket/midas/commit/340771208d))
11
+ - revert removal of react 18 peerDeps ([8c4b059f56](https://github.com/migrationsverket/midas/commit/8c4b059f56))
12
+ - **checkbox:** assert prop types ([406798b0a1](https://github.com/migrationsverket/midas/commit/406798b0a1))
13
+ - update to react 19 ([7389cceb06](https://github.com/migrationsverket/midas/commit/7389cceb06))
14
+
15
+ ## 16.2.4 (2026-01-09)
16
+
17
+ ### 🩹 Fixes
18
+
19
+ - **components, layout:** adjust forced colors for active links ([2b27898722](https://github.com/migrationsverket/midas/commit/2b27898722))
20
+
1
21
  ## 16.2.3 (2026-01-09)
2
22
 
3
23
  ### 🩹 Fixes
package/assets/Layout.css CHANGED
@@ -1 +1 @@
1
- ._baseLayout_1hkrq_1{--sideBarWidth: 230px;--headerHeight: 69px}@media(min-width:1024px){._baseLayout_1hkrq_1{--headerHeight: 85px}}._mainContent_1hkrq_10{display:flex;flex-direction:row}._header_1hkrq_15{position:sticky;top:0;font-family:var(--midas-typography-font-family);padding:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._header_1hkrq_15._headerExternal_1hkrq_26{padding:1rem}@media(min-width:1024px){._header_1hkrq_15._headerExternal_1hkrq_26{padding:1.25rem 1rem;z-index:3}}@media(min-width:1024px){._header_1hkrq_15{padding:1.25rem 1rem;z-index:calc(var(--midas-z-index-sidebar) + var(--midas-z-index-above))}}._headerContent_1hkrq_41{display:flex;flex-flow:row wrap;align-items:center;gap:1rem}._headerContent_1hkrq_41>svg{display:none}@media(min-width:1024px){._headerContent_1hkrq_41{gap:2rem}._headerContent_1hkrq_41>svg{display:initial}}._logo_1hkrq_60{display:none;max-height:40px}@media(min-width:1024px){._logo_1hkrq_60{display:flex}}._headerItems_1hkrq_69{max-height:40px;display:flex;flex-direction:row}._toggleButton_1hkrq_75{display:block}@media(min-width:1024px){._toggleButton_1hkrq_75{display:none!important}}._sidebar_1hkrq_83{font-family:var(--midas-typography-font-family);background-color:var(--midas-background-base);display:flex;flex-flow:column;flex:0 0 var(--sideBarWidth);overflow-y:auto;transition:.2s;position:fixed;top:0;height:100vh;width:var(--sideBarWidth);transform:translate(calc(var(--sideBarWidth) * -1));z-index:calc(var(--midas-z-index-sidebar));border-right:1px solid var(--midas-border-color-subtle)}@media(min-width:1024px){._sidebar_1hkrq_83{position:sticky;top:var(--headerHeight);align-self:start;height:calc(100vh - var(--headerHeight));transform:none;width:var(--sideBarWidth)}}._main_1hkrq_10{font-family:var(--midas-typography-font-family);flex:0 0 auto;width:100%;min-height:100%}._app_1hkrq_116{background-clip:content-box}@media(min-width:1024px){._app_1hkrq_116{padding:2rem}}._sidebarOpened_1hkrq_124{transform:translate(0)}._sidebarHeader_1hkrq_128{padding:1rem;margin-bottom:1rem;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}._appName_1hkrq_140{color:var(--midas-text-primary);font-size:.875rem;font-weight:400;margin:0}._collapseButton_1hkrq_147{display:none!important;padding:calc(.875rem - 1px)!important}@media(min-width:1024px){._collapseButton_1hkrq_147{display:flex!important}}._sidebarCollapsed_1hkrq_156{--sideBarWidth: 68px;transition:all .2s ease-out}._sidebarCollapsed_1hkrq_156 ._sidebarHeader_1hkrq_128{justify-content:center}._userName_1hkrq_166{color:var(--midas-text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:500;display:none}@media(min-width:1024px){._userName_1hkrq_166{display:block}}._abbr_1hkrq_178{font-size:.875rem;font-weight:500;align-self:center}._userTitle_1hkrq_184{color:var(--midas-text-primary);margin:0;font-size:.875rem;font-weight:400;display:none}@media(min-width:1024px){._userTitle_1hkrq_184{display:block}}._title_1hkrq_196{margin:0;font-size:1rem;font-weight:500;display:block}@media(min-width:1024px){._title_1hkrq_196{display:none}}._sidebarNav_1hkrq_207{padding:.5rem;overflow-y:auto;margin-bottom:auto}._list_1hkrq_213{list-style-type:none;padding:0;margin:0 0 1rem}._listGroupTitle_1hkrq_219{color:var(--midas-text-secondary);font-size:.875rem;padding:.5rem;margin:0}._listItem_1hkrq_226{display:flex;position:relative}._listItemCollapsed_1hkrq_231{justify-content:center}._listLink_1hkrq_235{all:unset;display:flex;align-items:center;gap:.5rem;padding:.625rem .5rem;color:var(--midas-text-primary);flex:1 0 0%;transition:.1s;text-decoration:none}._listLink_1hkrq_235 svg{stroke:var(--midas-icon-primary)}@media(forced-colors:active){._listLink_1hkrq_235 svg{stroke:currentColor}}._listLink_1hkrq_235[data-hovered],._listLink_1hkrq_235:visited{background-color:var(--midas-menu-item-background-hover);color:var(--midas-text-primary);cursor:pointer}:is(._listLink_1hkrq_235[data-hovered],._listLink_1hkrq_235:visited) svg{stroke:var(--midas-icon-primary);min-width:1.25rem}@media(forced-colors:active){:is(._listLink_1hkrq_235[data-hovered],._listLink_1hkrq_235:visited) svg{stroke:currentColor}}@media(forced-colors:active){._listLink_1hkrq_235[data-hovered],._listLink_1hkrq_235:visited{background-color:inherit;text-decoration:underline}}._listLink_1hkrq_235[data-pressed]{background-color:var(--midas-button-background-tertiary-active)}._listLink_1hkrq_235[data-focused]{box-shadow:none}._listLink_1hkrq_235:focus-visible{outline:none}._listLink_1hkrq_235[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._listLink_1hkrq_235[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._listLinkCollapsed_1hkrq_298{padding:.625rem;flex-grow:unset}._active_1hkrq_303{background-color:var(--midas-menu-item-background-selected);color:var(--midas-text-primary);border-left:.125rem solid var(--midas-border-color-tertiary);font-weight:600}@media(forced-colors:active){._active_1hkrq_303{background-color:inherit;border-color:highlight;color:highlight;transition:none}}@media(forced-colors:active){._active_1hkrq_303[data-hovered]{color:highlight}}._linkText_1hkrq_323{opacity:1;display:block;transition:all .2s;transition-behavior:allow-discrete}._backdrop_1hkrq_330{pointer-events:none;display:none;position:fixed;inset:0;background-color:#3232327f;opacity:0;transition:all .1s;transition-behavior:allow-discrete}._backdrop_1hkrq_330._backdropOpened_1hkrq_340{pointer-events:all;opacity:1;display:block;transition:all .2s}@starting-style{._backdrop_1hkrq_330._backdropOpened_1hkrq_340,._linkText_1hkrq_323{opacity:0}}._skipToContent_1hkrq_358{position:absolute;top:0;right:100%;z-index:var(--midas-z-index-skip-to-content)}._skipToContent_1hkrq_358[data-focus-visible],._skipToContent_1hkrq_358:focus-visible{right:auto;left:5px;top:5px}._navbar_1hkrq_372{position:fixed;bottom:0;width:100%;font-family:var(--midas-typography-font-family);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._navbarList_1hkrq_384{flex:1;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:stretch}._navbarList_1hkrq_384>li{flex:1;width:100%;display:flex;justify-content:center;align-items:stretch}@media(min-width:1024px){._navbarList_1hkrq_384{max-width:600px}}._navbarItem_1hkrq_406{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;color:var(--midas-text-primary);text-decoration:none;font-size:var(--midas-typography-font-size-10);line-height:var(--midas-typography-line-height-20);text-align:center;text-wrap:nowrap;text-overflow:ellipsis}._navbarItem_1hkrq_406[data-hovered],._navbarItem_1hkrq_406[data-active]{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);cursor:pointer}@media(forced-colors:active){._navbarItem_1hkrq_406[data-hovered],._navbarItem_1hkrq_406[data-active]{color:selecteditem}}@media(forced-colors:active){._navbarItem_1hkrq_406[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._navbarItem_1hkrq_406 svg{flex:0 0 auto}@media(min-width:1024px){._navbarItem_1hkrq_406{gap:.5rem;flex-direction:row;padding:1rem .5rem}}@media(max-width:479px){._headerExternal_1hkrq_26{border:none}}._headerContentExternal_1hkrq_457{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}._headerContentExternal_1hkrq_457 ._logoExternalContainer_1hkrq_465{display:flex;align-items:center;gap:2rem}@media(min-width:1024px){._headerContentExternal_1hkrq_457 ._logoExternal_1hkrq_465{display:none}}._headerContentExternal_1hkrq_457 ._logoExternalDesktop_1hkrq_477{display:none}@media(min-width:1024px){._headerContentExternal_1hkrq_457 ._logoExternalDesktop_1hkrq_477{display:block}}@media(min-width:1024px){._navbarWrapper_1hkrq_486{display:none}}@media(prefers-reduced-motion){._sidebar_1hkrq_83,._sidebarCollapsed_1hkrq_156,._listLink_1hkrq_235,._linkText_1hkrq_323,._backdrop_1hkrq_330,._backdrop_1hkrq_330._backdropOpened_1hkrq_340{transition:none}@starting-style{._backdrop_1hkrq_330._backdropOpened_1hkrq_340,._linkText_1hkrq_323{opacity:1}}}
1
+ ._baseLayout_1n71v_1{--sideBarWidth: 230px;--headerHeight: 69px}@media(min-width:1024px){._baseLayout_1n71v_1{--headerHeight: 85px}}._mainContent_1n71v_10{display:flex;flex-direction:row}._header_1n71v_15{position:sticky;top:0;font-family:var(--midas-typography-font-family);padding:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._header_1n71v_15._headerExternal_1n71v_26{padding:1rem}@media(min-width:1024px){._header_1n71v_15._headerExternal_1n71v_26{padding:1.25rem 1rem;z-index:3}}@media(min-width:1024px){._header_1n71v_15{padding:1.25rem 1rem;z-index:calc(var(--midas-z-index-sidebar) + var(--midas-z-index-above))}}._headerContent_1n71v_41{display:flex;flex-flow:row wrap;align-items:center;gap:1rem}._headerContent_1n71v_41>svg{display:none}@media(min-width:1024px){._headerContent_1n71v_41{gap:2rem}._headerContent_1n71v_41>svg{display:initial}}._logo_1n71v_60{display:none;max-height:40px}@media(min-width:1024px){._logo_1n71v_60{display:flex}}._headerItems_1n71v_69{max-height:40px;display:flex;flex-direction:row}._toggleButton_1n71v_75{display:block}@media(min-width:1024px){._toggleButton_1n71v_75{display:none!important}}._sidebar_1n71v_83{font-family:var(--midas-typography-font-family);background-color:var(--midas-background-base);display:flex;flex-flow:column;flex:0 0 var(--sideBarWidth);overflow-y:auto;transition:.2s;position:fixed;top:0;height:100vh;width:var(--sideBarWidth);transform:translate(calc(var(--sideBarWidth) * -1));z-index:calc(var(--midas-z-index-sidebar));border-right:1px solid var(--midas-border-color-subtle)}@media(min-width:1024px){._sidebar_1n71v_83{position:sticky;top:var(--headerHeight);align-self:start;height:calc(100vh - var(--headerHeight));transform:none;width:var(--sideBarWidth)}}._main_1n71v_10{font-family:var(--midas-typography-font-family);flex:0 0 auto;width:100%;min-height:100%}._app_1n71v_116{background-clip:content-box}@media(min-width:1024px){._app_1n71v_116{padding:2rem}}._sidebarOpened_1n71v_124{transform:translate(0)}._sidebarHeader_1n71v_128{padding:1rem;margin-bottom:1rem;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}._appName_1n71v_140{color:var(--midas-text-primary);font-size:.875rem;font-weight:400;margin:0}._collapseButton_1n71v_147{display:none!important;padding:calc(.875rem - 1px)!important}@media(min-width:1024px){._collapseButton_1n71v_147{display:flex!important}}._sidebarCollapsed_1n71v_156{--sideBarWidth: 68px;transition:all .2s ease-out}._sidebarCollapsed_1n71v_156 ._sidebarHeader_1n71v_128{justify-content:center}._userName_1n71v_166{color:var(--midas-text-primary);margin:0 0 .25rem;font-size:.875rem;font-weight:500;display:none}@media(min-width:1024px){._userName_1n71v_166{display:block}}._abbr_1n71v_178{font-size:.875rem;font-weight:500;align-self:center}._userTitle_1n71v_184{color:var(--midas-text-primary);margin:0;font-size:.875rem;font-weight:400;display:none}@media(min-width:1024px){._userTitle_1n71v_184{display:block}}._title_1n71v_196{margin:0;font-size:1rem;font-weight:500;display:block}@media(min-width:1024px){._title_1n71v_196{display:none}}._sidebarNav_1n71v_207{padding:.5rem;overflow-y:auto;margin-bottom:auto}._list_1n71v_213{list-style-type:none;padding:0;margin:0 0 1rem}._listGroupTitle_1n71v_219{color:var(--midas-text-secondary);font-size:.875rem;padding:.5rem;margin:0}._listItem_1n71v_226{display:flex;position:relative}._listItemCollapsed_1n71v_231{justify-content:center}._listLink_1n71v_235{all:unset;display:flex;align-items:center;gap:.5rem;padding:.625rem .5rem;color:var(--midas-text-primary);flex:1 0 0%;transition:.1s;text-decoration:none}._listLink_1n71v_235 svg{stroke:var(--midas-icon-primary)}@media(forced-colors:active){._listLink_1n71v_235 svg{stroke:currentColor}}._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited{background-color:var(--midas-menu-item-background-hover);color:var(--midas-text-primary);cursor:pointer}:is(._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited) svg{stroke:var(--midas-icon-primary);min-width:1.25rem}@media(forced-colors:active){:is(._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited) svg{stroke:currentColor}}@media(forced-colors:active){._listLink_1n71v_235[data-hovered],._listLink_1n71v_235:visited{background-color:inherit;text-decoration:underline}}._listLink_1n71v_235[data-pressed]{background-color:var(--midas-button-background-tertiary-active)}._listLink_1n71v_235[data-focused]{box-shadow:none}._listLink_1n71v_235:focus-visible{outline:none}._listLink_1n71v_235[data-focus-visible]{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._listLink_1n71v_235[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._listLinkCollapsed_1n71v_298{padding:.625rem;flex-grow:unset}._active_1n71v_303{background-color:var(--midas-menu-item-background-selected);color:var(--midas-text-primary);border-left:.125rem solid var(--midas-border-color-tertiary);font-weight:600}@media(forced-colors:active){._active_1n71v_303{transition:none}}._linkText_1n71v_314{opacity:1;display:block;transition:all .2s;transition-behavior:allow-discrete}._backdrop_1n71v_321{pointer-events:none;display:none;position:fixed;inset:0;background-color:#3232327f;opacity:0;transition:all .1s;transition-behavior:allow-discrete}._backdrop_1n71v_321._backdropOpened_1n71v_331{pointer-events:all;opacity:1;display:block;transition:all .2s}@starting-style{._backdrop_1n71v_321._backdropOpened_1n71v_331,._linkText_1n71v_314{opacity:0}}._skipToContent_1n71v_349{position:absolute;top:0;right:100%;z-index:var(--midas-z-index-skip-to-content)}._skipToContent_1n71v_349[data-focus-visible],._skipToContent_1n71v_349:focus-visible{right:auto;left:5px;top:5px}._navbar_1n71v_363{position:fixed;bottom:0;width:100%;font-family:var(--midas-typography-font-family);display:flex;align-items:center;justify-content:center;border-top:1px solid var(--midas-border-color-subtle);background-color:var(--midas-background-base)}._navbarList_1n71v_375{flex:1;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:stretch}._navbarList_1n71v_375>li{flex:1;width:100%;display:flex;justify-content:center;align-items:stretch}@media(min-width:1024px){._navbarList_1n71v_375{max-width:600px}}._navbarItem_1n71v_397{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;color:var(--midas-text-primary);text-decoration:none;font-size:var(--midas-typography-font-size-10);line-height:var(--midas-typography-line-height-20);text-align:center;text-wrap:nowrap;text-overflow:ellipsis}._navbarItem_1n71v_397[data-hovered],._navbarItem_1n71v_397[data-active]{background-color:var(--midas-button-background-primary-base);color:var(--midas-text-on-color);cursor:pointer}@media(forced-colors:active){._navbarItem_1n71v_397[data-hovered],._navbarItem_1n71v_397[data-active]{text-decoration:underline}}@media(forced-colors:active){._navbarItem_1n71v_397[data-focus-visible]{outline:var(--midas-state-focus-contrast-mode-outline) solid;outline-offset:var(--midas-state-focus-contrast-mode-offset)}}._navbarItem_1n71v_397 svg{flex:0 0 auto}@media(min-width:1024px){._navbarItem_1n71v_397{gap:.5rem;flex-direction:row;padding:1rem .5rem}}@media(max-width:479px){._headerExternal_1n71v_26{border:none}}._headerContentExternal_1n71v_448{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}._headerContentExternal_1n71v_448 ._logoExternalContainer_1n71v_456{display:flex;align-items:center;gap:2rem}@media(min-width:1024px){._headerContentExternal_1n71v_448 ._logoExternal_1n71v_456{display:none}}._headerContentExternal_1n71v_448 ._logoExternalDesktop_1n71v_468{display:none}@media(min-width:1024px){._headerContentExternal_1n71v_448 ._logoExternalDesktop_1n71v_468{display:block}}@media(min-width:1024px){._navbarWrapper_1n71v_477{display:none}}@media(prefers-reduced-motion){._sidebar_1n71v_83,._sidebarCollapsed_1n71v_156,._listLink_1n71v_235,._linkText_1n71v_314,._backdrop_1n71v_321,._backdrop_1n71v_321._backdropOpened_1n71v_331{transition:none}@starting-style{._backdrop_1n71v_321._backdropOpened_1n71v_331,._linkText_1n71v_314{opacity:1}}}
package/calendar/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { C as r, R as n } from "../chunks/RangeCalendar-CGk2btOp.js";
1
+ import { C as r, R as n } from "../chunks/RangeCalendar-BF-6p7u2.js";
2
2
  export {
3
3
  r as Calendar,
4
4
  n as RangeCalendar
@@ -1,6 +1,7 @@
1
+ import { Ref } from 'react';
1
2
  import { InputProps } from 'react-aria-components';
2
- import * as React from 'react';
3
3
  export interface CharacterCounterProps extends InputProps {
4
4
  isLonely?: boolean;
5
+ ref?: Ref<HTMLInputElement>;
5
6
  }
6
- export declare const CharacterCounter: React.ForwardRefExoticComponent<CharacterCounterProps & React.RefAttributes<HTMLInputElement>>;
7
+ export declare const CharacterCounter: ({ ref, ...props }: CharacterCounterProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +1,4 @@
1
- import { C as e } from "../chunks/CharacterCounter-DeuE2det.js";
1
+ import { C as e } from "../chunks/CharacterCounter-_m-SgTMV.js";
2
2
  export {
3
3
  e as CharacterCounter
4
4
  };
@@ -1,4 +1,2 @@
1
- import * as React from 'react';
2
- export declare const Checkbox: React.ForwardRefExoticComponent<import('react-aria').AriaCheckboxProps & import('react-aria-components').SlotProps & {
3
- className?: string;
4
- } & React.RefAttributes<HTMLLabelElement>>;
1
+ import { CheckboxProps } from './types';
2
+ export declare const Checkbox: ({ ref, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { CheckboxGroupItemProps } from './types';
2
- import * as React from 'react';
3
- export declare const CheckBoxGroupItem: React.ForwardRefExoticComponent<CheckboxGroupItemProps & React.RefAttributes<HTMLLabelElement>>;
2
+ export declare const CheckBoxGroupItem: ({ ref, ...props }: CheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
- import * as React from 'react';
2
- export declare const CheckboxInner: React.ForwardRefExoticComponent<import('./types').CheckboxComponentProps & import('react-aria').CheckboxAria & React.RefAttributes<HTMLLabelElement>>;
1
+ import { CheckboxInnerProps } from './types';
2
+ export declare const CheckboxInner: ({ ref, ...props }: CheckboxInnerProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,2 @@
1
1
  import { CheckboxComponentProps } from './types';
2
- import * as React from 'react';
3
- export declare const SingleCheckbox: React.ForwardRefExoticComponent<CheckboxComponentProps & React.RefAttributes<HTMLLabelElement>>;
2
+ export declare const SingleCheckbox: ({ ref, ...props }: CheckboxComponentProps) => import("react/jsx-runtime").JSX.Element;
package/checkbox/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { C as e } from "../chunks/Checkbox-CP6Nv9yx.js";
2
- import { C } from "../chunks/CheckboxGroup-C5kaqBcn.js";
1
+ import { C as e } from "../chunks/Checkbox-gsEu5wcB.js";
2
+ import { C } from "../chunks/CheckboxGroup-A7UJMi5J.js";
3
3
  export {
4
4
  e as Checkbox,
5
5
  C as CheckboxGroup
@@ -3,12 +3,13 @@ import { SlotProps } from 'react-aria-components';
3
3
  import { CheckboxGroupState } from 'react-stately';
4
4
  export type CheckboxProps = AriaCheckboxProps & SlotProps & {
5
5
  className?: string;
6
+ ref?: React.Ref<HTMLLabelElement>;
6
7
  };
7
8
  export interface CheckboxComponentProps extends CheckboxProps {
8
9
  focusRingAria: FocusRingAria;
9
10
  pressResult: PressResult;
10
11
  hoverResult: HoverResult;
11
- inputRef: React.RefObject<HTMLInputElement>;
12
+ inputRef: React.RefObject<HTMLInputElement | null>;
12
13
  }
13
14
  export interface CheckboxGroupItemProps extends CheckboxComponentProps {
14
15
  state: CheckboxGroupState;
@@ -0,0 +1,20 @@
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { useContextProps as h, InputContext as i } from "react-aria-components";
3
+ import '../assets/CharacterCounter.css';const d = "_characterCounter_1f0mh_1", u = {
4
+ characterCounter: d
5
+ }, m = ({ ref: r, ...t }) => {
6
+ [t] = h(t, r, i);
7
+ const { maxLength: e, value: a, isLonely: c } = t, { length: n } = a?.toString() ?? "", o = e !== void 0;
8
+ return /* @__PURE__ */ s(
9
+ "span",
10
+ {
11
+ className: u.characterCounter,
12
+ "data-exceeded": o && n > e || void 0,
13
+ "data-lonely": c || void 0,
14
+ children: o ? `${n} / ${e}` : n
15
+ }
16
+ );
17
+ };
18
+ export {
19
+ m as C
20
+ };
@@ -0,0 +1,119 @@
1
+ import { jsxs as b, jsx as o } from "react/jsx-runtime";
2
+ import v, { useContext as k, useRef as f } from "react";
3
+ import { mergeProps as l, VisuallyHidden as C, useCheckboxGroupItem as _, useCheckbox as R, useHover as I, usePress as P, useFocusRing as g } from "react-aria";
4
+ import { useContextProps as G, CheckboxContext as y, useSlottedContext as z, FormContext as B } from "react-aria-components";
5
+ import { a as u } from "./clsx-AexbMWKp.js";
6
+ import { variables as h } from "@midas-ds/theme";
7
+ import { c as F } from "./createLucideIcon-D4r5Phnh.js";
8
+ import { C as L } from "./check-BxlvVsvD.js";
9
+ import { useToggleState as N } from "@react-stately/toggle";
10
+ import '../assets/Checkbox.css';const S = [["path", { d: "M5 12h14", key: "1ays0h" }]], D = F("minus", S), H = v.createContext(null), O = "_checkboxInner_tzrii_1", j = "_checkbox_tzrii_1", q = "_checkboxGroup_tzrii_143", A = "_checkboxList_tzrii_154", x = {
11
+ checkboxInner: O,
12
+ checkbox: j,
13
+ checkboxGroup: q,
14
+ checkboxList: A
15
+ }, m = ({ ref: t, ...e }) => {
16
+ const { hoverProps: i, isHovered: c } = e.hoverResult, { pressProps: s, isPressed: n } = e.pressResult, { isFocused: a, isFocusVisible: r, focusProps: d } = e.focusRingAria;
17
+ return /* @__PURE__ */ b(
18
+ "label",
19
+ {
20
+ ref: t,
21
+ ...l(i, s, e.labelProps),
22
+ slot: e.slot || void 0,
23
+ className: u(x.checkbox, e.className),
24
+ "data-hovered": c || void 0,
25
+ "data-selected": e.isSelected || void 0,
26
+ "data-indeterminate": e.isIndeterminate || void 0,
27
+ "data-pressed": n || void 0,
28
+ "data-disabled": e.isDisabled || void 0,
29
+ "data-readonly": e.isReadOnly || void 0,
30
+ "data-invalid": e.isInvalid || void 0,
31
+ "data-focused": a || void 0,
32
+ "data-focus-visible": r || void 0,
33
+ "data-required": e.isRequired || void 0,
34
+ children: [
35
+ /* @__PURE__ */ o("div", { className: u(x.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ o(
36
+ D,
37
+ {
38
+ size: 14,
39
+ color: h.iconOnColor
40
+ }
41
+ ) : /* @__PURE__ */ o(
42
+ L,
43
+ {
44
+ size: 14,
45
+ color: h.iconOnColor
46
+ }
47
+ ) }),
48
+ /* @__PURE__ */ o(C, { children: /* @__PURE__ */ o(
49
+ "input",
50
+ {
51
+ ...l(e.inputProps, d),
52
+ ref: e.inputRef
53
+ }
54
+ ) }),
55
+ e.children
56
+ ]
57
+ }
58
+ );
59
+ }, M = ({ ref: t, ...e }) => {
60
+ const i = _(
61
+ {
62
+ ...e,
63
+ value: e.value || ""
64
+ },
65
+ e.state,
66
+ e.inputRef
67
+ );
68
+ return /* @__PURE__ */ o(
69
+ m,
70
+ {
71
+ ...e,
72
+ ...i,
73
+ ref: t
74
+ }
75
+ );
76
+ }, V = ({ ref: t, ...e }) => {
77
+ const i = R(e, N(e), e.inputRef);
78
+ return /* @__PURE__ */ o(
79
+ m,
80
+ {
81
+ ...e,
82
+ ...i,
83
+ ref: t
84
+ }
85
+ );
86
+ }, Y = ({ ref: t, ...e }) => {
87
+ [e, t] = G(e, t, y);
88
+ const i = z(B), c = e.validationBehavior ?? i?.validationBehavior ?? "native", s = k(H), n = f(null), a = I(e), r = P({
89
+ ref: t,
90
+ isDisabled: e.isDisabled
91
+ }), d = g();
92
+ return s ? /* @__PURE__ */ o(
93
+ M,
94
+ {
95
+ ...e,
96
+ state: s,
97
+ inputRef: n,
98
+ hoverResult: a,
99
+ pressResult: r,
100
+ focusRingAria: d,
101
+ validationBehavior: c
102
+ }
103
+ ) : /* @__PURE__ */ o(
104
+ V,
105
+ {
106
+ ...e,
107
+ inputRef: n,
108
+ hoverResult: a,
109
+ pressResult: r,
110
+ focusRingAria: d,
111
+ validationBehavior: c
112
+ }
113
+ );
114
+ };
115
+ export {
116
+ Y as C,
117
+ H as a,
118
+ x as s
119
+ };
@@ -4,14 +4,14 @@ import { useCheckboxGroupState as v } from "react-stately";
4
4
  import { a as k, L as S } from "./Label-Dup4lWaR.js";
5
5
  import { T as y } from "./Text-TWzJxnto.js";
6
6
  import * as r from "react";
7
- import { C as d, s as u, a as g } from "./Checkbox-CP6Nv9yx.js";
7
+ import { C as d, s as u, a as g } from "./Checkbox-gsEu5wcB.js";
8
8
  import { FieldErrorContext as A } from "react-aria-components";
9
- import { F as P } from "./FieldError-C0HRIcAx.js";
9
+ import { F as P } from "./FieldError-Bc0acYNs.js";
10
10
  import { u as V } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
11
11
  const F = (e, { value: t }) => {
12
12
  const a = r.Children.toArray(e).filter(
13
13
  (l) => r.isValidElement(l) && l.type === d
14
- ), c = r.Children.count(a), n = r.Children.toArray(e).filter((l) => r.isValidElement(l)).filter((l) => !!l && l.type === d).map((l) => l.props.value), s = t.length === 0, i = t.length === c;
14
+ ), c = r.Children.count(a), n = r.Children.toArray(e).filter((l) => r.isValidElement(l)).filter((l) => !!l && l.type === d).map((l) => l.props.value || ""), s = t.length === 0, i = t.length === c;
15
15
  return {
16
16
  allSelected: i,
17
17
  someSelected: !s && !i,
@@ -4,7 +4,7 @@ import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-a
4
4
  import { c as s } from "./clsx-AexbMWKp.js";
5
5
  import { a as C, L as S } from "./Label-Dup4lWaR.js";
6
6
  import { T as u } from "./Text-TWzJxnto.js";
7
- import { F as h } from "./FieldError-C0HRIcAx.js";
7
+ import { F as h } from "./FieldError-Bc0acYNs.js";
8
8
  import { L as v } from "./ListBox-D5BBeZWL.js";
9
9
  import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
10
10
  import { C as I } from "./chevron-down-DgT-uSF9.js";
@@ -2,7 +2,7 @@ import { jsxs as F, jsx as e } from "react/jsx-runtime";
2
2
  import { DateField as u } from "react-aria-components";
3
3
  import { c as m } from "./clsx-AexbMWKp.js";
4
4
  import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
5
- import { F as s } from "./FieldError-C0HRIcAx.js";
5
+ import { F as s } from "./FieldError-Bc0acYNs.js";
6
6
  import { a as h, L as D } from "./Label-Dup4lWaR.js";
7
7
  import { T as b } from "./Text-TWzJxnto.js";
8
8
  import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
@@ -1,9 +1,9 @@
1
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
2
2
  import { Group as P, Button as b, Popover as f, Dialog as v, DatePicker as x, DateRangePicker as F } from "react-aria-components";
3
3
  import { a as m } from "./clsx-AexbMWKp.js";
4
- import { C as M, R as N } from "./RangeCalendar-CGk2btOp.js";
4
+ import { C as M, R as N } from "./RangeCalendar-BF-6p7u2.js";
5
5
  import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
6
- import { F as h } from "./FieldError-C0HRIcAx.js";
6
+ import { F as h } from "./FieldError-Bc0acYNs.js";
7
7
  import { a as u, L as y } from "./Label-Dup4lWaR.js";
8
8
  import { T as _ } from "./Text-TWzJxnto.js";
9
9
  import { c as C } from "./createLucideIcon-D4r5Phnh.js";
@@ -0,0 +1,21 @@
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { useContext as l } from "react";
3
+ import { FieldErrorContext as c, FieldError as f } from "react-aria-components";
4
+ import { c as m } from "./clsx-AexbMWKp.js";
5
+ import { T as d } from "./Text-TWzJxnto.js";
6
+ import '../assets/FieldError.css';const a = "_fieldError_u3cks_1", E = {
7
+ fieldError: a
8
+ }, v = ({ ref: s, ...r }) => {
9
+ const { children: o, isInvalid: n } = r, t = m(E.fieldError, r.className), e = l(c);
10
+ return !e && n && typeof o != "function" ? /* @__PURE__ */ i(d, { className: t, children: o }) : e?.isInvalid ? /* @__PURE__ */ i(
11
+ f,
12
+ {
13
+ ...r,
14
+ ref: s,
15
+ className: t
16
+ }
17
+ ) : null;
18
+ };
19
+ export {
20
+ v as F
21
+ };