@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
@@ -1,15 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var cl = require('clsx/lite');
6
- var react = require('react');
7
- var PaginationRoot = require('./PaginationRoot.js');
8
- var Paragraph = require('../Typography/Paragraph/Paragraph.js');
9
-
10
- const PaginationEllipsis = react.forwardRef(function PaginationEllipsis({ className, ...rest }, ref) {
11
- const { size } = react.useContext(PaginationRoot.PaginationContext);
12
- return (jsxRuntime.jsx(Paragraph.Paragraph, { ref: ref, className: cl('ds-pagination__ellipsis', className), size: size, ...rest, children: "\u2026" }));
13
- });
14
-
15
- exports.PaginationEllipsis = PaginationEllipsis;
@@ -1,16 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var react = require('react');
6
- var PaginationButton = require('./PaginationButton.js');
7
-
8
- const PaginationNext = react.forwardRef(function PaginationNext({ ...rest }, ref) {
9
- return (jsxRuntime.jsx(PaginationButton.PaginationButton, { "aria-label": rest.children != null ? undefined : 'Neste side', ref: ref, ...rest }));
10
- });
11
- const PaginationPrevious = react.forwardRef(function PaginationPrevious({ ...rest }, ref) {
12
- return (jsxRuntime.jsx(PaginationButton.PaginationButton, { "aria-label": rest.children != null ? undefined : 'Forrige side', ref: ref, ...rest }));
13
- });
14
-
15
- exports.PaginationNext = PaginationNext;
16
- exports.PaginationPrevious = PaginationPrevious;
@@ -1,18 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var reactSlot = require('@radix-ui/react-slot');
6
- var react = require('react');
7
-
8
- const PaginationContext = react.createContext({
9
- size: 'md',
10
- compact: false,
11
- });
12
- const PaginationRoot = react.forwardRef(function PaginationRoot({ 'aria-label': ariaLabel = 'Sidenavigering', asChild, compact = false, size = 'md', ...rest }, ref) {
13
- const Component = asChild ? reactSlot.Slot : 'nav';
14
- return (jsxRuntime.jsx(PaginationContext.Provider, { value: { size, compact }, children: jsxRuntime.jsx(Component, { "aria-label": ariaLabel, ref: ref, ...rest }) }));
15
- });
16
-
17
- exports.PaginationContext = PaginationContext;
18
- exports.PaginationRoot = PaginationRoot;
@@ -1,21 +0,0 @@
1
- 'use client';
2
- 'use strict';
3
-
4
- var jsxRuntime = require('react/jsx-runtime');
5
- var reactSlot = require('@radix-ui/react-slot');
6
- var cl = require('clsx/lite');
7
- var react = require('react');
8
-
9
- /**
10
- * Use `Ingress` to display text as ingress.
11
- *
12
- * @example
13
- * <Ingress size='lg'>Ingress</Ingress>
14
- */
15
- const Ingress = react.forwardRef(({ size = 'md', className, spacing, asChild, ...rest }, ref) => {
16
- const Component = asChild ? reactSlot.Slot : 'p';
17
- return (jsxRuntime.jsx(Component, { ref: ref, className: cl(`ds-ingress`, `ds-ingress--${size}`, spacing && 'ds-ingress--spacing', className), ...rest }));
18
- });
19
- Ingress.displayName = 'Ingress';
20
-
21
- exports.Ingress = Ingress;
@@ -1,14 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
- import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
7
-
8
- const CardContent = forwardRef(({ asChild, className, ...rest }, ref) => {
9
- const Component = asChild ? Slot : 'div';
10
- return (jsx(Paragraph, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__content`, className), ref: ref, ...rest }) }));
11
- });
12
- CardContent.displayName = 'CardContent';
13
-
14
- export { CardContent };
@@ -1,14 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
- import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
7
-
8
- const CardFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
9
- const Component = asChild ? Slot : 'div';
10
- return (jsx(Paragraph, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__footer`, className), ref: ref, ...rest }) }));
11
- });
12
- CardFooter.displayName = 'CardFooter';
13
-
14
- export { CardFooter };
@@ -1,14 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
- import { Heading } from '../Typography/Heading/Heading.js';
7
-
8
- const CardHeader = forwardRef(({ asChild, className, ...rest }, ref) => {
9
- const Component = asChild ? Slot : 'div';
10
- return (jsx(Heading, { size: 'md', asChild: true, children: jsx(Component, { className: cl(`ds-card__header`, className), ref: ref, ...rest }) }));
11
- });
12
- CardHeader.displayName = 'CardHeader';
13
-
14
- export { CardHeader };
@@ -1,12 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import cl from 'clsx/lite';
4
- import { createContext, forwardRef, Children, isValidElement } from 'react';
5
-
6
- const ChipGroupContext = createContext(null);
7
- const Group = forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
8
- return (jsx("ul", { ref: ref, className: cl(`ds-chip--group-container`, `ds-chip--${size}`, className), ...rest, children: jsx(ChipGroupContext.Provider, { value: { size }, children: Children.toArray(children).map((child, index) => isValidElement(child) ? (jsx("li", { children: child }, `chip-${index}`)) : null) }) }));
9
- });
10
- Group.displayName = 'ChipGroup';
11
-
12
- export { ChipGroupContext, Group };
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { XMarkIcon } from '@navikt/aksel-icons';
4
- import cl from 'clsx/lite';
5
- import { forwardRef, useContext } from 'react';
6
- import { ChipGroupContext } from '../Group/Group.js';
7
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
8
-
9
- const RemovableChip = forwardRef(({ size = 'md', children, className, ...rest }, ref) => {
10
- const group = useContext(ChipGroupContext);
11
- return (jsx("button", { type: 'button', ref: ref, className: cl(`ds-focus`, `ds-chip--button`, `ds-chip--removable`, `ds-chip--${group?.size || size}`, className), ...rest, children: jsx(Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxs("span", { className: `ds-chip__label`, children: [jsx("span", { children: children }), jsx("span", { className: `ds-chip__x-mark`, "aria-hidden": true, children: jsx(XMarkIcon, { className: `ds-chip__icon` }) })] }) }) }));
12
- });
13
- RemovableChip.displayName = 'ChipRemovable';
14
-
15
- export { RemovableChip };
@@ -1,16 +0,0 @@
1
- 'use client';
2
- import { jsx, jsxs } from 'react/jsx-runtime';
3
- import { CheckmarkIcon } from '@navikt/aksel-icons';
4
- import cl from 'clsx/lite';
5
- import { forwardRef, useContext } from 'react';
6
- import { ChipGroupContext } from '../Group/Group.js';
7
- import { Paragraph } from '../../Typography/Paragraph/Paragraph.js';
8
-
9
- const ToggleChip = forwardRef(({ children, selected = false, checkmark = true, size = 'md', className, ...rest }, ref) => {
10
- const shouldDisplayCheckmark = checkmark && selected;
11
- const group = useContext(ChipGroupContext);
12
- return (jsx("button", { ref: ref, type: 'button', "aria-pressed": selected, className: cl(`ds-focus`, `ds-chip--button`, `ds-chip--${group?.size || size}`, shouldDisplayCheckmark && `ds-chip--spacing`, className), ...rest, children: jsx(Paragraph, { asChild: true, size: group?.size || size, variant: 'short', children: jsxs("span", { className: `ds-chip__label`, children: [shouldDisplayCheckmark && (jsx(CheckmarkIcon, { className: `ds-chip__checkmark-icon`, "aria-hidden": true })), jsx("span", { children: children })] }) }) }));
13
- });
14
- ToggleChip.displayName = 'ChipToggle';
15
-
16
- export { ToggleChip };
@@ -1,13 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
-
7
- const ModalContent = forwardRef(({ asChild, className, ...rest }, ref) => {
8
- const Component = asChild ? Slot : 'div';
9
- return (jsx(Component, { ref: ref, className: cl('ds-modal__content', className), ...rest }));
10
- });
11
- ModalContent.displayName = 'ModalContent';
12
-
13
- export { ModalContent };
@@ -1,71 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { useMergeRefs } from '@floating-ui/react';
4
- import { Slot } from '@radix-ui/react-slot';
5
- import cl from 'clsx/lite';
6
- import { forwardRef, useRef, useContext, useEffect } from 'react';
7
- import { ModalContext } from './ModalRoot.js';
8
- import { useModalState } from './useModalState.js';
9
- import { useScrollLock } from './useScrollLock.js';
10
-
11
- const ModalDialog = forwardRef(({ onInteractOutside, onClose, onBeforeClose, asChild, className, children, ...rest }, ref) => {
12
- const Component = asChild ? Slot : 'dialog';
13
- // This local ref is used to make sure the modal works without a ModalRoot
14
- const modalDialogRef = useRef(null);
15
- const { modalRef, setOpen, setCloseModal } = useContext(ModalContext);
16
- const open = useModalState(modalDialogRef);
17
- useEffect(() => {
18
- setCloseModal?.(() => {
19
- if (onBeforeClose && onBeforeClose() === false)
20
- return;
21
- modalDialogRef.current?.close();
22
- });
23
- }, [onBeforeClose, setCloseModal]);
24
- const mergedRefs = useMergeRefs([modalRef, ref, modalDialogRef]);
25
- useScrollLock(modalDialogRef, 'ds-modal--lock-scroll');
26
- useEffect(() => {
27
- setOpen(open);
28
- }, [open, setOpen]);
29
- useEffect(() => {
30
- const modalEl = modalRef.current;
31
- const handleBackdropClick = (e) => {
32
- if (e.target === modalEl && onInteractOutside) {
33
- // Fix bug where if you select text spanning two divs it thinks you clicked outside
34
- if (window.getSelection()?.toString())
35
- return;
36
- onInteractOutside?.();
37
- }
38
- };
39
- if (modalEl)
40
- modalEl.addEventListener('click', handleBackdropClick);
41
- return () => {
42
- if (modalEl) {
43
- modalEl.removeEventListener('click', handleBackdropClick);
44
- }
45
- };
46
- }, [onInteractOutside, modalRef, onBeforeClose, ref]);
47
- useEffect(() => {
48
- const modalEl = modalRef.current;
49
- const handleModalClose = () => {
50
- onClose?.();
51
- };
52
- if (modalEl)
53
- modalEl.addEventListener('close', handleModalClose);
54
- return () => {
55
- if (modalEl) {
56
- modalEl.removeEventListener('close', handleModalClose);
57
- }
58
- };
59
- }, [modalRef, onClose]);
60
- const onCancel = (e) => {
61
- if (onBeforeClose && onBeforeClose() === false) {
62
- e.preventDefault();
63
- return;
64
- }
65
- modalRef.current?.close();
66
- };
67
- return (jsx(Component, { ref: mergedRefs, className: cl('ds-modal', className), onCancel: onCancel, ...rest, children: children }));
68
- });
69
- ModalDialog.displayName = 'ModalDialog';
70
-
71
- export { ModalDialog };
@@ -1,13 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
-
7
- const ModalFooter = forwardRef(({ asChild, className, ...rest }, ref) => {
8
- const Component = asChild ? Slot : 'footer';
9
- return (jsx(Component, { ref: ref, className: cl('ds-modal__footer', className), ...rest }));
10
- });
11
- ModalFooter.displayName = 'ModalFooter';
12
-
13
- export { ModalFooter };
@@ -1,18 +0,0 @@
1
- 'use client';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef, useContext } from 'react';
6
- import { Button } from '../Button/Button.js';
7
- import { ModalContext } from './ModalRoot.js';
8
- import { Heading } from '../Typography/Heading/Heading.js';
9
- import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
10
-
11
- const ModalHeader = forwardRef(({ closeButton = true, closeButtonTitle = 'close modal', children, subtitle, asChild, className, ...rest }, ref) => {
12
- const Component = asChild ? Slot : 'div';
13
- const { closeModal } = useContext(ModalContext);
14
- return (jsxs(Component, { ref: ref, className: cl('ds-modal__header', className), ...rest, children: [subtitle && (jsx(Paragraph, { size: 'sm', variant: 'short', children: subtitle })), jsx(Heading, { level: 2, size: 'xs', children: children }), closeButton && (jsx(Button, { name: 'close', variant: 'tertiary', color: 'neutral', size: 'md', onClick: () => closeModal?.(), autoFocus: true, icon: true, className: 'ds-modal__header__button', title: closeButtonTitle }))] }));
15
- });
16
- ModalHeader.displayName = 'ModalHeader';
17
-
18
- export { ModalHeader };
@@ -1,28 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { createContext, useRef, useState, useCallback } from 'react';
4
-
5
- const ModalContext = createContext({
6
- setCloseModal: () => { },
7
- modalRef: { current: null },
8
- open: false,
9
- setOpen: () => { },
10
- });
11
- const ModalRoot = ({ children }) => {
12
- const modalRef = useRef(null);
13
- const [open, setOpen] = useState(false);
14
- const [closeModal, setCloseModal] = useState();
15
- const setCloseModalInContext = useCallback((fn) => {
16
- setCloseModal(() => fn);
17
- }, []);
18
- return (jsx(ModalContext.Provider, { value: {
19
- setCloseModal: setCloseModalInContext,
20
- closeModal,
21
- modalRef,
22
- open,
23
- setOpen,
24
- }, children: children }));
25
- };
26
- ModalRoot.displayName = 'ModalRoot';
27
-
28
- export { ModalContext, ModalRoot };
@@ -1,28 +0,0 @@
1
- 'use client';
2
- import { useState, useEffect } from 'react';
3
-
4
- const useModalState = (modalRef) => {
5
- const [isOpen, setIsOpen] = useState(false);
6
- useEffect(() => {
7
- if (!modalRef?.current)
8
- return;
9
- if (modalRef.current?.open)
10
- setIsOpen(true);
11
- const observer = new MutationObserver(() => {
12
- if (modalRef.current?.open)
13
- setIsOpen(true);
14
- else
15
- setIsOpen(false);
16
- });
17
- observer.observe(modalRef.current, {
18
- attributes: true,
19
- attributeFilter: ['open'],
20
- });
21
- return () => {
22
- observer.disconnect();
23
- };
24
- }, [modalRef]);
25
- return isOpen;
26
- };
27
-
28
- export { useModalState };
@@ -1,27 +0,0 @@
1
- 'use client';
2
- import { useEffect } from 'react';
3
-
4
- function useScrollLock(modalRef, bodyClass) {
5
- useEffect(() => {
6
- if (!modalRef.current)
7
- return;
8
- if (modalRef.current.open)
9
- document.body.classList.add(bodyClass);
10
- const observer = new MutationObserver(() => {
11
- if (modalRef.current?.open)
12
- document.body.classList.add(bodyClass);
13
- else
14
- document.body.classList.remove(bodyClass);
15
- });
16
- observer.observe(modalRef.current, {
17
- attributes: true,
18
- attributeFilter: ['open'],
19
- });
20
- return () => {
21
- observer.disconnect();
22
- document.body.classList.remove(bodyClass);
23
- };
24
- }, [bodyClass, modalRef]);
25
- }
26
-
27
- export { useScrollLock };
@@ -1,13 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import cl from 'clsx/lite';
4
- import { forwardRef, useContext } from 'react';
5
- import { PaginationContext } from './PaginationRoot.js';
6
- import { Paragraph } from '../Typography/Paragraph/Paragraph.js';
7
-
8
- const PaginationEllipsis = forwardRef(function PaginationEllipsis({ className, ...rest }, ref) {
9
- const { size } = useContext(PaginationContext);
10
- return (jsx(Paragraph, { ref: ref, className: cl('ds-pagination__ellipsis', className), size: size, ...rest, children: "\u2026" }));
11
- });
12
-
13
- export { PaginationEllipsis };
@@ -1,13 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { forwardRef } from 'react';
4
- import { PaginationButton } from './PaginationButton.js';
5
-
6
- const PaginationNext = forwardRef(function PaginationNext({ ...rest }, ref) {
7
- return (jsx(PaginationButton, { "aria-label": rest.children != null ? undefined : 'Neste side', ref: ref, ...rest }));
8
- });
9
- const PaginationPrevious = forwardRef(function PaginationPrevious({ ...rest }, ref) {
10
- return (jsx(PaginationButton, { "aria-label": rest.children != null ? undefined : 'Forrige side', ref: ref, ...rest }));
11
- });
12
-
13
- export { PaginationNext, PaginationPrevious };
@@ -1,15 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import { createContext, forwardRef } from 'react';
5
-
6
- const PaginationContext = createContext({
7
- size: 'md',
8
- compact: false,
9
- });
10
- const PaginationRoot = forwardRef(function PaginationRoot({ 'aria-label': ariaLabel = 'Sidenavigering', asChild, compact = false, size = 'md', ...rest }, ref) {
11
- const Component = asChild ? Slot : 'nav';
12
- return (jsx(PaginationContext.Provider, { value: { size, compact }, children: jsx(Component, { "aria-label": ariaLabel, ref: ref, ...rest }) }));
13
- });
14
-
15
- export { PaginationContext, PaginationRoot };
@@ -1,19 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
-
7
- /**
8
- * Use `Ingress` to display text as ingress.
9
- *
10
- * @example
11
- * <Ingress size='lg'>Ingress</Ingress>
12
- */
13
- const Ingress = forwardRef(({ size = 'md', className, spacing, asChild, ...rest }, ref) => {
14
- const Component = asChild ? Slot : 'p';
15
- return (jsx(Component, { ref: ref, className: cl(`ds-ingress`, `ds-ingress--${size}`, spacing && 'ds-ingress--spacing', className), ...rest }));
16
- });
17
- Ingress.displayName = 'Ingress';
18
-
19
- export { Ingress };
@@ -1,19 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
-
7
- /**
8
- * Use `Label` for labels.
9
- *
10
- * @example
11
- * <Label size='lg'>Label</Label>
12
- */
13
- const Label = forwardRef(({ className, spacing, size = 'md', weight = 'medium', asChild, ...rest }, ref) => {
14
- const Component = asChild ? Slot : 'label';
15
- return (jsx(Component, { ref: ref, className: cl('ds-label', `ds-label--${size}`, spacing && 'ds-label--spacing', weight && `ds-font-weight--${weight}`, className), ...rest }));
16
- });
17
- Label.displayName = 'Label';
18
-
19
- export { Label };
@@ -1,24 +0,0 @@
1
- 'use client';
2
- import { jsx } from 'react/jsx-runtime';
3
- import { Slot } from '@radix-ui/react-slot';
4
- import cl from 'clsx/lite';
5
- import { forwardRef } from 'react';
6
-
7
- const lineHeightMap = {
8
- short: 'ds-line-height--sm',
9
- default: 'ds-line-height--md',
10
- long: 'ds-line-height--lg',
11
- };
12
- /**
13
- * Use `Paragraph` to display text with paragraph text styles.
14
- *
15
- * @example
16
- * <Paragraph size='lg'>Paragraph</Paragraph>
17
- */
18
- const Paragraph = forwardRef(({ className, spacing, size = 'md', asChild, variant, ...rest }, ref) => {
19
- const Component = asChild ? Slot : 'p';
20
- return (jsx(Component, { ref: ref, className: cl('ds-paragraph', spacing && 'ds-paragraph--spacing', `ds-paragraph--${size}`, lineHeightMap[variant ?? 'default'], className), ...rest }));
21
- });
22
- Paragraph.displayName = 'Paragraph';
23
-
24
- export { Paragraph };
@@ -1,16 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- export type CardContentProps = {
3
- /**
4
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
5
- * @default false
6
- */
7
- asChild?: boolean;
8
- } & HTMLAttributes<HTMLDivElement>;
9
- export declare const CardContent: React.ForwardRefExoticComponent<{
10
- /**
11
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
12
- * @default false
13
- */
14
- asChild?: boolean;
15
- } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
16
- //# sourceMappingURL=CardContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,WAAW;IAPtB;;;OAGG;cACO,OAAO;yEAiBlB,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU;IAPrB;;;OAGG;cACO,OAAO;yEAiBlB,CAAC"}
@@ -1,16 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- export type CardHeaderProps = {
3
- /**
4
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
5
- * @default false
6
- */
7
- asChild?: boolean;
8
- } & HTMLAttributes<HTMLDivElement>;
9
- export declare const CardHeader: React.ForwardRefExoticComponent<{
10
- /**
11
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
12
- * @default false
13
- */
14
- asChild?: boolean;
15
- } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
16
- //# sourceMappingURL=CardHeader.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CardHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/CardHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU;IAPrB;;;OAGG;cACO,OAAO;yEAiBlB,CAAC"}
@@ -1,20 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- export type ChipGroupContext = {
3
- size?: 'sm' | 'md' | 'lg';
4
- };
5
- export declare const ChipGroupContext: React.Context<ChipGroupContext | null>;
6
- export type ChipGroupProps = {
7
- /**
8
- * Changes Chip size and gap between chips.
9
- * @default md
10
- */
11
- size?: ChipGroupContext['size'];
12
- } & HTMLAttributes<HTMLUListElement>;
13
- export declare const Group: React.ForwardRefExoticComponent<{
14
- /**
15
- * Changes Chip size and gap between chips.
16
- * @default md
17
- */
18
- size?: ChipGroupContext["size"];
19
- } & HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
20
- //# sourceMappingURL=Group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Group/Group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,wCAA+C,CAAC;AAE7E,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAErC,eAAO,MAAM,KAAK;IAPhB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;6EAyBhC,CAAC"}
@@ -1,17 +0,0 @@
1
- import type { ButtonHTMLAttributes } from 'react';
2
- import { ChipGroupContext } from '../Group/Group';
3
- export type RemovableChipProps = {
4
- /**
5
- * Changes Chip size and gap between chips.
6
- * @default 'md'
7
- */
8
- size?: ChipGroupContext['size'];
9
- } & ButtonHTMLAttributes<HTMLButtonElement>;
10
- export declare const RemovableChip: React.ForwardRefExoticComponent<{
11
- /**
12
- * Changes Chip size and gap between chips.
13
- * @default 'md'
14
- */
15
- size?: ChipGroupContext["size"];
16
- } & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
17
- //# sourceMappingURL=Removable.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Removable/Removable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,aAAa;IAPxB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;qFA+BhC,CAAC"}
@@ -1,33 +0,0 @@
1
- import type { ButtonHTMLAttributes } from 'react';
2
- import { ChipGroupContext } from '../Group/Group';
3
- export type ToggleChipProps = {
4
- /**
5
- * Enables check mark icon
6
- */
7
- checkmark?: boolean;
8
- /**
9
- * Changes Chip size and gap between chips.
10
- * @default 'md'
11
- */
12
- size?: ChipGroupContext['size'];
13
- /**
14
- * Toggles `aria-pressed` and visual-changes
15
- * */
16
- selected?: boolean;
17
- } & ButtonHTMLAttributes<HTMLButtonElement>;
18
- export declare const ToggleChip: React.ForwardRefExoticComponent<{
19
- /**
20
- * Enables check mark icon
21
- */
22
- checkmark?: boolean;
23
- /**
24
- * Changes Chip size and gap between chips.
25
- * @default 'md'
26
- */
27
- size?: ChipGroupContext["size"];
28
- /**
29
- * Toggles `aria-pressed` and visual-changes
30
- * */
31
- selected?: boolean;
32
- } & ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
33
- //# sourceMappingURL=Toggle.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Chip/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAChC;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,UAAU;IAfrB;;OAEG;gBACS,OAAO;IACnB;;;OAGG;WACI,gBAAgB,CAAC,MAAM,CAAC;IAC/B;;SAEK;eACM,OAAO;qFA8CnB,CAAC"}
@@ -1,16 +0,0 @@
1
- import type { HTMLAttributes } from 'react';
2
- export type ModalContentProps = {
3
- /**
4
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
5
- * @default false
6
- */
7
- asChild?: boolean;
8
- } & HTMLAttributes<HTMLElement>;
9
- export declare const ModalContent: React.ForwardRefExoticComponent<{
10
- /**
11
- * Change the default rendered element for the one passed as a child, merging their props and behavior.
12
- * @default false
13
- */
14
- asChild?: boolean;
15
- } & HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLDivElement>>;
16
- //# sourceMappingURL=ModaContent.d.ts.map