@digdir/designsystemet-react 1.0.0-next.34 → 1.0.0-next.35

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 (285) hide show
  1. package/dist/cjs/components/Accordion/AccordionContent.js +1 -2
  2. package/dist/cjs/components/Accordion/AccordionHeading.js +4 -6
  3. package/dist/cjs/components/Accordion/AccordionItem.js +16 -52
  4. package/dist/cjs/components/Alert/Alert.js +1 -2
  5. package/dist/cjs/components/Avatar/Avatar.js +1 -7
  6. package/dist/cjs/components/Badge/Badge.js +1 -7
  7. package/dist/cjs/components/Breadcrumbs/Breadcrumbs.js +1 -2
  8. package/dist/cjs/components/Button/Button.js +4 -3
  9. package/dist/cjs/components/Card/Card.js +24 -6
  10. package/dist/cjs/components/Card/{CardMedia.js → CardBlock.js} +3 -4
  11. package/dist/cjs/components/Card/index.js +6 -17
  12. package/dist/cjs/components/Chip/Chips.js +50 -0
  13. package/dist/cjs/components/Chip/index.js +12 -11
  14. package/dist/cjs/components/Dropdown/DropdownHeading.js +2 -5
  15. package/dist/cjs/components/ErrorSummary/ErrorSummaryHeading.js +2 -2
  16. package/dist/cjs/components/{Typography/Heading → Heading}/Heading.js +2 -3
  17. package/dist/cjs/components/{Typography/Label → Label}/Label.js +2 -3
  18. package/dist/cjs/components/List/Lists.js +1 -2
  19. package/dist/cjs/components/Modal/Modal.js +45 -0
  20. package/dist/cjs/components/Modal/ModalBlock.js +14 -0
  21. package/dist/cjs/components/Modal/ModalContext.js +17 -0
  22. package/dist/cjs/components/Modal/ModalTrigger.js +4 -5
  23. package/dist/cjs/components/Modal/index.js +12 -22
  24. package/dist/cjs/components/Pagination/Pagination.js +9 -14
  25. package/dist/cjs/components/Pagination/PaginationButton.js +4 -4
  26. package/dist/cjs/components/Pagination/PaginationItem.js +1 -4
  27. package/dist/cjs/components/Pagination/PaginationList.js +2 -5
  28. package/dist/cjs/components/Pagination/index.js +5 -19
  29. package/dist/cjs/components/Pagination/usePagination.js +46 -51
  30. package/dist/cjs/components/{Typography/Paragraph → Paragraph}/Paragraph.js +2 -8
  31. package/dist/cjs/components/Popover/Popover.js +3 -4
  32. package/dist/cjs/components/SkipLink/SkipLink.js +4 -4
  33. package/dist/cjs/components/Table/Table.js +1 -2
  34. package/dist/cjs/components/Tabs/TabsPanel.js +1 -2
  35. package/dist/cjs/components/Tabs/TabsTab.js +1 -2
  36. package/dist/cjs/components/Tag/Tag.js +1 -2
  37. package/dist/cjs/components/Tooltip/Tooltip.js +5 -6
  38. package/dist/cjs/components/{Typography/ValidationMessage → ValidationMessage}/ValidationMessage.js +2 -2
  39. package/dist/cjs/components/form/CharacterCounter.js +1 -1
  40. package/dist/cjs/components/form/Checkbox/Checkbox.js +2 -2
  41. package/dist/cjs/components/form/Combobox/Combobox.js +1 -2
  42. package/dist/cjs/components/form/Combobox/Custom.js +1 -1
  43. package/dist/cjs/components/form/Combobox/Empty.js +1 -1
  44. package/dist/cjs/components/form/Combobox/Option/Option.js +1 -1
  45. package/dist/cjs/components/form/Combobox/internal/ComboboxChips.js +2 -2
  46. package/dist/cjs/components/form/Combobox/internal/ComboboxError.js +1 -1
  47. package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +2 -2
  48. package/dist/cjs/components/form/Combobox/internal/ComboboxLabel.js +2 -2
  49. package/dist/cjs/components/form/Fieldset/Fieldset.js +3 -3
  50. package/dist/cjs/components/form/Radio/Radio.js +2 -2
  51. package/dist/cjs/components/form/Search/Search.js +2 -2
  52. package/dist/cjs/components/form/Select/Select.js +3 -3
  53. package/dist/cjs/components/form/Switch/Switch.js +3 -3
  54. package/dist/cjs/components/form/Textarea/Textarea.js +3 -3
  55. package/dist/cjs/components/form/Textfield/Textfield.js +3 -3
  56. package/dist/cjs/components/loaders/Skeleton/Skeleton.js +4 -2
  57. package/dist/cjs/index.js +17 -39
  58. package/dist/esm/components/Accordion/AccordionContent.js +1 -2
  59. package/dist/esm/components/Accordion/AccordionHeading.js +4 -6
  60. package/dist/esm/components/Accordion/AccordionItem.js +17 -53
  61. package/dist/esm/components/Alert/Alert.js +1 -2
  62. package/dist/esm/components/Avatar/Avatar.js +1 -7
  63. package/dist/esm/components/Badge/Badge.js +1 -7
  64. package/dist/esm/components/Breadcrumbs/Breadcrumbs.js +1 -2
  65. package/dist/esm/components/Button/Button.js +5 -4
  66. package/dist/esm/components/Card/Card.js +25 -7
  67. package/dist/esm/components/Card/{CardMedia.js → CardBlock.js} +3 -4
  68. package/dist/esm/components/Card/index.js +6 -14
  69. package/dist/esm/components/Chip/Chips.js +45 -0
  70. package/dist/esm/components/Chip/index.js +9 -9
  71. package/dist/esm/components/Dropdown/DropdownHeading.js +3 -6
  72. package/dist/esm/components/ErrorSummary/ErrorSummaryHeading.js +2 -2
  73. package/dist/esm/components/{Typography/Heading → Heading}/Heading.js +2 -3
  74. package/dist/esm/components/Label/Label.js +18 -0
  75. package/dist/esm/components/List/Lists.js +1 -2
  76. package/dist/esm/components/Modal/Modal.js +43 -0
  77. package/dist/esm/components/Modal/ModalBlock.js +12 -0
  78. package/dist/esm/components/Modal/ModalContext.js +14 -0
  79. package/dist/esm/components/Modal/ModalTrigger.js +4 -5
  80. package/dist/esm/components/Modal/index.js +11 -18
  81. package/dist/esm/components/Pagination/Pagination.js +11 -17
  82. package/dist/esm/components/Pagination/PaginationButton.js +3 -3
  83. package/dist/esm/components/Pagination/PaginationItem.js +2 -5
  84. package/dist/esm/components/Pagination/PaginationList.js +3 -6
  85. package/dist/esm/components/Pagination/index.js +6 -16
  86. package/dist/esm/components/Pagination/usePagination.js +47 -52
  87. package/dist/esm/components/Paragraph/Paragraph.js +18 -0
  88. package/dist/esm/components/Popover/Popover.js +3 -4
  89. package/dist/esm/components/SkipLink/SkipLink.js +4 -4
  90. package/dist/esm/components/Table/Table.js +1 -2
  91. package/dist/esm/components/Tabs/TabsPanel.js +1 -2
  92. package/dist/esm/components/Tabs/TabsTab.js +1 -2
  93. package/dist/esm/components/Tag/Tag.js +1 -2
  94. package/dist/esm/components/Tooltip/Tooltip.js +5 -6
  95. package/dist/esm/components/{Typography/ValidationMessage → ValidationMessage}/ValidationMessage.js +2 -2
  96. package/dist/esm/components/form/CharacterCounter.js +1 -1
  97. package/dist/esm/components/form/Checkbox/Checkbox.js +2 -2
  98. package/dist/esm/components/form/Combobox/Combobox.js +2 -3
  99. package/dist/esm/components/form/Combobox/Custom.js +1 -1
  100. package/dist/esm/components/form/Combobox/Empty.js +1 -1
  101. package/dist/esm/components/form/Combobox/Option/Option.js +1 -1
  102. package/dist/esm/components/form/Combobox/internal/ComboboxChips.js +2 -2
  103. package/dist/esm/components/form/Combobox/internal/ComboboxError.js +1 -1
  104. package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +2 -2
  105. package/dist/esm/components/form/Combobox/internal/ComboboxLabel.js +2 -2
  106. package/dist/esm/components/form/Fieldset/Fieldset.js +3 -3
  107. package/dist/esm/components/form/Radio/Radio.js +2 -2
  108. package/dist/esm/components/form/Search/Search.js +2 -2
  109. package/dist/esm/components/form/Select/Select.js +3 -3
  110. package/dist/esm/components/form/Switch/Switch.js +3 -3
  111. package/dist/esm/components/form/Textarea/Textarea.js +3 -3
  112. package/dist/esm/components/form/Textfield/Textfield.js +3 -3
  113. package/dist/esm/components/loaders/Skeleton/Skeleton.js +4 -2
  114. package/dist/esm/index.js +8 -20
  115. package/dist/types/components/Accordion/AccordionContent.d.ts.map +1 -1
  116. package/dist/types/components/Accordion/AccordionHeading.d.ts +2 -2
  117. package/dist/types/components/Accordion/AccordionHeading.d.ts.map +1 -1
  118. package/dist/types/components/Accordion/AccordionItem.d.ts +8 -8
  119. package/dist/types/components/Accordion/AccordionItem.d.ts.map +1 -1
  120. package/dist/types/components/Alert/Alert.d.ts.map +1 -1
  121. package/dist/types/components/Avatar/Avatar.d.ts.map +1 -1
  122. package/dist/types/components/Badge/Badge.d.ts.map +1 -1
  123. package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
  124. package/dist/types/components/Button/Button.d.ts.map +1 -1
  125. package/dist/types/components/Card/Card.d.ts +5 -15
  126. package/dist/types/components/Card/Card.d.ts.map +1 -1
  127. package/dist/types/components/Card/{CardMedia.d.ts → CardBlock.d.ts} +3 -3
  128. package/dist/types/components/Card/{CardMedia.d.ts.map → CardBlock.d.ts.map} +1 -1
  129. package/dist/types/components/Card/index.d.ts +12 -16
  130. package/dist/types/components/Card/index.d.ts.map +1 -1
  131. package/dist/types/components/Chip/Chips.d.ts +45 -0
  132. package/dist/types/components/Chip/Chips.d.ts.map +1 -0
  133. package/dist/types/components/Chip/index.d.ts +20 -21
  134. package/dist/types/components/Chip/index.d.ts.map +1 -1
  135. package/dist/types/components/Dropdown/DropdownHeading.d.ts.map +1 -1
  136. package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts +1 -2
  137. package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts.map +1 -1
  138. package/dist/types/components/ErrorSummary/index.d.ts +0 -1
  139. package/dist/types/components/ErrorSummary/index.d.ts.map +1 -1
  140. package/dist/types/components/{Typography/Heading → Heading}/Heading.d.ts +0 -4
  141. package/dist/types/components/Heading/Heading.d.ts.map +1 -0
  142. package/dist/types/components/Heading/index.d.ts.map +1 -0
  143. package/dist/types/components/{Typography/Label → Label}/Label.d.ts +0 -4
  144. package/dist/types/components/Label/Label.d.ts.map +1 -0
  145. package/dist/types/components/Label/index.d.ts.map +1 -0
  146. package/dist/types/components/List/Lists.d.ts.map +1 -1
  147. package/dist/types/components/Modal/Modal.d.ts +38 -0
  148. package/dist/types/components/Modal/Modal.d.ts.map +1 -0
  149. package/dist/types/components/{Card/CardFooter.d.ts → Modal/ModalBlock.d.ts} +3 -3
  150. package/dist/types/components/Modal/ModalBlock.d.ts.map +1 -0
  151. package/dist/types/components/Modal/ModalContext.d.ts +10 -0
  152. package/dist/types/components/Modal/ModalContext.d.ts.map +1 -0
  153. package/dist/types/components/Modal/ModalTrigger.d.ts.map +1 -1
  154. package/dist/types/components/Modal/index.d.ts +31 -20
  155. package/dist/types/components/Modal/index.d.ts.map +1 -1
  156. package/dist/types/components/Pagination/Pagination.d.ts +23 -36
  157. package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
  158. package/dist/types/components/Pagination/PaginationButton.d.ts +4 -3
  159. package/dist/types/components/Pagination/PaginationButton.d.ts.map +1 -1
  160. package/dist/types/components/Pagination/PaginationItem.d.ts.map +1 -1
  161. package/dist/types/components/Pagination/PaginationList.d.ts +1 -1
  162. package/dist/types/components/Pagination/PaginationList.d.ts.map +1 -1
  163. package/dist/types/components/Pagination/index.d.ts +16 -17
  164. package/dist/types/components/Pagination/index.d.ts.map +1 -1
  165. package/dist/types/components/Pagination/usePagination.d.ts +41 -17
  166. package/dist/types/components/Pagination/usePagination.d.ts.map +1 -1
  167. package/dist/types/components/{Typography/Paragraph → Paragraph}/Paragraph.d.ts +2 -6
  168. package/dist/types/components/Paragraph/Paragraph.d.ts.map +1 -0
  169. package/dist/types/components/Paragraph/index.d.ts.map +1 -0
  170. package/dist/types/components/Popover/Popover.d.ts.map +1 -1
  171. package/dist/types/components/SkipLink/SkipLink.d.ts +7 -5
  172. package/dist/types/components/SkipLink/SkipLink.d.ts.map +1 -1
  173. package/dist/types/components/Table/Table.d.ts.map +1 -1
  174. package/dist/types/components/Tabs/TabsPanel.d.ts.map +1 -1
  175. package/dist/types/components/Tabs/TabsTab.d.ts.map +1 -1
  176. package/dist/types/components/Tag/Tag.d.ts +2 -5
  177. package/dist/types/components/Tag/Tag.d.ts.map +1 -1
  178. package/dist/types/components/Tooltip/Tooltip.d.ts.map +1 -1
  179. package/dist/types/components/{Typography/ValidationMessage → ValidationMessage}/ValidationMessage.d.ts +0 -4
  180. package/dist/types/components/ValidationMessage/ValidationMessage.d.ts.map +1 -0
  181. package/dist/types/components/ValidationMessage/index.d.ts.map +1 -0
  182. package/dist/types/components/form/Checkbox/Checkbox.d.ts.map +1 -1
  183. package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
  184. package/dist/types/components/form/Combobox/internal/ComboboxLabel.d.ts.map +1 -1
  185. package/dist/types/components/form/Fieldset/Fieldset.d.ts.map +1 -1
  186. package/dist/types/components/form/Radio/Radio.d.ts.map +1 -1
  187. package/dist/types/components/form/Search/Search.d.ts.map +1 -1
  188. package/dist/types/components/form/Select/Select.d.ts.map +1 -1
  189. package/dist/types/components/form/Switch/Switch.d.ts.map +1 -1
  190. package/dist/types/components/form/Textarea/Textarea.d.ts.map +1 -1
  191. package/dist/types/components/form/Textfield/Textfield.d.ts.map +1 -1
  192. package/dist/types/components/index.d.ts +4 -1
  193. package/dist/types/components/index.d.ts.map +1 -1
  194. package/dist/types/components/loaders/Skeleton/Skeleton.d.ts +8 -17
  195. package/dist/types/components/loaders/Skeleton/Skeleton.d.ts.map +1 -1
  196. package/package.json +3 -3
  197. package/dist/cjs/components/Card/CardContent.js +0 -16
  198. package/dist/cjs/components/Card/CardFooter.js +0 -16
  199. package/dist/cjs/components/Card/CardHeader.js +0 -16
  200. package/dist/cjs/components/Chip/Group/Group.js +0 -15
  201. package/dist/cjs/components/Chip/Removable/Removable.js +0 -17
  202. package/dist/cjs/components/Chip/Toggle/Toggle.js +0 -18
  203. package/dist/cjs/components/Modal/ModaContent.js +0 -15
  204. package/dist/cjs/components/Modal/ModalDialog.js +0 -73
  205. package/dist/cjs/components/Modal/ModalFooter.js +0 -15
  206. package/dist/cjs/components/Modal/ModalHeader.js +0 -20
  207. package/dist/cjs/components/Modal/ModalRoot.js +0 -31
  208. package/dist/cjs/components/Modal/useModalState.js +0 -30
  209. package/dist/cjs/components/Modal/useScrollLock.js +0 -29
  210. package/dist/cjs/components/Pagination/PaginationEllipsis.js +0 -15
  211. package/dist/cjs/components/Pagination/PaginationNextPrev.js +0 -16
  212. package/dist/cjs/components/Pagination/PaginationRoot.js +0 -18
  213. package/dist/cjs/components/Typography/Ingress/Ingress.js +0 -21
  214. package/dist/esm/components/Card/CardContent.js +0 -14
  215. package/dist/esm/components/Card/CardFooter.js +0 -14
  216. package/dist/esm/components/Card/CardHeader.js +0 -14
  217. package/dist/esm/components/Chip/Group/Group.js +0 -12
  218. package/dist/esm/components/Chip/Removable/Removable.js +0 -15
  219. package/dist/esm/components/Chip/Toggle/Toggle.js +0 -16
  220. package/dist/esm/components/Modal/ModaContent.js +0 -13
  221. package/dist/esm/components/Modal/ModalDialog.js +0 -71
  222. package/dist/esm/components/Modal/ModalFooter.js +0 -13
  223. package/dist/esm/components/Modal/ModalHeader.js +0 -18
  224. package/dist/esm/components/Modal/ModalRoot.js +0 -28
  225. package/dist/esm/components/Modal/useModalState.js +0 -28
  226. package/dist/esm/components/Modal/useScrollLock.js +0 -27
  227. package/dist/esm/components/Pagination/PaginationEllipsis.js +0 -13
  228. package/dist/esm/components/Pagination/PaginationNextPrev.js +0 -13
  229. package/dist/esm/components/Pagination/PaginationRoot.js +0 -15
  230. package/dist/esm/components/Typography/Ingress/Ingress.js +0 -19
  231. package/dist/esm/components/Typography/Label/Label.js +0 -19
  232. package/dist/esm/components/Typography/Paragraph/Paragraph.js +0 -24
  233. package/dist/types/components/Card/CardContent.d.ts +0 -16
  234. package/dist/types/components/Card/CardContent.d.ts.map +0 -1
  235. package/dist/types/components/Card/CardFooter.d.ts.map +0 -1
  236. package/dist/types/components/Card/CardHeader.d.ts +0 -16
  237. package/dist/types/components/Card/CardHeader.d.ts.map +0 -1
  238. package/dist/types/components/Chip/Group/Group.d.ts +0 -20
  239. package/dist/types/components/Chip/Group/Group.d.ts.map +0 -1
  240. package/dist/types/components/Chip/Removable/Removable.d.ts +0 -17
  241. package/dist/types/components/Chip/Removable/Removable.d.ts.map +0 -1
  242. package/dist/types/components/Chip/Toggle/Toggle.d.ts +0 -33
  243. package/dist/types/components/Chip/Toggle/Toggle.d.ts.map +0 -1
  244. package/dist/types/components/Modal/ModaContent.d.ts +0 -16
  245. package/dist/types/components/Modal/ModaContent.d.ts.map +0 -1
  246. package/dist/types/components/Modal/ModalDialog.d.ts +0 -38
  247. package/dist/types/components/Modal/ModalDialog.d.ts.map +0 -1
  248. package/dist/types/components/Modal/ModalFooter.d.ts +0 -16
  249. package/dist/types/components/Modal/ModalFooter.d.ts.map +0 -1
  250. package/dist/types/components/Modal/ModalHeader.d.ts +0 -44
  251. package/dist/types/components/Modal/ModalHeader.d.ts.map +0 -1
  252. package/dist/types/components/Modal/ModalRoot.d.ts +0 -17
  253. package/dist/types/components/Modal/ModalRoot.d.ts.map +0 -1
  254. package/dist/types/components/Modal/useModalState.d.ts +0 -2
  255. package/dist/types/components/Modal/useModalState.d.ts.map +0 -1
  256. package/dist/types/components/Modal/useScrollLock.d.ts +0 -2
  257. package/dist/types/components/Modal/useScrollLock.d.ts.map +0 -1
  258. package/dist/types/components/Pagination/PaginationEllipsis.d.ts +0 -4
  259. package/dist/types/components/Pagination/PaginationEllipsis.d.ts.map +0 -1
  260. package/dist/types/components/Pagination/PaginationNextPrev.d.ts +0 -10
  261. package/dist/types/components/Pagination/PaginationNextPrev.d.ts.map +0 -1
  262. package/dist/types/components/Pagination/PaginationRoot.d.ts +0 -53
  263. package/dist/types/components/Pagination/PaginationRoot.d.ts.map +0 -1
  264. package/dist/types/components/Typography/Heading/Heading.d.ts.map +0 -1
  265. package/dist/types/components/Typography/Heading/index.d.ts.map +0 -1
  266. package/dist/types/components/Typography/Ingress/Ingress.d.ts +0 -34
  267. package/dist/types/components/Typography/Ingress/Ingress.d.ts.map +0 -1
  268. package/dist/types/components/Typography/Ingress/index.d.ts +0 -2
  269. package/dist/types/components/Typography/Ingress/index.d.ts.map +0 -1
  270. package/dist/types/components/Typography/Label/Label.d.ts.map +0 -1
  271. package/dist/types/components/Typography/Label/index.d.ts.map +0 -1
  272. package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +0 -1
  273. package/dist/types/components/Typography/Paragraph/index.d.ts.map +0 -1
  274. package/dist/types/components/Typography/ValidationMessage/ValidationMessage.d.ts.map +0 -1
  275. package/dist/types/components/Typography/ValidationMessage/index.d.ts.map +0 -1
  276. package/dist/types/components/Typography/index.d.ts +0 -6
  277. package/dist/types/components/Typography/index.d.ts.map +0 -1
  278. package/dist/types/utilities/AnimateHeight/AnimateHeight.d.ts +0 -9
  279. package/dist/types/utilities/AnimateHeight/AnimateHeight.d.ts.map +0 -1
  280. package/dist/types/utilities/AnimateHeight/index.d.ts +0 -3
  281. package/dist/types/utilities/AnimateHeight/index.d.ts.map +0 -1
  282. /package/dist/types/components/{Typography/Heading → Heading}/index.d.ts +0 -0
  283. /package/dist/types/components/{Typography/Label → Label}/index.d.ts +0 -0
  284. /package/dist/types/components/{Typography/Paragraph → Paragraph}/index.d.ts +0 -0
  285. /package/dist/types/components/{Typography/ValidationMessage → ValidationMessage}/index.d.ts +0 -0
