@altinn/altinn-components 0.28.1 → 0.29.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 (146) hide show
  1. package/dist/assets/Badge.css +1 -1
  2. package/dist/assets/Button.css +1 -1
  3. package/dist/assets/ButtonBase.css +1 -1
  4. package/dist/assets/ButtonIcon.css +1 -1
  5. package/dist/assets/ComboButton.css +1 -1
  6. package/dist/assets/Flex.css +1 -1
  7. package/dist/assets/Grid.css +1 -1
  8. package/dist/assets/Heading.css +1 -1
  9. package/dist/assets/List.css +1 -0
  10. package/dist/assets/ListItemControls.css +1 -1
  11. package/dist/assets/ListItemHeader.css +1 -1
  12. package/dist/assets/MenuItem.css +1 -0
  13. package/dist/assets/MenuItemBase.css +1 -1
  14. package/dist/assets/MenuItemLabel.css +1 -1
  15. package/dist/assets/MenuSearch.css +1 -1
  16. package/dist/assets/SearchField.css +1 -1
  17. package/dist/assets/SearchbarField.css +1 -0
  18. package/dist/assets/Section.css +1 -0
  19. package/dist/components/Account/AccountList.js +24 -0
  20. package/dist/components/Account/AccountListItem.js +58 -0
  21. package/dist/components/Account/AccountListItemControls.js +77 -0
  22. package/dist/components/Account/AccountMenu.js +56 -0
  23. package/dist/components/Account/index.js +8 -0
  24. package/dist/components/Badge/Badge.js +13 -3
  25. package/dist/components/Button/Button.js +49 -44
  26. package/dist/components/Button/ButtonBase.js +17 -15
  27. package/dist/components/Button/ButtonIcon.js +13 -7
  28. package/dist/components/Button/ComboButton.js +49 -33
  29. package/dist/components/Button/IconButton.js +31 -27
  30. package/dist/components/ContextMenu/ContextMenu.js +45 -48
  31. package/dist/components/Forms/SearchField.js +34 -0
  32. package/dist/components/Forms/index.js +14 -12
  33. package/dist/components/GlobalMenu/CurrentAccount.js +28 -0
  34. package/dist/components/GlobalMenu/GlobalMenu.js +70 -75
  35. package/dist/components/GlobalMenu/index.js +6 -8
  36. package/dist/components/Header/HeaderButton.js +1 -1
  37. package/dist/components/Icon/Icon.js +21 -22
  38. package/dist/components/Icon/IconOrAvatar.js +12 -12
  39. package/dist/components/List/List.js +9 -7
  40. package/dist/components/List/ListItemControls.js +1 -1
  41. package/dist/components/List/ListItemHeader.js +64 -57
  42. package/dist/components/List/ListItemLabel.js +36 -28
  43. package/dist/components/List/ListItemLink.js +32 -32
  44. package/dist/components/Menu/MenuItem.js +41 -41
  45. package/dist/components/Menu/MenuItemBase.js +33 -54
  46. package/dist/components/Menu/MenuItemLabel.js +58 -20
  47. package/dist/components/Menu/MenuOption.js +32 -41
  48. package/dist/components/Menu/MenuSearch.js +24 -43
  49. package/dist/components/Menu/index.js +24 -23
  50. package/dist/components/Page/Flex.js +5 -5
  51. package/dist/components/Page/Grid.js +24 -26
  52. package/dist/components/Page/Section.js +7 -5
  53. package/dist/components/Page/index.js +20 -22
  54. package/dist/components/Searchbar/Searchbar.js +6 -6
  55. package/dist/components/Searchbar/{SearchField.js → SearchbarField.js} +8 -8
  56. package/dist/components/Searchbar/index.js +6 -6
  57. package/dist/components/Settings/SettingsItem.js +27 -30
  58. package/dist/components/Toolbar/ToolbarAccountMenu.js +6 -6
  59. package/dist/components/Toolbar/ToolbarSearch.js +22 -43
  60. package/dist/components/Typography/Heading.js +7 -7
  61. package/dist/components/index.js +391 -390
  62. package/dist/index.js +397 -396
  63. package/dist/spacing.css +44 -8
  64. package/dist/types/lib/components/Account/AccountList.d.ts +10 -0
  65. package/dist/types/lib/components/Account/AccountList.stories.d.ts +18 -0
  66. package/dist/types/lib/components/Account/AccountListItem.d.ts +18 -0
  67. package/dist/types/lib/components/{Profile → Account}/AccountListItem.stories.d.ts +16 -7
  68. package/dist/types/lib/components/Account/AccountListItemControls.d.ts +17 -0
  69. package/dist/types/lib/components/Account/AccountMenu.d.ts +22 -0
  70. package/dist/types/lib/components/Account/AccountMenu.stories.d.ts +15 -0
  71. package/dist/types/lib/components/{Profile → Account}/index.d.ts +1 -0
  72. package/dist/types/lib/components/Badge/Badge.d.ts +4 -1
  73. package/dist/types/lib/components/Badge/Badge.stories.d.ts +1 -1
  74. package/dist/types/lib/components/Button/Button.d.ts +5 -5
  75. package/dist/types/lib/components/Button/Button.stories.d.ts +2 -1
  76. package/dist/types/lib/components/Button/ButtonBase.d.ts +2 -1
  77. package/dist/types/lib/components/Button/ButtonIcon.d.ts +5 -5
  78. package/dist/types/lib/components/Button/ButtonLabel.d.ts +2 -2
  79. package/dist/types/lib/components/Button/ComboButton.d.ts +6 -4
  80. package/dist/types/lib/components/Button/IconButton.d.ts +4 -4
  81. package/dist/types/lib/components/ContextMenu/ContextMenu.d.ts +1 -3
  82. package/dist/types/lib/components/ContextMenu/ContextMenu.stories.d.ts +2 -1
  83. package/dist/types/lib/components/Forms/SearchField.d.ts +9 -0
  84. package/dist/types/lib/components/Forms/SearchField.stories.d.ts +16 -0
  85. package/dist/types/lib/components/Forms/index.d.ts +1 -0
  86. package/dist/types/lib/components/GlobalMenu/{AccountButton.d.ts → CurrentAccount.d.ts} +3 -2
  87. package/dist/types/lib/components/GlobalMenu/GlobalMenu.d.ts +4 -4
  88. package/dist/types/lib/components/GlobalMenu/GlobalMenu.stories.d.ts +8 -11
  89. package/dist/types/lib/components/GlobalMenu/index.d.ts +1 -2
  90. package/dist/types/lib/components/Header/Header.stories.d.ts +8 -7
  91. package/dist/types/lib/components/Header/LocaleSwitcher.stories.d.ts +3 -1
  92. package/dist/types/lib/components/Icon/Icon.d.ts +1 -3
  93. package/dist/types/lib/components/Layout/Layout.stories.d.ts +1 -0
  94. package/dist/types/lib/components/List/List.d.ts +1 -1
  95. package/dist/types/lib/components/List/List.stories.d.ts +1 -1
  96. package/dist/types/lib/components/List/ListItem.d.ts +24 -1
  97. package/dist/types/lib/components/List/ListItem.stories.d.ts +1 -1
  98. package/dist/types/lib/components/List/ListItemLabel.d.ts +2 -1
  99. package/dist/types/lib/components/List/ListItemLink.d.ts +3 -5
  100. package/dist/types/lib/components/List/Specimens.stories.d.ts +1 -1
  101. package/dist/types/lib/components/Menu/Menu.stories.d.ts +5 -0
  102. package/dist/types/lib/components/Menu/MenuItem.d.ts +7 -9
  103. package/dist/types/lib/components/Menu/MenuItemBase.d.ts +2 -5
  104. package/dist/types/lib/components/Menu/MenuItemLabel.d.ts +6 -4
  105. package/dist/types/lib/components/Menu/MenuSearch.d.ts +1 -1
  106. package/dist/types/lib/components/Menu/MenuSearch.stories.d.ts +1 -1
  107. package/dist/types/lib/components/Page/Breadcrumbs.stories.d.ts +19 -0
  108. package/dist/types/lib/components/Page/BreadcrumbsLink.d.ts +1 -1
  109. package/dist/types/lib/components/Page/Flex.d.ts +1 -1
  110. package/dist/types/lib/components/Page/Flex.stories.d.ts +17 -0
  111. package/dist/types/lib/components/Page/Grid.d.ts +5 -8
  112. package/dist/types/lib/components/Page/Grid.stories.d.ts +15 -0
  113. package/dist/types/lib/components/Page/List.stories.d.ts +17 -0
  114. package/dist/types/lib/components/Page/Section.d.ts +2 -1
  115. package/dist/types/lib/components/Page/index.d.ts +0 -1
  116. package/dist/types/lib/components/Search/SearchItem.d.ts +2 -2
  117. package/dist/types/lib/components/Searchbar/Searchbar.d.ts +2 -2
  118. package/dist/types/lib/components/Searchbar/{SearchField.d.ts → SearchbarField.d.ts} +2 -2
  119. package/dist/types/lib/components/Searchbar/index.d.ts +1 -1
  120. package/dist/types/lib/components/Settings/SettingsItem.d.ts +5 -6
  121. package/dist/types/lib/components/Settings/SettingsItem.stories.d.ts +8 -7
  122. package/dist/types/lib/components/Toolbar/Toolbar.stories.d.ts +1 -1
  123. package/dist/types/lib/components/Toolbar/ToolbarSearch.d.ts +2 -5
  124. package/dist/types/lib/components/Toolbar/ToolbarSearch.stories.d.ts +1 -0
  125. package/dist/types/lib/components/Transmission/Transmission.stories.d.ts +7 -8
  126. package/dist/types/lib/components/Typography/Heading.d.ts +1 -1
  127. package/dist/types/lib/components/index.d.ts +1 -1
  128. package/dist/types/lib/stories/Profile/Accounts.stories.d.ts +6 -11
  129. package/package.json +1 -1
  130. package/dist/assets/AccountButton.css +0 -1
  131. package/dist/assets/IconButton.css +0 -1
  132. package/dist/assets/MenuOption.css +0 -1
  133. package/dist/assets/ToolbarSearch.css +0 -1
  134. package/dist/components/GlobalMenu/AccountButton.js +0 -58
  135. package/dist/components/GlobalMenu/AccountMenu.js +0 -72
  136. package/dist/components/Page/PageHeader.js +0 -55
  137. package/dist/components/Profile/AccountList.js +0 -12
  138. package/dist/components/Profile/AccountListItem.js +0 -86
  139. package/dist/components/Profile/index.js +0 -6
  140. package/dist/types/lib/components/GlobalMenu/AccountMenu.d.ts +0 -27
  141. package/dist/types/lib/components/GlobalMenu/AccountMenu.stories.d.ts +0 -19
  142. package/dist/types/lib/components/Menu/Examples.stories.d.ts +0 -97
  143. package/dist/types/lib/components/Page/PageHeader.d.ts +0 -18
  144. package/dist/types/lib/components/Page/PageHeader.stories.d.ts +0 -16
  145. package/dist/types/lib/components/Profile/AccountList.d.ts +0 -5
  146. package/dist/types/lib/components/Profile/AccountListItem.d.ts +0 -12