@@ -3,7 +3,7 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
4
4
  import { useVirtualizer } from '@tanstack/react-virtual';
5
5
  import cl from 'clsx/lite';
6
- import { forwardRef, useRef, useId, useState, useEffect } from 'react';
6
+ import { forwardRef, useRef, useState, useEffect } from 'react';
7
7
  import { useFormField } from '../useFormField.js';
8
8
  import { ComboboxContext } from './ComboboxContext.js';
9
9
  import { ComboboxIdProvider } from './ComboboxIdContext.js';
@@ -24,7 +24,6 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
24
24
  const inputRef = useRef(null);
25
25
  const portalRef = useRef(null);
26
26
  const listRef = useRef([]);
27
- const listId = useId();
28
27
  const [inputValue, setInputValue] = useState(rest.inputValue || '');
29
28
  useEffect(() => {
30
29
  if (typeof rest.inputValue === 'string') {
@@ -177,7 +176,7 @@ const ComboboxComponent = forwardRef(({ value, initialValue = [], onValueChange,
177
176
  setListRef: (index, node) => {
178
177
  listRef.current[index] = node;
179
178
  },
180
- }, children: [jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsx(ComboboxInput, { ...omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: listId, error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsx(FloatingPortal, { root: portal ? null : portalRef, children: jsx(FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxs("div", { id: listId, "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
179
+ }, children: [jsxs("div", { className: cl('ds-combobox', `ds-combobox--${size}`, disabled && 'ds-combobox__disabled', className), style: style, ref: portalRef, children: [name && (jsx(ComboboxNative, { name: name, selectedOptions: selectedOptions, multiple: multiple })), jsx(ComboboxLabel, { label: label, description: description, size: size, readOnly: readOnly, hideLabel: hideLabel, formFieldProps: formFieldProps }), jsx(ComboboxInput, { ...omit(['inputValue'], rest), hideClearButton: hideClearButton, listId: context.floatingId, error: error, hideChips: hideChips, handleKeyDown: handleKeyDown, "aria-busy": loading }), jsx(ComboboxError, { size: size, error: error, formFieldProps: formFieldProps })] }), open && (jsx(FloatingPortal, { root: portal ? null : portalRef, children: jsx(FloatingFocusManager, { context: context, initialFocus: -1, visuallyHiddenDismiss: true, children: jsxs("div", { "aria-labelledby": formFieldProps.inputProps.id, "aria-autocomplete": 'list', tabIndex: -1, ...getFloatingProps({
181
180
  ref: refs.setFloating,
182
181
  style: {
183
182
  ...floatingStyles,
@@ -6,7 +6,7 @@ import cl from 'clsx/lite';
6
6
  import { forwardRef, useId, useContext, useMemo } from 'react';
7
7
  import { ComboboxContext } from './ComboboxContext.js';
8
8
  import { useComboboxId } from './ComboboxIdContext.js';
9
- import { Label } from '../../Typography/Label/Label.js';
9
+ import { Label } from '../../Label/Label.js';
10
10
  import { omit } from '../../../utilities/omit/omit.js';
11
11
 
12
12
  const ComboboxCustom = forwardRef(({ asChild, interactive, id, className, ...rest }, ref) => {
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
3
3
  import cl from 'clsx/lite';
4
4
  import { forwardRef, useContext } from 'react';
5
5
  import { ComboboxContext } from './ComboboxContext.js';
6
- import { Label } from '../../Typography/Label/Label.js';
6
+ import { Label } from '../../Label/Label.js';
7
7
 
8
8
  const ComboboxEmpty = forwardRef(({ children, className, ...rest }, ref) => {
9
9
  const context = useContext(ComboboxContext);
@@ -7,7 +7,7 @@ import { ComboboxContext } from '../ComboboxContext.js';
7
7
  import ComboboxOptionDescription from './Description.js';
8
8
  import { SelectedIcon } from './SelectedIcon.js';
9
9
  import { useComboboxOption } from './useComboboxOption.js';
10
- import { Label } from '../../../Typography/Label/Label.js';
10
+ import { Label } from '../../../Label/Label.js';
11
11
 
12
12
  const ComboboxOption = memo(forwardRef(({ value, description, children, className, ...rest }, forwardedRef) => {
13
13
  const labelId = useId();
@@ -3,7 +3,7 @@ import { jsx, Fragment } from 'react/jsx-runtime';
3
3
  import { useContext } from 'react';
4
4
  import '../../../Chip/index.js';
5
5
  import { ComboboxContext } from '../ComboboxContext.js';
6
- import { RemovableChip } from '../../../Chip/Removable/Removable.js';
6
+ import { ChipRemovable } from '../../../Chip/Chips.js';
7
7
 
8
8
  const ComboboxChips = () => {
9
9
  const context = useContext(ComboboxContext);
@@ -12,7 +12,7 @@ const ComboboxChips = () => {
12
12
  }
13
13
  const { size, readOnly, disabled, selectedOptions, chipSrLabel, handleSelectOption, inputRef, } = context;
14
14
  return (jsx(Fragment, { children: Object.keys(selectedOptions).map((value) => {
15
- return (jsx(RemovableChip, { size: size, disabled: disabled, onKeyDown: (e) => {
15
+ return (jsx(ChipRemovable, { size: size, disabled: disabled, onKeyDown: (e) => {
16
16
  if (readOnly)
17
17
  return;
18
18
  if (disabled)
@@ -1,6 +1,6 @@
1
1
  'use client';
2
2
  import { jsx } from 'react/jsx-runtime';
3
- import { ValidationMessage } from '../../../Typography/ValidationMessage/ValidationMessage.js';
3
+ import { ValidationMessage } from '../../../ValidationMessage/ValidationMessage.js';
4
4
 
5
5
  const ComboboxError = ({ size, error, formFieldProps }) => {
6
6
  return (jsx("div", { className: 'ds-combobox__error-message', id: formFieldProps.errorId, "aria-live": 'polite', "aria-relevant": 'additions removals', children: error && jsx(ValidationMessage, { size: size, children: error }) }));
@@ -9,7 +9,7 @@ import { useComboboxIdDispatch } from '../ComboboxIdContext.js';
9
9
  import { prefix } from '../utilities.js';
10
10
  import ComboboxChips from './ComboboxChips.js';
11
11
  import ComboboxClearButton from './ComboboxClearButton.js';
12
- import { Paragraph } from '../../../Typography/Paragraph/Paragraph.js';
12
+ import { Paragraph } from '../../../Paragraph/Paragraph.js';
13
13
  import { omit } from '../../../../utilities/omit/omit.js';
14
14
 
15
15
  const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDown, ...rest }) => {
@@ -68,7 +68,7 @@ const ComboboxInput = ({ hideClearButton, listId, error, hideChips, handleKeyDow
68
68
  }
69
69
  },
70
70
  });
71
- return (jsx(Paragraph, { size: size, asChild: true, children: jsxs("div", { ...props, "aria-disabled": disabled ? 'true' : undefined, className: cl('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx(Paragraph, { size: size, asChild: true, children: jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": listId, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
71
+ return (jsx(Paragraph, { size: size, asChild: true, children: jsxs("div", { ...props, "aria-disabled": disabled ? 'true' : undefined, className: cl('ds-textfield__input', 'ds-combobox__input__wrapper', readOnly && 'ds-combobox--readonly', error && 'ds-combobox--error'), children: [jsxs("div", { className: 'ds-combobox__chip-and-input', children: [multiple && !hideChips && jsx(ComboboxChips, {}), jsx(Paragraph, { size: size, asChild: true, children: jsx("input", { ref: mergedRefs, "aria-activedescendant": props['aria-activedescendant'], readOnly: readOnly, "aria-autocomplete": 'list', role: 'combobox', "aria-expanded": open, "aria-controls": open ? listId : undefined, autoComplete: 'off', size: htmlSize, value: inputValue, ...omit(['style', 'className'], rest), ...formFieldProps.inputProps, className: 'ds-combobox__input', onChange: (e) => {
72
72
  onChange(e);
73
73
  !open && setOpen(true);
74
74
  rest.onChange?.(e);
@@ -2,8 +2,8 @@
2
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
3
  import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
4
4
  import cl from 'clsx/lite';
5
- import { Label } from '../../../Typography/Label/Label.js';
6
- import { Paragraph } from '../../../Typography/Paragraph/Paragraph.js';
5
+ import { Label } from '../../../Label/Label.js';
6
+ import { Paragraph } from '../../../Paragraph/Paragraph.js';
7
7
 
8
8
  const ComboboxLabel = ({ label, description, hideLabel, size, readOnly, formFieldProps, }) => {
9
9
  return (jsxs(Fragment, { children: [label && (jsxs(Label, { size: size, htmlFor: formFieldProps.inputProps.id, className: cl('ds-combobox__label', hideLabel && `ds-sr-only`), children: [readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: 'ds-combobox__readonly__icon' })), label] })), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: formFieldProps.descriptionId, className: cl('ds-combobox__description', hideLabel && `ds-sr-only`), children: description }) }))] }));
@@ -4,9 +4,9 @@ import cl from 'clsx/lite';
4
4
  import { forwardRef, useContext } from 'react';
5
5
  import { useFormField } from '../useFormField.js';
6
6
  import { FieldsetContext } from './FieldsetContext.js';
7
- import { Label } from '../../Typography/Label/Label.js';
8
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
9
- import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
7
+ import { Label } from '../../Label/Label.js';
8
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
9
+ import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
10
10
 
11
11
  const Fieldset = forwardRef(function Fieldset(props, ref) {
12
12
  const { children, legend, description, error, hideLegend, className, ...rest } = props;
@@ -3,9 +3,9 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
3
  import cl from 'clsx/lite';
4
4
  import { forwardRef } from 'react';
5
5
  import { useRadio } from './useRadio.js';
6
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
6
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
7
7
  import { omit } from '../../../utilities/omit/omit.js';
8
- import { Label } from '../../Typography/Label/Label.js';
8
+ import { Label } from '../../Label/Label.js';
9
9
 
10
10
  const Radio = forwardRef((props, ref) => {
11
11
  const { children, description, className, style, ...rest } = props;
@@ -6,8 +6,8 @@ import cl from 'clsx/lite';
6
6
  import { forwardRef, useRef, useState, useCallback } from 'react';
7
7
  import { Button } from '../../Button/Button.js';
8
8
  import { useSearch } from './useSearch.js';
9
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
10
- import { Label } from '../../Typography/Label/Label.js';
9
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
10
+ import { Label } from '../../Label/Label.js';
11
11
  import { omit } from '../../../utilities/omit/omit.js';
12
12
 
13
13
  /** Search field
@@ -4,10 +4,10 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
4
4
  import cl from 'clsx/lite';
5
5
  import { forwardRef } from 'react';
6
6
  import { useSelect } from './useSelect.js';
7
- import { Label } from '../../Typography/Label/Label.js';
7
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
8
+ import { Label } from '../../Label/Label.js';
8
9
  import { omit } from '../../../utilities/omit/omit.js';
9
- import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
10
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
10
+ import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
11
11
 
12
12
  const Select = forwardRef(function Select(props, ref) {
13
13
  const { children, disabled = false, label, description, hideLabel = false, error, className, htmlSize = 0, ...rest } = props;
@@ -4,14 +4,14 @@ import { PadlockLockedFillIcon } from '@navikt/aksel-icons';
4
4
  import cl from 'clsx/lite';
5
5
  import { forwardRef } from 'react';
6
6
  import { useSwitch } from './useSwitch.js';
7
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
7
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
8
8
  import { omit } from '../../../utilities/omit/omit.js';
9
- import { Label } from '../../Typography/Label/Label.js';
9
+ import { Label } from '../../Label/Label.js';
10
10
 
11
11
  const Switch = forwardRef((props, ref) => {
12
12
  const { children, description, position = 'left', className, ...rest } = props;
13
13
  const { inputProps, descriptionId, size = 'md', readOnly, } = useSwitch(props);
14
- return (jsx(Paragraph, { asChild: true, size: size, children: jsxs("div", { className: cl(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: cl(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
14
+ return (jsx(Paragraph, { asChild: true, size: size, ...(inputProps.disabled && { 'aria-disabled': true }), children: jsxs("div", { className: cl(`ds-switch`, `ds-switch--${size}`, inputProps.disabled && `ds-switch--disabled`, readOnly && `ds-switch--readonly`, className), children: [jsx("input", { className: `ds-switch__input`, disabled: inputProps.disabled, ref: ref, ...omit(['size', 'error'], rest), ...inputProps }), jsxs(Label, { className: cl(`ds-switch__label`, position === 'right' && `ds-switch__label--right`), htmlFor: inputProps.id, size: size, weight: 'regular', children: [jsx("span", { className: `ds-switch__track`, children: jsx("span", { className: `ds-switch__thumb` }) }), readOnly && (jsx(PadlockLockedFillIcon, { "aria-hidden": true, className: `ds-switch__readonly__icon` })), children && jsx("span", { children: children })] }), description && (jsx(Paragraph, { asChild: true, size: size, children: jsx("div", { id: descriptionId, className: `ds-switch__description`, children: description }) }))] }) }));
15
15
  });
16
16
  Switch.displayName = 'Switch';
17
17
 
@@ -5,10 +5,10 @@ import cl from 'clsx/lite';
5
5
  import { forwardRef, useState } from 'react';
6
6
  import { CharacterCounter } from '../CharacterCounter.js';
7
7
  import { useTextarea } from './useTextarea.js';
8
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
9
- import { Label } from '../../Typography/Label/Label.js';
8
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
9
+ import { Label } from '../../Label/Label.js';
10
10
  import { omit } from '../../../utilities/omit/omit.js';
11
- import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
11
+ import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
12
12
 
13
13
  /** Textarea field
14
14
  *
@@ -5,10 +5,10 @@ import cl from 'clsx/lite';
5
5
  import { forwardRef, useState, useId } from 'react';
6
6
  import { CharacterCounter } from '../CharacterCounter.js';
7
7
  import { useTextfield } from './useTextfield.js';
8
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
9
- import { Label } from '../../Typography/Label/Label.js';
8
+ import { Paragraph } from '../../Paragraph/Paragraph.js';
9
+ import { Label } from '../../Label/Label.js';
10
10
  import { omit } from '../../../utilities/omit/omit.js';
11
- import { ValidationMessage } from '../../Typography/ValidationMessage/ValidationMessage.js';
11
+ import { ValidationMessage } from '../../ValidationMessage/ValidationMessage.js';
12
12
 
13
13
  /** Text input field
14
14
  *
@@ -6,11 +6,13 @@ import cl from 'clsx/lite';
6
6
  import { forwardRef } from 'react';
7
7
  import { useSynchronizedAnimation } from '../../../utilities/hooks/useSynchronizedAnimation/useSynchronizedAnimation.js';
8
8
 
9
- const Skeleton = forwardRef(function Skeleton({ asChild, className, height, style, variant = 'rectangle', width, ...rest }, ref) {
9
+ const Skeleton = forwardRef(function Skeleton({ asChild, className, children, height, style, variant = 'rectangle', width, ...rest }, ref) {
10
10
  const Component = asChild ? Slot : 'span';
11
+ const isText = variant === 'text';
12
+ const childrenText = isText && '-'.repeat(Number(width) || 1); // s followed by a ­ makes the most average character length
11
13
  const animationRef = useSynchronizedAnimation('ds-skeleton-opacity-fade');
12
14
  const mergedRefs = useMergeRefs([animationRef, ref]);
13
- return (jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-variant": variant, ref: mergedRefs, style: { width, height, ...style }, ...rest }));
15
+ return (jsx(Component, { "aria-hidden": 'true', className: cl('ds-skeleton', className), "data-variant": variant, ref: mergedRefs, style: isText ? style : { width, height, ...style }, ...rest, children: children || childrenText }));
14
16
  });
15
17
 
16
18
  export { Skeleton };
package/dist/esm/index.js CHANGED
@@ -19,11 +19,10 @@ export { Link } from './components/Link/Link.js';
19
19
  export { List } from './components/List/index.js';
20
20
  export { ListOrdered, ListUnordered } from './components/List/Lists.js';
21
21
  export { ListItem } from './components/List/ListItem.js';
22
- export { Paragraph } from './components/Typography/Paragraph/Paragraph.js';
23
- export { Heading } from './components/Typography/Heading/Heading.js';
24
- export { Ingress } from './components/Typography/Ingress/Ingress.js';
25
- export { Label } from './components/Typography/Label/Label.js';
26
- export { ValidationMessage } from './components/Typography/ValidationMessage/ValidationMessage.js';
22
+ export { Label } from './components/Label/Label.js';
23
+ export { Heading } from './components/Heading/Heading.js';
24
+ export { Paragraph } from './components/Paragraph/Paragraph.js';
25
+ export { ValidationMessage } from './components/ValidationMessage/ValidationMessage.js';
27
26
  export { Accordion } from './components/Accordion/index.js';
28
27
  export { AccordionItem } from './components/Accordion/AccordionItem.js';
29
28
  export { AccordionContent } from './components/Accordion/AccordionContent.js';
@@ -34,17 +33,12 @@ export { SelectOptgroup } from './components/form/Select/SelectOptgroup.js';
34
33
  export { Alert } from './components/Alert/Alert.js';
35
34
  export { Tag } from './components/Tag/Tag.js';
36
35
  export { Chip } from './components/Chip/index.js';
37
- export { Group as ChipGroup } from './components/Chip/Group/Group.js';
38
- export { RemovableChip as ChipRemovable } from './components/Chip/Removable/Removable.js';
39
- export { ToggleChip as ChipToggle } from './components/Chip/Toggle/Toggle.js';
36
+ export { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './components/Chip/Chips.js';
40
37
  export { usePagination } from './components/Pagination/usePagination.js';
41
38
  export { Pagination } from './components/Pagination/index.js';
42
- export { PaginationRoot } from './components/Pagination/PaginationRoot.js';
43
39
  export { PaginationList } from './components/Pagination/PaginationList.js';
44
40
  export { PaginationItem } from './components/Pagination/PaginationItem.js';
45
41
  export { PaginationButton } from './components/Pagination/PaginationButton.js';
46
- export { PaginationEllipsis } from './components/Pagination/PaginationEllipsis.js';
47
- export { PaginationNext, PaginationPrevious } from './components/Pagination/PaginationNextPrev.js';
48
42
  export { SkipLink } from './components/SkipLink/SkipLink.js';
49
43
  export { Tooltip } from './components/Tooltip/Tooltip.js';
50
44
  export { Checkbox } from './components/form/Checkbox/index.js';
@@ -66,12 +60,9 @@ export { PopoverContext } from './components/Popover/PopoverContext.js';
66
60
  export { PopoverTrigger } from './components/Popover/PopoverTrigger.js';
67
61
  export { Divider } from './components/Divider/Divider.js';
68
62
  export { Modal } from './components/Modal/index.js';
69
- export { ModalRoot } from './components/Modal/ModalRoot.js';
70
- export { ModalContent } from './components/Modal/ModaContent.js';
71
- export { ModalFooter } from './components/Modal/ModalFooter.js';
72
- export { ModalHeader } from './components/Modal/ModalHeader.js';
63
+ export { ModalBlock } from './components/Modal/ModalBlock.js';
64
+ export { ModalContext } from './components/Modal/ModalContext.js';
73
65
  export { ModalTrigger } from './components/Modal/ModalTrigger.js';
74
- export { ModalDialog } from './components/Modal/ModalDialog.js';
75
66
  export { Dropdown } from './components/Dropdown/index.js';
76
67
  export { DropdownContext } from './components/Dropdown/DropdownContext.js';
77
68
  export { DropdownList } from './components/Dropdown/DropdownList.js';
@@ -80,10 +71,7 @@ export { DropdownItem } from './components/Dropdown/DropdownItem.js';
80
71
  export { DropdownTrigger } from './components/Dropdown/DropdownTrigger.js';
81
72
  export { Search } from './components/form/Search/Search.js';
82
73
  export { Card } from './components/Card/index.js';
83
- export { CardHeader } from './components/Card/CardHeader.js';
84
- export { CardContent } from './components/Card/CardContent.js';
85
- export { CardFooter } from './components/Card/CardFooter.js';
86
- export { CardMedia } from './components/Card/CardMedia.js';
74
+ export { CardBlock } from './components/Card/CardBlock.js';
87
75
  export { Combobox } from './components/form/Combobox/index.js';
88
76
  export { ComboboxOption } from './components/form/Combobox/Option/Option.js';
89
77
  export { ComboboxEmpty } from './components/form/Combobox/Empty.js';
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8FAS3B,CAAC"}
1
+ {"version":3,"file":"AccordionContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}
@@ -4,9 +4,9 @@ export type AccordionHeadingProps = {
4
4
  children: ReactNode;
5
5
  } & HTMLAttributes<HTMLElement>;
6
6
  /**
7
- * Accordion header component, contains a button to toggle the content.
7
+ * Accordion heading component, contains a button to toggle the content.
8
8
  * @example
9
- * <AccordionHeader>Header</AccordionHeader>
9
+ * <AccordionHeading>Heading</AccordionHeading>
10
10
  */
11
11
  export declare const AccordionHeading: React.ForwardRefExoticComponent<{
12
12
  /** Heading text */
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAT3B,mBAAmB;cACT,SAAS;mEAuBpB,CAAC"}
1
+ {"version":3,"file":"AccordionHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionHeading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,qBAAqB,GAAG;IAClC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;IAT3B,mBAAmB;cACT,SAAS;mEAapB,CAAC"}
@@ -14,22 +14,22 @@ export type AccordionItemProps = {
14
14
  * @default false
15
15
  */
16
16
  defaultOpen?: boolean;
17
- /** Callback function when AccordionItem wants to open due to a find in page-search */
18
- onFound?: () => void;
19
- /** Content should be one `<Accordion.Header>` and `<Accordion.Content>` */
17
+ /** Callback function when AccordionItem toggles due to click on summary or find in page-search */
18
+ onToggle?: (event: Event) => void;
19
+ /** Content should be one `<Accordion.Heading>` and `<Accordion.Content>` */
20
20
  children?: ReactNode;
21
- } & HTMLAttributes<HTMLDetailsElement> & ({
21
+ } & Omit<HTMLAttributes<HTMLDetailsElement>, 'onToggle'> & ({
22
22
  open: boolean;
23
- onFound: () => void;
23
+ onToggle: (event: Event) => void;
24
24
  } | {
25
25
  open?: never;
26
- onFound?: () => void;
26
+ onToggle?: (event: Event) => void;
27
27
  });
28
28
  /**
29
- * Accordion item component, contains `Accordion.Header` and `Accordion.Content` components.
29
+ * Accordion item component, contains `Accordion.Heading` and `Accordion.Content` components.
30
30
  * @example
31
31
  * <AccordionItem>
32
- * <AccordionHeader>Header</AccordionHeader>
32
+ * <AccordionHeading>Header</AccordionHeading>
33
33
  * <AccordionContent>Content</AccordionContent>
34
34
  * </AccordionItem>
35
35
  */
@@ -1 +1 @@
1
- {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sFAAsF;IACtF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,kBAAkB,CAAC,GACpC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,GACtC;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,CACzC,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAkDzB,CAAC"}
1
+ {"version":3,"file":"AccordionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Accordion/AccordionItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kGAAkG;IAClG,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAAE,UAAU,CAAC,GACtD,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,+FAmCzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;YACK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IACjD;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;yEAuBzB,CAAC"}
1
+ {"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAClD;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;GAIG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;YACK,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ;IACjD;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;yEAqBzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,CAAC;AASxD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;IArDjB;;OAEG;kBACW,MAAM;IACpB;;;;OAIG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAChC;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;;;OAIG;eACQ,SAAS;+FAwDpB,CAAC"}
1
+ {"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM;IA9CjB;;OAEG;kBACW,MAAM;IACpB;;;;OAIG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAChC;;;;OAIG;cACO,QAAQ,GAAG,QAAQ;IAC7B;;;;OAIG;eACQ,SAAS;+FAiDpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAGxE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAUpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IA7DhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EAuDpB,CAAC"}
1
+ {"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzE;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;IACtE;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,WAAW,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,KAAK;IArDhB;;;;OAIG;YACK,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS;IACxE;;;;OAIG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;YACK,MAAM;IACd;;OAEG;eACQ,MAAM;IACjB;;;;OAIG;gBACS,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa;IACrE;;;;OAIG;cACO,QAAQ,GAAG,WAAW;IAChC;;OAEG;eACQ,SAAS;2EA6CpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAGxD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,WAAW;IAZtB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;mEAkB1B,CAAC"}
1
+ {"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,WAAW;IAZtB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;mEAgB1B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAvCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;mGAyDvD,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IACxC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;CACxD,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,MAAM;IAvCjB;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;YACK,QAAQ,GAAG,SAAS,GAAG,QAAQ;IACvC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;WACI,OAAO;IACd;;OAEG;cACO,OAAO;IACjB;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;mGAkDvD,CAAC"}
@@ -10,21 +10,16 @@ export type CardProps = {
10
10
  * @default false
11
11
  */
12
12
  asChild?: boolean;
13
- /**
14
- * Changes styling if card is used as a link
15
- * @default false
16
- */
17
- isLink?: boolean;
18
- /** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
13
+ /** Instances of `Card.Block`, `Divider` or other React nodes */
19
14
  children: ReactNode;
20
15
  } & HTMLAttributes<HTMLDivElement>;
21
16
  /**
22
17
  * Card component to present content in a structured way.
23
18
  * @example
24
19
  * <Card>
25
- * <Card.Header>Header</Card.Header>
26
- * <Card.Content>Content</Card.Content>
27
- * <Card.Footer>Footer</Card.Footer>
20
+ * <Card.Block>Header</Card.Block>
21
+ * <Card.Block>Content</Card.Block>
22
+ * <Card.Block>Footer</Card.Block>
28
23
  * </Card>
29
24
  */
30
25
  export declare const Card: React.ForwardRefExoticComponent<{
@@ -38,12 +33,7 @@ export declare const Card: React.ForwardRefExoticComponent<{
38
33
  * @default false
39
34
  */
40
35
  asChild?: boolean;
41
- /**
42
- * Changes styling if card is used as a link
43
- * @default false
44
- */
45
- isLink?: boolean;
46
- /** Instances of `Card.Header`, `Card.Content`, `Card.Footer` or other React nodes like `Divider` */
36
+ /** Instances of `Card.Block`, `Divider` or other React nodes */
47
37
  children: ReactNode;
48
38
  } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
49
39
  //# sourceMappingURL=Card.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oGAAoG;IACpG,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;IA5Bf;;;OAGG;YACK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;OAGG;cACO,OAAO;IACjB;;;OAGG;aACM,OAAO;IAChB,oGAAoG;cAC1F,SAAS;yEA4BpB,CAAC"}
1
+ {"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,SAAS,GAAG;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9D;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;GAQG;AACH,eAAO,MAAM,IAAI;IAvBf;;;OAGG;YACK,SAAS,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAC7D;;;OAGG;cACO,OAAO;IACjB,gEAAgE;cACtD,SAAS;yEA8CnB,CAAC"}
@@ -1,16 +1,16 @@
1
1
  import type { HTMLAttributes } from 'react';
2
- export type CardMediaProps = {
2
+ export type CardBlockProps = {
3
3
  /**
4
4
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
5
5
  * @default false
6
6
  */
7
7
  asChild?: boolean;
8
8
  } & HTMLAttributes<HTMLDivElement>;
9
- export declare const CardMedia: React.ForwardRefExoticComponent<{
9
+ export declare const CardBlock: React.ForwardRefExoticComponent<{
10
10
  /**
11
11
  * Change the default rendered element for the one passed as a child, merging their props and behavior.
12
12
  * @default false
13
13
  */
14
14
  asChild?: boolean;
15
15
  } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
16
- //# sourceMappingURL=CardMedia.d.ts.map
16
+ //# sourceMappingURL=CardBlock.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CardMedia.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardMedia.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}
1
+ {"version":3,"file":"CardBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;yEAelB,CAAC"}
@@ -1,18 +1,14 @@
1
- import type { CardProps } from './Card';
2
- import { Card as CardParent } from './Card';
3
- import type { CardContentProps } from './CardContent';
4
- import { CardContent } from './CardContent';
5
- import type { CardFooterProps } from './CardFooter';
6
- import { CardFooter } from './CardFooter';
7
- import { CardHeader, type CardHeaderProps } from './CardHeader';
8
- import { CardMedia, type CardMediaProps } from './CardMedia';
9
- type CardComponent = typeof CardParent & {
10
- Header: typeof CardHeader;
11
- Content: typeof CardContent;
12
- Footer: typeof CardFooter;
13
- Media: typeof CardMedia;
1
+ import { CardBlock } from './CardBlock';
2
+ declare const Card: React.ForwardRefExoticComponent<{
3
+ color?: "neutral" | "subtle" | "brand1" | "brand2" | "brand3";
4
+ asChild?: boolean;
5
+ children: React.ReactNode;
6
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
7
+ Block: React.ForwardRefExoticComponent<{
8
+ asChild?: boolean;
9
+ } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
14
10
  };
15
- declare const Card: CardComponent;
16
- export type { CardProps, CardHeaderProps, CardContentProps, CardFooterProps, CardMediaProps, };
17
- export { Card, CardHeader, CardContent, CardFooter, CardMedia };
11
+ export type { CardProps } from './Card';
12
+ export type { CardBlockProps } from './CardBlock';
13
+ export { Card, CardBlock };
18
14
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,KAAK,aAAa,GAAG,OAAO,UAAU,GAAG;IACvC,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,OAAO,EAAE,OAAO,WAAW,CAAC;IAC5B,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,IAAI,EAAiB,aAAa,CAAC;AAYzC,YAAY,EACV,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,GACf,CAAC;AACF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;;;;;;;;CAER,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC"}
@@ -0,0 +1,45 @@
1
+ import type { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
2
+ type ChipBaseProps = {
3
+ /**
4
+ * Size
5
+ * @default md
6
+ */
7
+ size?: 'sm' | 'md' | 'lg';
8
+ /**
9
+ * Change the default rendered element for the one passed as a child, merging their props and behavior.
10
+ * @default false
11
+ */
12
+ asChild?: boolean;
13
+ };
14
+ export type ChipRemovableProps = ChipButtonProps;
15
+ export type ChipRadioProps = ChipCheckboxProps;
16
+ export type ChipButtonProps = ChipBaseProps & ButtonHTMLAttributes<HTMLButtonElement>;
17
+ export type ChipCheckboxProps = ChipBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>;
18
+ /**
19
+ * Chip.Button used for interaction
20
+ * @example
21
+ * <Chip.Button>Click me</Chip.Button>
22
+ */
23
+ export declare const ChipButton: React.ForwardRefExoticComponent<ChipBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
24
+ /**
25
+ * Chip.Removable used for interaction
26
+ * @example
27
+ * <Chip.Removable>Click to remove me</Chip.Removable>
28
+ */
29
+ export declare const ChipRemovable: React.ForwardRefExoticComponent<ChipBaseProps & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
30
+ /**
31
+ * Chip.Checkbox used for multiselection
32
+ * @example
33
+ * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
34
+ * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
35
+ */
36
+ export declare const ChipCheckbox: React.ForwardRefExoticComponent<ChipBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLLabelElement>>;
37
+ /**
38
+ * Chip.Radio used for single selection
39
+ * @example
40
+ * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
41
+ * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
42
+ */
43
+ export declare const ChipRadio: React.ForwardRefExoticComponent<ChipBaseProps & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & React.RefAttributes<HTMLLabelElement>>;
44
+ export {};
45
+ //# sourceMappingURL=Chips.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chips.d.ts","sourceRoot":"","sources":["../../../../src/components/Chip/Chips.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvE,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,aAAa,GACzC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAC1C,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAC3C,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE/D;;;;GAIG;AACH,eAAO,MAAM,UAAU,mIActB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,mIAIzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,uJAgBxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,uJAIrB,CAAC"}