@@ -1 +1 @@
1
- ._badge_zk07w_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content}._badge_zk07w_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_zk07w_1[data-size=xs] ._label_zk07w_17{color:transparent;width:100%;height:100%}._badge_zk07w_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_zk07w_1[data-theme=subtle],._badge_zk07w_1[data-theme=surface]{background-color:var(--ds-color-surface-tinted);color:var(--ds-color-text-subtle)}._badge_zk07w_1[data-theme=base]{background-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}
1
+ ._badge_1w7dc_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);background-color:var(--dsc-badge-background);color:var(--dsc-badge-color)}._badge_1w7dc_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_1w7dc_1[data-size=xs] ._label_1w7dc_22{color:transparent;width:100%;height:100%}._badge_1w7dc_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;min-width:2em;border-radius:2em}._badge_1w7dc_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_1w7dc_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}
@@ -1 +1 @@
1
- ._button_qyaf4_2{column-gap:.125em}._button_qyaf4_2[data-size=xs]{padding:0 .375rem}._button_qyaf4_2[data-size=sm]{padding:0 .5rem}._button_qyaf4_2[data-size=md]{padding:0 .625rem}._button_qyaf4_2[data-size=lg]{padding:0 .75rem}
1
+ ._button_1qqtu_1{display:inline-flex;align-items:center;column-gap:.25em;padding:.625em}._button_1qqtu_1[data-reverse=true]{flex-direction:row-reverse}
@@ -1 +1 @@
1
- ._button_1c0tl_1{border:1px solid;border-color:transparent;margin:0;padding:0;width:auto;overflow:visible;background:transparent;text-decoration:none;color:inherit;font:inherit;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center;border-radius:2px}._button_1c0tl_1[data-reverse=true]{flex-direction:row-reverse}._button_1c0tl_1:disabled{opacity:.5;pointer-events:none}._button_1c0tl_1[data-size=xs]{height:2.25rem}._button_1c0tl_1[data-size=sm]{height:2.625rem}._button_1c0tl_1[data-size=md]{height:3rem}._button_1c0tl_1[data-size=lg]{height:3.5rem}._button_1c0tl_1[data-variant=solid]{background-color:var(--ds-color-base-default);border-color:var(--ds-color-base-default);color:var(--ds-color-base-contrast-default)}._button_1c0tl_1[data-variant=solid]:hover{background-color:var(--ds-color-base-hover);border-color:var(--ds-color-base-hover)}._button_1c0tl_1[data-variant=solid]:active{background-color:var(--ds-color-base-active);border-color:var(--ds-color-base-active)}._button_1c0tl_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1c0tl_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1c0tl_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1c0tl_1[data-variant=outline],._button_1c0tl_1[data-variant=dotted]{border-color:var(--ds-color-base-default)}._button_1c0tl_1[data-variant=outline]{border-style:solid}._button_1c0tl_1[data-variant=dotted]{border-style:dotted}._button_1c0tl_1[data-variant=text]{border-color:transparent;color:var(--ds-color-text-subtle)}._button_1c0tl_1[data-variant=outline]:hover,._button_1c0tl_1[data-variant=dotted]:hover,._button_1c0tl_1[data-variant=text]:hover{background-color:var(--ds-color-surface-hover);color:var(--ds-color-text-default)}._button_1c0tl_1[data-variant=outline]:active,._button_1c0tl_1[data-variant=dotted]:active,._button_1c0tl_1[data-variant=text]:active{background-color:var(--ds-color-surface-active)}._button_1c0tl_1[data-variant=link]{border:none;color:var(--ds-color-text-subtle)}._button_1c0tl_1[data-variant=link]:hover{color:var(--ds-color-base-hover)}._button_1c0tl_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1c0tl_1:focus-visible *{--_ds--focus: }
1
+ ._button_1q3ym_1{--dsc-button-background--active: transparent;--dsc-button-background--hover: transparent;--dsc-button-background: transparent;--dsc-button-color: inherit;--dsc-button-color--hover: inherit;--dsc-button-border-width: var(--ds-border-width-default);--dsc-button-border-style: solid;--dsc-button-border-color: transparent;--dsc-button-border-radius: 2px;--dsc-button-gap: var(--ds-size-2);--dsc-button-padding: var(--ds-size-2) var(--ds-size-4);--dsc-button-size: var(--ds-size-12);border-style:var(--dsc-button-border-style);border-width:var(--dsc-button-border-width);border-color:var(--dsc-button-border-color);border-radius:var(--dsc-button-border-radius);background:var(--dsc-button-background);color:var(--dsc-button-color);margin:0;padding:0;min-width:var(--dsc-button-size);min-height:var(--dsc-button-size);height:fit-content;justify-content:center;overflow:visible;text-decoration:none;text-align:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;display:inline-flex;align-items:center}._button_1q3ym_1:not([data-size]){font-size:inherit}._button_1q3ym_1:is(:disabled,[aria-disabled=true]){cursor:not-allowed;opacity:var(--ds-opacity-disabled)}._button_1q3ym_1:is(:disabled,[aria-disabled=true])[aria-busy=true]{opacity:1;cursor:progress}@media (hover: hover) and (pointer: fine){._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):hover{background:var(--dsc-button-background--hover);color:var(--dsc-button-color--hover)}}._button_1q3ym_1:where(:not(:disabled,[aria-disabled=true],[aria-busy=true])):active{background:var(--dsc-button-background--active)}._button_1q3ym_1[data-variant=solid]{--dsc-button-background--active: var(--ds-color-base-active);--dsc-button-background--hover: var(--ds-color-base-hover);--dsc-button-background: var(--ds-color-base-default);--dsc-button-color: var(--ds-color-base-contrast-default);--dsc-button-color--hover: var(--ds-color-base-contrast-default);--dsc-button-border-color: var(--ds-color-base-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted],._button_1q3ym_1[data-variant=text]{--dsc-button-background: transparent;--dsc-button-background--active: var(--ds-color-surface-active);--dsc-button-background--hover: var(--ds-color-surface-hover);--dsc-button-color: var(--ds-color-text-subtle);--dsc-button-color--hover: var(--ds-color-text-default)}._button_1q3ym_1[data-variant=outline],._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-color: var(--ds-color-border-strong)}._button_1q3ym_1[data-variant=dotted]{--dsc-button-border-style: dotted}._button_1q3ym_1[data-variant=tinted]{background-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-surface-tinted);border-color:var(--ds-color-base-default);color:var(--ds-color-base-surface-tinted)}._button_1q3ym_1[data-variant=tinted]:hover{background-color:var(--ds-color-surface-hover)}._button_1q3ym_1[data-variant=tinted]:active{background-color:var(--ds-color-surface-active)}._button_1q3ym_1[data-rounded=true]{border-radius:50%}._button_1q3ym_1:focus-visible{box-shadow:var(--_ds--focus, var(--dsc-focus-boxShadow));outline:var(--_ds--focus, var(--dsc-focus-outline));outline-offset:var(--_ds--focus, var(--ds-border-width-focus))}._button_1q3ym_1:focus-visible *{--_ds--focus: }
@@ -1 +1 @@
1
- ._icon_n7bze_1{display:flex;align-items:center;justify-content:center}._icon_n7bze_1[data-size=xs]{font-size:1.25rem}._icon_n7bze_1[data-size=sm]{font-size:1.375rem}._icon_n7bze_1[data-size=md]{font-size:1.5rem}._icon_n7bze_1[data-size=lg]{font-size:1.625rem}
1
+ ._icon_1x26x_1{display:flex;align-items:center;justify-content:center;font-size:1em}._icon_1x26x_1[data-size=xs]{font-size:.875rem}._icon_1x26x_1[data-size=sm]{font-size:1rem}._icon_1x26x_1[data-size=md]{font-size:1.125rem}._icon_1x26x_1[data-size=lg]{font-size:1.5rem}._icon_1x26x_1 svg,._icon_1x26x_1 img{display:block;width:1em;height:1em;font-size:1.5em}
@@ -1 +1 @@
1
- ._button_d26a8_1{display:inline-flex;flex-direction:row;align-items:center}._divider_d26a8_7{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_d26a8_14,._secondary_d26a8_15{display:inline-flex;align-items:center;border:none}._primary_d26a8_14[data-size=xs],._secondary_d26a8_15[data-size=xs]{padding:0 .375rem}._primary_d26a8_14[data-size=sm],._secondary_d26a8_15[data-size=sm]{padding:0 .5rem}._primary_d26a8_14[data-size=md],._secondary_d26a8_15[data-size=md]{padding:0 .625rem}._primary_d26a8_14[data-size=lg],._secondary_d26a8_15[data-size=lg]{padding:0 .75rem}
1
+ ._button_kd2d3_1{display:inline-flex;flex-direction:row;align-items:center}._divider_kd2d3_7{align-self:stretch;border-left:1px solid currentColor;width:1px;margin:.375rem 0}._primary_kd2d3_14,._secondary_kd2d3_15{display:inline-flex;align-items:center;border-width:0;margin:-1px;padding:0 .5em}
@@ -1 +1 @@
1
- ._flex_144b4_1{display:flex;list-style:none;padding:0;margin:0}._flex_144b4_1[data-direction=col]{flex-direction:column}._flex_144b4_1[data-direction=row]{flex-direction:row}._flex_144b4_1[data-align=center]{align-items:center}._flex_144b4_1[data-align=start]{align-items:flex-start}._flex_144b4_1[data-align=end]{align-items:flex-end}._flex_144b4_1[data-justify=start]{justify-content:flex-start}._flex_144b4_1[data-justify=end]{justify-content:flex-end}._flex_144b4_1[data-justify=center]{justify-content:center}._flex_144b4_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_144b4_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_144b4_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_144b4_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_144b4_1[data-spacing=xs]{gap:.125rem}._flex_144b4_1[data-spacing=page]{gap:1.5rem}._flex_144b4_1{margin:0}._flex_144b4_1[data-margin=section]{margin:.625rem 0}._flex_144b4_1[data-margin=page]{margin:1.125rem 0}._flex_144b4_1[data-margin=bottom]{margin:0 0 1em}
1
+ ._flex_1b3x8_1{row-gap:var(--dsc-spacing);column-gap:var(--dsc-spacing);display:flex;list-style:none;padding:0;margin:0}._flex_1b3x8_1[data-direction=col]{flex-direction:column}._flex_1b3x8_1[data-direction=row]{flex-direction:row}._flex_1b3x8_1[data-align=center]{align-items:center}._flex_1b3x8_1[data-align=start]{align-items:flex-start}._flex_1b3x8_1[data-align=end]{align-items:flex-end}._flex_1b3x8_1[data-justify=start]{justify-content:flex-start}._flex_1b3x8_1[data-justify=end]{justify-content:flex-end}._flex_1b3x8_1[data-justify=center]{justify-content:center}._flex_1b3x8_1[data-justify=between]{justify-content:space-between}@media (max-width: 1023px){._flex_1b3x8_1[data-bleed=true]{margin-left:-1rem;margin-right:-1rem}}._flex_1b3x8_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._flex_1b3x8_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._flex_1b3x8_1{margin:0}._flex_1b3x8_1[data-margin=section]{margin:.625rem 0}._flex_1b3x8_1[data-margin=page]{margin:1.125rem 0}._flex_1b3x8_1[data-margin=bottom]{margin:0 0 1em}
@@ -1 +1 @@
1
- ._grid_alo99_1{display:grid;list-style:none;padding:0;margin:0}._grid_alo99_1[data-cols="3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_alo99_1[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_alo99_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_alo99_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_alo99_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_alo99_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._grid_alo99_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_alo99_1[data-spacing=xs]{gap:.125rem}._grid_alo99_1[data-margin=section]{margin:.625rem 0}._grid_alo99_1[data-margin=page]{margin:1.125rem 0}
1
+ ._grid_aha67_1{--dsc-spacing: var(--dsc-spacing-md);display:grid;list-style:none;padding:0;margin:0;gap:var(--dsc-spacing)}._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){._grid_aha67_1[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}._grid_aha67_1[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}._grid_aha67_1[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}}._grid_aha67_1[data-padding=page]{padding:var(--ds-spacing-6)}@media (max-width: 1023px){._grid_aha67_1[data-padding=page]{padding-left:var(--ds-spacing-4);padding-right:var(--ds-spacing-4)}}._grid_aha67_1[data-margin=section]{margin:.625rem 0}._grid_aha67_1[data-margin=page]{margin:1.125rem 0}
@@ -1 +1 @@
1
- ._heading_11tuc_1{font-size:1em;line-height:1.25;margin:0}._heading_11tuc_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_11tuc_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_11tuc_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_11tuc_1[data-weight=normal]{font-weight:400}._heading_11tuc_1[data-weight=medium]{font-weight:500}._heading_11tuc_1[data-weight=bold]{font-weight:600}._heading_11tuc_1[data-size=inherit]{font-size:1em}._heading_11tuc_1[data-size=xs]{font-size:.875rem}._heading_11tuc_1[data-size=sm]{font-size:1rem}._heading_11tuc_1[data-size=md]{font-size:1.125rem}._heading_11tuc_1[data-size=lg]{font-size:1.25rem}._heading_11tuc_1[data-size=xl]{font-size:1.5rem}._heading_11tuc_1[data-leading=none]{line-height:1}._heading_11tuc_1[data-leading=normal]{line-height:1.5}._heading_11tuc_1[data-leading=tight]{line-height:1.25}
1
+ ._heading_16r67_1{font-size:1em;line-height:1.25;margin:0}._heading_16r67_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_16r67_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_16r67_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_16r67_1[data-weight=normal]{font-weight:400}._heading_16r67_1[data-weight=medium]{font-weight:500}._heading_16r67_1[data-weight=bold]{font-weight:600}._heading_16r67_1[data-size=inherit]{font-size:1em}._heading_16r67_1[data-size=xxs]{font-size:.75rem}._heading_16r67_1[data-size=xs]{font-size:.875rem}._heading_16r67_1[data-size=sm]{font-size:1rem}._heading_16r67_1[data-size=md]{font-size:1.125rem}._heading_16r67_1[data-size=lg]{font-size:1.25rem}._heading_16r67_1[data-size=xl]{font-size:1.5rem}._heading_16r67_1[data-leading=none]{line-height:1}._heading_16r67_1[data-leading=normal]{line-height:1.5}._heading_16r67_1[data-leading=tight]{line-height:1.25}
@@ -0,0 +1 @@
1
+ ._list_14rag_1{--dsc-spacing: var(--dsc-spacing-md);row-gap:var(--dsc-spacing)}
@@ -1 +1 @@
1
- ._controls_1schy_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.625rem}._controls_1schy_1:empty{display:none}._linkText_1schy_13{font-size:.875rem;white-space:nowrap}._linkIcon_1schy_18{font-size:1.5rem}
1
+ ._controls_mvhfq_1{display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap;gap:.25rem}._controls_mvhfq_1:empty{display:none}._linkText_mvhfq_13{font-size:.875rem;white-space:nowrap}._linkIcon_mvhfq_18{font-size:1.5rem}
@@ -1 +1 @@
1
- ._header_hyqf4_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_hyqf4_1[data-interactive=true]{cursor:pointer}._header_hyqf4_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_hyqf4_1[data-interactive=true]:hover ._label_hyqf4_27 h2{text-decoration:underline}._header_hyqf4_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}
1
+ ._header_s4ghf_1{--dsc-item-spacing: .5em;position:relative;width:100%;min-height:var(--dsc-item-height);display:flex;align-items:center;justify-content:space-between;background:var(--dsc-item-background);column-gap:var(--dsc-item-spacing);padding-right:var(--dsc-item-px);padding-left:var(--dsc-item-px)}._header_s4ghf_1[data-interactive=true]{cursor:pointer}._header_s4ghf_1[data-interactive=true]:hover{background:var(--dsc-item-background--hover)}._header_s4ghf_1[data-interactive=true]:hover ._label_s4ghf_27 h2{text-decoration:underline}._header_s4ghf_1[data-has-active-child=true]{background-color:var(--ds-color-background-tinted)}._linkIcon_s4ghf_35{flex-shrink:0;min-width:1.5em;min-width:2em;min-height:2em;display:flex;align-items:center;justify-content:center;pointer-events:none}
@@ -0,0 +1 @@
1
+ ._item_1owl4_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1owl4_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1owl4_1[data-size=md]{min-height:56px}._item_1owl4_1[data-size=md]{min-height:44px}._item_1owl4_1[data-size=sm]{min-height:40px}._action_1owl4_45{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1owl4_52{font-size:.875rem;white-space:nowrap}._linkIcon_1owl4_57{font-size:1.5rem}._item_1owl4_1,._item_1owl4_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1owl4_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1owl4_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1owl4_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1owl4_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1owl4_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1owl4_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}
@@ -1 +1 @@
1
- ._item_1ejie_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1ejie_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1ejie_1[data-size=md]{min-height:56px}._item_1ejie_1[data-size=md]{min-height:44px}._item_1ejie_1[data-size=sm]{min-height:40px}._content_1ejie_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._action_1ejie_53{display:flex;justify-content:center;align-items:center;padding:10px}._linkText_1ejie_60{font-size:.875rem;white-space:nowrap}._linkIcon_1ejie_65{font-size:1.5rem}._item_1ejie_1,._item_1ejie_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1ejie_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1ejie_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1ejie_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1ejie_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1ejie_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1ejie_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}
1
+ ._item_1df6r_1{font:inherit;color:inherit;padding:0;border:0;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;user-select:none;cursor:pointer;position:relative;width:100%;display:flex;align-items:center;column-gap:.25rem;margin:.5rem 0;border-radius:2px}._item_1df6r_1[aria-disabled=true]{opacity:.5;pointer-events:none}._item_1df6r_1[data-size=md]{min-height:56px}._item_1df6r_1[data-size=md]{min-height:44px}._item_1df6r_1[data-size=sm]{min-height:40px}._content_1df6r_45{display:flex;width:100%;align-items:center;column-gap:6px;padding:6px}._item_1df6r_1,._item_1df6r_1[data-theme]{background-color:transparent}[data-theme=subtle] ._item_1df6r_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=subtle] ._item_1df6r_1:active{background-color:var(--ds-color-surface-active)}[data-theme=subtle] ._item_1df6r_1[data-selected=true]{background-color:var(--ds-color-background-default)}[data-theme=default] ._item_1df6r_1:hover{background-color:var(--ds-color-surface-hover)}[data-theme=default] ._item_1df6r_1:active{background-color:var(--ds-color-surface-active)}[data-theme=default] ._item_1df6r_1[data-selected=true]{background-color:var(--ds-color-background-tinted)}._content_1df6r_45{display:flex;width:100%;align-items:center;column-gap:.5em;padding:.5}
@@ -1 +1 @@
1
- ._label_10xs5_1{display:flex;flex-direction:column;padding:0 .25rem}._label_10xs5_1[data-size=lg]{font-size:1.125rem}._label_10xs5_1[data-size=md],._label_10xs5_1[data-size=sm]{font-size:1rem}._title_10xs5_19{font-weight:400}._title_10xs5_19[data-weight=medium]{font-weight:500}._title_10xs5_19[data-size=lg]{font-size:1.125rem;line-height:1.25}._title_10xs5_19[data-size=md],._title_10xs5_19[data-size=sm]{font-size:1rem;line-height:1.25}._description_10xs5_42{font-size:.875rem;color:var(--ds-color-text-subtle)}
1
+ ._label_mk4ho_1{flex-grow:1;display:flex;flex-direction:column;padding:0 .125rem}._label_mk4ho_1[data-size=lg]{font-size:1.125rem}._label_mk4ho_1[data-size=md],._label_mk4ho_1[data-size=sm]{font-size:1rem}._title_mk4ho_20{display:inline-flex;align-items:center;column-gap:.5em}
@@ -1 +1 @@
1
- ._field_8g6tu_1{position:relative;margin:.5rem 0}._icon_8g6tu_6{position:absolute;top:0;left:0;font-size:1.25rem;color:var(--ds-color-text-subtle);margin:10px}._input_8g6tu_15{width:100%;font-size:.875rem;line-height:1rem;font-weight:500;padding:11px 36px;border-radius:2px;border:1px solid;border-color:var(--ds-color-border-default)}._input_8g6tu_15[type=search]::-webkit-search-decoration,._input_8g6tu_15[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_8g6tu_31{position:absolute;top:0;right:0;margin:8px;border-radius:100%;width:1.5rem;height:1.5rem}
1
+ ._field_99cd6_1{position:relative;margin:.5rem 0}
@@ -1 +1 @@
1
- ._field_ljqfn_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_ljqfn_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_ljqfn_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_ljqfn_17[type=search]::-webkit-search-decoration,._input_ljqfn_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_ljqfn_17:focus,._input_ljqfn_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_ljqfn_41{position:absolute;right:0;margin:.375rem}._clear_ljqfn_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}
1
+ ._field_5zm0g_1{position:relative}._icon_5zm0g_5{position:absolute;top:1px;left:1px;font-size:1.25em;color:var(--ds-color-text-subtle);margin:.5em}._input_5zm0g_14{padding-left:2.25em;padding-right:2.25em}._input_5zm0g_14[type=search]::-webkit-search-decoration,._input_5zm0g_14[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._clear_5zm0g_24{font-size:inherit;position:absolute;top:1px;right:1px;margin:.25em;border:0;border-radius:100%;width:2em;height:2em;display:flex;justify-content:center;align-items:center;background-color:var(--ds-color-background-tinted);color:var(--ds-color-base-default)}._clear_5zm0g_24:hover{background-color:var(--ds-color-surface-active);color:var(--ds-color-base-default);cursor:pointer}._clear_5zm0g_24 ._clearIcon_5zm0g_48{font-size:1.5em}
@@ -0,0 +1 @@
1
+ ._field_ljqfn_1{position:relative;display:flex;align-items:center;font-size:1.125rem;background-color:transparent;color:currentColor}._icon_ljqfn_10{position:absolute;left:0;font-size:1.5rem;margin:0 1rem}._input_ljqfn_17{height:3.5rem;background-color:transparent;font-size:inherit;flex-grow:1;padding:1rem 1rem 1rem 3rem;border:2px solid;border-radius:.25rem;outline:none}._input_ljqfn_17[type=search]::-webkit-search-decoration,._input_ljqfn_17[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}._input_ljqfn_17:focus,._input_ljqfn_17:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._dismiss_ljqfn_41{position:absolute;right:0;margin:.375rem}._clear_ljqfn_47{position:absolute;right:0;margin:1rem;border-radius:100%;width:1.5rem;height:1.5rem}
@@ -0,0 +1 @@
1
+ ._section_1w6kc_1[data-variant=default]{--dsc-item-background: var(--ds-color-surface-default)}._section_1w6kc_1[data-variant=subtle]{--dsc-item-background: var(--ds-color-background-tinted)}._section_1w6kc_1[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-tinted)}
@@ -0,0 +1,24 @@
1
+ import { jsxs as p, jsx as t } from "react/jsx-runtime";
2
+ import { Fragment as g, createElement as l } from "react";
3
+ import "../../index-L8X2o7IH.js";
4
+ import { AccountListItem as d } from "./AccountListItem.js";
5
+ import "../RootProvider/RootProvider.js";
6
+ import { List as f } from "../List/List.js";
7
+ import { Typography as a } from "../Typography/Typography.js";
8
+ import { Heading as m } from "../Typography/Heading.js";
9
+ import "../Searchbar/AutocompleteBase.js";
10
+ import "../Snackbar/useSnackbar.js";
11
+ import { Section as h } from "../Page/Section.js";
12
+ const F = ({ items: e, groups: i }) => !e || e.length === 0 ? /* @__PURE__ */ p(h, { children: [
13
+ /* @__PURE__ */ t(m, { size: "lg", children: "Ingen treff" }),
14
+ /* @__PURE__ */ t(a, { children: "Ingen treff på søket ditt." })
15
+ ] }) : i ? /* @__PURE__ */ t(h, { spacing: 6, children: Object.entries(i).map(([r, s]) => {
16
+ const { title: o } = s, c = e.filter((n) => n.groupId === r && !n.hidden);
17
+ return c.length === 0 ? null : /* @__PURE__ */ p(g, { children: [
18
+ o && /* @__PURE__ */ t(m, { size: "lg", children: o }),
19
+ /* @__PURE__ */ t(f, { children: c.map((n) => /* @__PURE__ */ l(d, { ...n, key: n.id })) })
20
+ ] }, r);
21
+ }) }) : /* @__PURE__ */ t(f, { children: e.filter((r) => !(r != null && r.hidden)).map((r) => /* @__PURE__ */ l(d, { ...r, key: r.id })) });
22
+ export {
23
+ F as AccountList
24
+ };
@@ -0,0 +1,58 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import "../../index-L8X2o7IH.js";
3
+ import "react";
4
+ import "../RootProvider/RootProvider.js";
5
+ import { ListItem as j } from "../List/ListItem.js";
6
+ import "../Searchbar/AutocompleteBase.js";
7
+ import "../Snackbar/useSnackbar.js";
8
+ import { AccountListItemControls as k } from "./AccountListItemControls.js";
9
+ const D = ({
10
+ id: r,
11
+ type: i,
12
+ size: m,
13
+ expanded: t,
14
+ icon: s,
15
+ title: c,
16
+ description: p,
17
+ isCurrentEndUser: e,
18
+ isDeleted: n,
19
+ badge: f,
20
+ favourite: l = !1,
21
+ favouriteLabel: u,
22
+ onToggleFavourite: I,
23
+ contextMenu: L,
24
+ children: A,
25
+ interactive: b,
26
+ ...g
27
+ }) => /* @__PURE__ */ o(
28
+ j,
29
+ {
30
+ ...g,
31
+ size: m,
32
+ icon: s,
33
+ title: c,
34
+ description: t ? void 0 : p,
35
+ expanded: t,
36
+ selected: t,
37
+ badge: !t && /* @__PURE__ */ o(
38
+ k,
39
+ {
40
+ id: r,
41
+ type: i,
42
+ favourite: l,
43
+ favouriteLabel: u,
44
+ badge: f,
45
+ isCurrentEndUser: e,
46
+ isDeleted: n,
47
+ onToggleFavourite: I,
48
+ contextMenu: L
49
+ }
50
+ ),
51
+ linkIcon: !0,
52
+ interactive: b,
53
+ children: A
54
+ }
55
+ );
56
+ export {
57
+ D as AccountListItem
58
+ };
@@ -0,0 +1,77 @@
1
+ "use client";
2
+ import { jsxs as u, jsx as c } from "react/jsx-runtime";
3
+ import "../../index-L8X2o7IH.js";
4
+ import * as i from "react";
5
+ import { forwardRef as m, isValidElement as y } from "react";
6
+ import { Badge as O } from "../Badge/Badge.js";
7
+ import { IconButton as w } from "../Button/IconButton.js";
8
+ import { ContextMenu as b } from "../ContextMenu/ContextMenu.js";
9
+ import { ListItemControls as v } from "../List/ListItemControls.js";
10
+ import "../RootProvider/RootProvider.js";
11
+ import "../Searchbar/AutocompleteBase.js";
12
+ import "../Snackbar/useSnackbar.js";
13
+ import { u as d } from "../../useId-BVFxCjkq.js";
14
+ var h = function(t, n) {
15
+ var r = {};
16
+ for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
17
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
18
+ for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
19
+ n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
20
+ return r;
21
+ };
22
+ const x = m((t, n) => {
23
+ var { title: r, titleId: e } = t, l = h(t, ["title", "titleId"]);
24
+ let o = d();
25
+ return o = r ? e || "title-" + o : void 0, i.createElement(
26
+ "svg",
27
+ Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
28
+ r ? i.createElement("title", { id: o }, r) : null,
29
+ i.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.207 6.354-1 9.56l-6.5 6.5-.53-.53-.53.53-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.356 3.125 7.875 3.125c1.349 0 2.726.602 4.125 1.844M12 20.5l-.53.53a.75.75 0 0 0 1.06 0zm0-1.06 5.97-5.97c2.793-2.794 2.627-5.812 1-7.44-.919-.918-1.864-1.405-2.845-1.405s-2.177.487-3.595 1.905a.75.75 0 0 1-1.06 0C10.05 5.112 8.856 4.625 7.874 4.625S5.948 5.112 5.03 6.03c-1.627 1.628-1.793 4.646 1 7.44z", clipRule: "evenodd" })
30
+ );
31
+ });
32
+ var I = function(t, n) {
33
+ var r = {};
34
+ for (var e in t) Object.prototype.hasOwnProperty.call(t, e) && n.indexOf(e) < 0 && (r[e] = t[e]);
35
+ if (t != null && typeof Object.getOwnPropertySymbols == "function")
36
+ for (var l = 0, e = Object.getOwnPropertySymbols(t); l < e.length; l++)
37
+ n.indexOf(e[l]) < 0 && Object.prototype.propertyIsEnumerable.call(t, e[l]) && (r[e[l]] = t[e[l]]);
38
+ return r;
39
+ };
40
+ const j = m((t, n) => {
41
+ var { title: r, titleId: e } = t, l = I(t, ["title", "titleId"]);
42
+ let o = d();
43
+ return o = r ? e || "title-" + o : void 0, i.createElement(
44
+ "svg",
45
+ Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": o }, l),
46
+ r ? i.createElement("title", { id: o }, r) : null,
47
+ i.createElement("path", { fill: "currentColor", d: "M12 4.969c1.399-1.242 2.776-1.844 4.125-1.844 1.519 0 2.823.763 3.905 1.845 2.373 2.372 2.206 6.354-1 9.56l-6.5 6.5a.75.75 0 0 1-1.06 0l-6.5-6.5c-3.207-3.206-3.373-7.188-1-9.56C5.05 3.888 6.355 3.125 7.874 3.125c1.349 0 2.726.602 4.125 1.844" })
48
+ );
49
+ }), L = ({
50
+ id: t,
51
+ type: n,
52
+ badge: r,
53
+ isCurrentEndUser: e = !1,
54
+ isDeleted: l = !1,
55
+ favourite: o = !1,
56
+ favouriteLabel: p,
57
+ onToggleFavourite: f,
58
+ contextMenu: a,
59
+ loading: s
60
+ }) => /* @__PURE__ */ u(v, { children: [
61
+ r && (r && !s && typeof r == "object" && "label" in r ? /* @__PURE__ */ c(O, { ...r }) : y(r) ? r : null),
62
+ !e && !l && n !== "group" && /* @__PURE__ */ c(
63
+ w,
64
+ {
65
+ rounded: !0,
66
+ variant: "text",
67
+ icon: o ? j : x,
68
+ iconAltText: p || "Toggle favourite",
69
+ onClick: () => f == null ? void 0 : f(t),
70
+ size: "xs"
71
+ }
72
+ ),
73
+ a && /* @__PURE__ */ c(b, { ...a })
74
+ ] });
75
+ export {
76
+ L as AccountListItemControls
77
+ };
@@ -0,0 +1,56 @@
1
+ "use client";
2
+ import { jsx as h } from "react/jsx-runtime";
3
+ import { useState as m } from "react";
4
+ import "../../index-L8X2o7IH.js";
5
+ import "../RootProvider/RootProvider.js";
6
+ import { Menu as L } from "../Menu/Menu.js";
7
+ import "../Searchbar/AutocompleteBase.js";
8
+ import "../Snackbar/useSnackbar.js";
9
+ const M = (n) => `${n} hits`, j = ({
10
+ items: n = [],
11
+ groups: i = {},
12
+ search: o,
13
+ onSelectAccount: r,
14
+ currentAccount: d,
15
+ menuItemsVirtual: g
16
+ }) => {
17
+ var s;
18
+ const a = n.map((t) => ({
19
+ ...t,
20
+ title: (t == null ? void 0 : t.title) || t.name,
21
+ groupId: t.groupId || "search",
22
+ selected: t.selected ?? (d == null ? void 0 : d.id) === t.id,
23
+ onClick: () => r == null ? void 0 : r(t.id)
24
+ })), [e, p] = m(""), l = e ? a.filter((t) => {
25
+ var u;
26
+ return (u = t == null ? void 0 : t.name) == null ? void 0 : u.toLowerCase().includes(e.toLowerCase());
27
+ }).map((t) => ({
28
+ ...t,
29
+ groupId: "search"
30
+ })) : a, f = e ? {
31
+ search: {
32
+ title: ((s = o == null ? void 0 : o.getResultsLabel) == null ? void 0 : s.call(o, l.length)) ?? M(l.length)
33
+ }
34
+ } : i, C = {
35
+ name: "account-search",
36
+ value: e,
37
+ placeholder: (o == null ? void 0 : o.placeholder) ?? "Find account",
38
+ onChange: (t) => p(t.target.value),
39
+ onClear: () => p("")
40
+ }, I = [
41
+ ...l.length > 0 ? l : [{ id: "search", groupId: "search", hidden: !0 }]
42
+ ];
43
+ return /* @__PURE__ */ h(
44
+ L,
45
+ {
46
+ theme: "default",
47
+ search: o && C,
48
+ groups: f,
49
+ items: I,
50
+ menuItemsVirtual: g
51
+ }
52
+ );
53
+ };
54
+ export {
55
+ j as AccountMenu
56
+ };
@@ -0,0 +1,8 @@
1
+ import { AccountMenu as c } from "./AccountMenu.js";
2
+ import { AccountListItem as e } from "./AccountListItem.js";
3
+ import { AccountList as n } from "./AccountList.js";
4
+ export {
5
+ n as AccountList,
6
+ e as AccountListItem,
7
+ c as AccountMenu
8
+ };
@@ -1,9 +1,19 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { c as r } from "../../index-L8X2o7IH.js";
3
- import '../../assets/Badge.css';const b = "_badge_zk07w_1", n = "_label_zk07w_17", e = {
3
+ import '../../assets/Badge.css';const b = "_badge_1w7dc_1", m = "_label_1w7dc_22", e = {
4
4
  badge: b,
5
- label: n
6
- }, g = ({ label: s, color: l, theme: t = "subtle", size: c = "sm", className: o, children: d }) => /* @__PURE__ */ a("span", { className: r(e.badge, o), "data-color": l, "data-theme": t, "data-size": c, children: /* @__PURE__ */ a("span", { className: e.label, children: s || d }) });
5
+ label: m
6
+ }, g = ({ label: t, color: s, variant: d = "tinted", theme: l, size: c = "sm", className: n, children: o }) => /* @__PURE__ */ a(
7
+ "span",
8
+ {
9
+ className: r(e.badge, n),
10
+ "data-color": s,
11
+ "data-variant": d,
12
+ "data-theme": l,
13
+ "data-size": c,
14
+ children: /* @__PURE__ */ a("span", { className: e.label, children: t || o })
15
+ }
16
+ );
7
17
  export {
8
18
  g as Badge
9
19
  };
@@ -1,55 +1,60 @@
1
- import { jsx as o, jsxs as h } from "react/jsx-runtime";
2
- import { c as d } from "../../index-L8X2o7IH.js";
3
- import { ButtonBase as e } from "./ButtonBase.js";
4
- import { ButtonIcon as x } from "./ButtonIcon.js";
5
- import { ButtonLabel as y } from "./ButtonLabel.js";
6
- import '../../assets/Button.css';const N = "_button_qyaf4_2", n = {
7
- button: N
8
- }, I = ({
9
- variant: a = "solid",
10
- color: r,
11
- size: t = "md",
12
- selected: s = !1,
13
- icon: l,
14
- href: m,
15
- label: i,
16
- children: b,
17
- className: u,
18
- loading: p,
19
- loadingText: f = "Loading ...",
20
- ariaLabel: B,
21
- ...c
22
- }) => p ? /* @__PURE__ */ o(
23
- e,
1
+ import { jsx as t, jsxs as j } from "react/jsx-runtime";
2
+ import { c as b } from "../../index-L8X2o7IH.js";
3
+ import "react";
4
+ import { ButtonBase as d } from "./ButtonBase.js";
5
+ import { ButtonLabel as B } from "./ButtonLabel.js";
6
+ import { ButtonIcon as q } from "./ButtonIcon.js";
7
+ import "../RootProvider/RootProvider.js";
8
+ import "../Searchbar/AutocompleteBase.js";
9
+ import "../Snackbar/useSnackbar.js";
10
+ import '../../assets/Button.css';const y = "_button_1qqtu_1", a = {
11
+ button: y
12
+ }, C = ({
13
+ variant: r = "solid",
14
+ color: n,
15
+ size: s,
16
+ selected: m = !1,
17
+ icon: u,
18
+ iconSize: x,
19
+ href: i,
20
+ label: p,
21
+ labelSize: o,
22
+ children: c,
23
+ className: e,
24
+ loading: _,
25
+ ariaLabel: h,
26
+ ...f
27
+ }) => _ ? /* @__PURE__ */ t(
28
+ d,
24
29
  {
25
- variant: a,
30
+ variant: r,
26
31
  "aria-busy": !0,
27
- color: r,
28
- size: t,
29
- selected: s,
30
- href: m,
31
- className: d(n.button, u),
32
- ...c,
32
+ color: n,
33
+ size: s,
34
+ selected: m,
35
+ href: i,
36
+ className: b(a.button, e),
37
+ ...f,
33
38
  disabled: !0,
34
- children: /* @__PURE__ */ o("span", { className: n.label, "data-size": t, children: /* @__PURE__ */ o("span", { className: n.loading, children: f }) })
39
+ children: /* @__PURE__ */ t(B, { size: o, children: c || p })
35
40
  }
36
- ) : /* @__PURE__ */ h(
37
- e,
41
+ ) : /* @__PURE__ */ j(
42
+ d,
38
43
  {
39
- variant: a,
40
- color: r,
41
- size: t,
42
- ariaLabel: B,
43
- selected: s,
44
- href: m,
45
- className: d(n.button, u),
46
- ...c,
44
+ variant: r,
45
+ color: n,
46
+ size: s,
47
+ ariaLabel: h,
48
+ selected: m,
49
+ href: i,
50
+ className: b(a.button, e),
51
+ ...f,
47
52
  children: [
48
- l && /* @__PURE__ */ o(x, { size: t, icon: l }),
49
- /* @__PURE__ */ o(y, { size: t, children: b || i })
53
+ u && /* @__PURE__ */ t(q, { icon: u, size: x || o }),
54
+ /* @__PURE__ */ t(B, { size: o, children: c || p })
50
55
  ]
51
56
  }
52
57
  );
53
58
  export {
54
- I as Button
59
+ C as Button
55
60
  };
@@ -1,33 +1,35 @@
1
- import { jsx as d } from "react/jsx-runtime";
2
- import { c as i } from "../../index-L8X2o7IH.js";
3
- import '../../assets/ButtonBase.css';const p = "_button_1c0tl_1", f = {
1
+ import { jsx as i } from "react/jsx-runtime";
2
+ import { c as f } from "../../index-L8X2o7IH.js";
3
+ import '../../assets/ButtonBase.css';const p = "_button_1q3ym_1", x = {
4
4
  button: p
5
5
  }, B = ({
6
6
  as: a,
7
7
  color: o,
8
8
  className: e,
9
9
  children: n,
10
- reverse: s,
11
10
  disabled: t = !1,
12
- ariaLabel: r,
13
- size: c,
14
- selected: l,
15
- variant: m,
11
+ ariaLabel: s,
12
+ size: r,
13
+ selected: c,
14
+ variant: d,
15
+ reverse: l = !1,
16
+ rounded: m = !1,
16
17
  tabIndex: u = 0,
17
18
  ...b
18
- }) => /* @__PURE__ */ d(
19
+ }) => /* @__PURE__ */ i(
19
20
  a || "button",
20
21
  {
21
22
  tabIndex: u,
22
- "data-size": c,
23
+ "data-size": r,
23
24
  "data-color": o,
24
- "data-variant": m,
25
- "data-reverse": s,
26
- "data-selected": l,
25
+ "data-variant": d,
26
+ "data-reverse": l,
27
+ "data-rounded": m,
28
+ "data-selected": c,
27
29
  "aria-disabled": t,
28
30
  disabled: t,
29
- className: i(f.button, e),
30
- "aria-label": r,
31
+ className: f(x.button, e),
32
+ "aria-label": s,
31
33
  ...b,
32
34
  children: n
33
35
  }
@@ -1,13 +1,19 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { c as i } from "../../index-L8X2o7IH.js";
3
- import { Icon as m } from "../Icon/Icon.js";
4
- import "react";
2
+ import { c as e } from "../../index-L8X2o7IH.js";
3
+ import { isValidElement as i } from "react";
4
+ import { isIconProps as n, Icon as s } from "../Icon/Icon.js";
5
+ import { isAvatarProps as c, Avatar as f } from "../Avatar/Avatar.js";
6
+ import { isAvatarGroupProps as l, AvatarGroup as u } from "../Avatar/AvatarGroup.js";
5
7
  import "../RootProvider/RootProvider.js";
6
8
  import "../Searchbar/AutocompleteBase.js";
7
9
  import "../Snackbar/useSnackbar.js";
8
- import '../../assets/ButtonIcon.css';const s = "_icon_n7bze_1", e = {
9
- icon: s
10
- }, u = ({ className: t, size: n, icon: r, iconAltText: c }) => /* @__PURE__ */ o("span", { className: i(e.icon, t), "data-size": n, children: /* @__PURE__ */ o(m, { svgElement: r, altText: c }) });
10
+ import '../../assets/ButtonIcon.css';const x = "_icon_1x26x_1", t = {
11
+ icon: x
12
+ };
13
+ function N(r) {
14
+ return typeof r == "string" || typeof r == "number" || typeof r == "boolean" || r === null || i(r);
15
+ }
16
+ const v = ({ icon: r, size: a, iconAltText: m, className: p }) => /* @__PURE__ */ o("span", { className: e(t.wrapper, p), "data-size": a, "aria-label": m, children: c(r) && /* @__PURE__ */ o(f, { ...r }) || l(r) && /* @__PURE__ */ o(u, { ...r, className: t.avatarGroup }) || n(r) && /* @__PURE__ */ o(s, { ...r, className: t.icon }) || N(r) && r || /* @__PURE__ */ o(s, { svgElement: r, className: t.icon }) });
11
17
  export {
12
- u as ButtonIcon
18
+ v as ButtonIcon
13
19
  };