@navikt/ds-react 0.19.16 → 1.0.0-rc.1

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 (422) hide show
  1. package/_docs.json +354 -453
  2. package/cjs/accordion/Accordion.js +2 -2
  3. package/cjs/accordion/AccordionContent.js +2 -2
  4. package/cjs/accordion/AccordionHeader.js +6 -5
  5. package/cjs/accordion/AccordionItem.js +2 -2
  6. package/cjs/alert/Alert.js +2 -2
  7. package/cjs/button/Button.js +3 -4
  8. package/cjs/{speech-bubble → chat}/Bubble.js +7 -4
  9. package/cjs/{speech-bubble/SpeechBubble.js → chat/Chat.js} +11 -10
  10. package/cjs/{menu → chat}/index.js +3 -3
  11. package/cjs/chat/package.json +6 -0
  12. package/cjs/form/ConfirmationPanel.js +2 -2
  13. package/cjs/form/Fieldset/Fieldset.js +6 -6
  14. package/cjs/form/Select.js +6 -6
  15. package/cjs/form/Switch.js +4 -4
  16. package/cjs/form/TextField.js +6 -6
  17. package/cjs/form/Textarea.js +14 -14
  18. package/cjs/form/checkbox/Checkbox.js +3 -3
  19. package/cjs/form/checkbox/CheckboxGroup.js +2 -2
  20. package/cjs/form/error-summary/ErrorSummary.js +3 -3
  21. package/cjs/form/error-summary/ErrorSummaryItem.js +2 -2
  22. package/cjs/form/radio/Radio.js +2 -2
  23. package/cjs/form/radio/RadioGroup.js +2 -2
  24. package/cjs/form/search/Search.js +11 -10
  25. package/cjs/form/search/SearchButton.js +2 -2
  26. package/cjs/form/useFormField.js +2 -2
  27. package/cjs/grid/Cell.js +2 -2
  28. package/cjs/grid/ContentContainer.js +2 -2
  29. package/cjs/grid/Grid.js +2 -2
  30. package/cjs/guide-panel/Guide.js +3 -3
  31. package/cjs/guide-panel/GuidePanel.js +2 -2
  32. package/cjs/help-text/HelpText.js +5 -5
  33. package/cjs/index.js +1 -6
  34. package/cjs/link/Link.js +2 -2
  35. package/cjs/link-panel/LinkPanel.js +2 -2
  36. package/cjs/link-panel/LinkPanelDescription.js +2 -2
  37. package/cjs/link-panel/LinkPanelTitle.js +2 -2
  38. package/cjs/loader/Loader.js +2 -2
  39. package/cjs/modal/Modal.js +4 -5
  40. package/cjs/modal/ModalContent.js +2 -2
  41. package/cjs/pagination/Pagination.js +18 -23
  42. package/cjs/{menu/MenuItem.js → pagination/PaginationItem.js} +5 -4
  43. package/cjs/panel/Panel.js +2 -2
  44. package/cjs/popover/Popover.js +55 -45
  45. package/cjs/popover/PopoverContent.js +2 -2
  46. package/cjs/read-more/ReadMore.js +2 -2
  47. package/cjs/stepper/Step.js +2 -2
  48. package/cjs/stepper/Stepper.js +3 -3
  49. package/cjs/table/Body.js +2 -2
  50. package/cjs/table/DataCell.js +2 -2
  51. package/cjs/table/ExpandableRow.js +4 -4
  52. package/cjs/table/Header.js +2 -2
  53. package/cjs/table/HeaderCell.js +2 -2
  54. package/cjs/table/Row.js +2 -2
  55. package/cjs/table/Table.js +2 -2
  56. package/cjs/tabs/Tab.js +3 -3
  57. package/cjs/tabs/TabList.js +8 -7
  58. package/cjs/tabs/TabPanel.js +2 -2
  59. package/cjs/tabs/Tabs.js +5 -3
  60. package/cjs/tag/Tag.js +2 -2
  61. package/cjs/toggle-group/ToggleGroup.js +5 -5
  62. package/cjs/toggle-group/ToggleItem.js +2 -2
  63. package/cjs/tooltip/Tooltip.js +45 -92
  64. package/cjs/typography/BodyLong.js +2 -2
  65. package/cjs/typography/BodyShort.js +2 -2
  66. package/cjs/typography/Detail.js +2 -2
  67. package/cjs/typography/ErrorMessage.js +2 -2
  68. package/cjs/typography/Heading.js +2 -2
  69. package/cjs/typography/Ingress.js +2 -2
  70. package/cjs/typography/Label.js +2 -2
  71. package/cjs/util/TextareaAutoSize.js +174 -0
  72. package/cjs/util/debounce.js +18 -0
  73. package/cjs/util/index.js +14 -1
  74. package/cjs/util/mergeRefs.js +16 -0
  75. package/cjs/util/useId.js +60 -17
  76. package/esm/accordion/Accordion.js +1 -1
  77. package/esm/accordion/Accordion.js.map +1 -1
  78. package/esm/accordion/AccordionContent.js +1 -1
  79. package/esm/accordion/AccordionContent.js.map +1 -1
  80. package/esm/accordion/AccordionHeader.js +3 -2
  81. package/esm/accordion/AccordionHeader.js.map +1 -1
  82. package/esm/accordion/AccordionItem.js +1 -1
  83. package/esm/accordion/AccordionItem.js.map +1 -1
  84. package/esm/alert/Alert.d.ts +1 -1
  85. package/esm/alert/Alert.js +1 -1
  86. package/esm/alert/Alert.js.map +1 -1
  87. package/esm/button/Button.js +4 -5
  88. package/esm/button/Button.js.map +1 -1
  89. package/esm/{speech-bubble → chat}/Bubble.d.ts +7 -3
  90. package/esm/{speech-bubble → chat}/Bubble.js +7 -4
  91. package/esm/chat/Bubble.js.map +1 -0
  92. package/esm/chat/Chat.d.ts +38 -0
  93. package/esm/chat/Chat.js +28 -0
  94. package/esm/chat/Chat.js.map +1 -0
  95. package/esm/chat/index.d.ts +1 -0
  96. package/esm/chat/index.js +2 -0
  97. package/esm/chat/index.js.map +1 -0
  98. package/esm/form/ConfirmationPanel.js +1 -1
  99. package/esm/form/ConfirmationPanel.js.map +1 -1
  100. package/esm/form/Fieldset/Fieldset.js +1 -1
  101. package/esm/form/Fieldset/Fieldset.js.map +1 -1
  102. package/esm/form/Select.js +1 -1
  103. package/esm/form/Select.js.map +1 -1
  104. package/esm/form/Switch.js +1 -1
  105. package/esm/form/Switch.js.map +1 -1
  106. package/esm/form/TextField.js +1 -1
  107. package/esm/form/TextField.js.map +1 -1
  108. package/esm/form/Textarea.js +6 -6
  109. package/esm/form/Textarea.js.map +1 -1
  110. package/esm/form/checkbox/Checkbox.js +1 -1
  111. package/esm/form/checkbox/Checkbox.js.map +1 -1
  112. package/esm/form/checkbox/CheckboxGroup.js +1 -1
  113. package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
  114. package/esm/form/error-summary/ErrorSummary.js +3 -3
  115. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  116. package/esm/form/error-summary/ErrorSummaryItem.js +1 -1
  117. package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
  118. package/esm/form/radio/Radio.js +1 -1
  119. package/esm/form/radio/Radio.js.map +1 -1
  120. package/esm/form/radio/RadioGroup.js +1 -1
  121. package/esm/form/radio/RadioGroup.js.map +1 -1
  122. package/esm/form/search/Search.d.ts +1 -1
  123. package/esm/form/search/Search.js +10 -9
  124. package/esm/form/search/Search.js.map +1 -1
  125. package/esm/form/search/SearchButton.js +1 -1
  126. package/esm/form/search/SearchButton.js.map +1 -1
  127. package/esm/form/useFormField.js +1 -1
  128. package/esm/form/useFormField.js.map +1 -1
  129. package/esm/grid/Cell.js +1 -1
  130. package/esm/grid/Cell.js.map +1 -1
  131. package/esm/grid/ContentContainer.js +1 -1
  132. package/esm/grid/ContentContainer.js.map +1 -1
  133. package/esm/grid/Grid.js +1 -1
  134. package/esm/grid/Grid.js.map +1 -1
  135. package/esm/guide-panel/Guide.js +1 -1
  136. package/esm/guide-panel/Guide.js.map +1 -1
  137. package/esm/guide-panel/GuidePanel.js +1 -1
  138. package/esm/guide-panel/GuidePanel.js.map +1 -1
  139. package/esm/help-text/HelpText.d.ts +1 -2
  140. package/esm/help-text/HelpText.js +7 -7
  141. package/esm/help-text/HelpText.js.map +1 -1
  142. package/esm/index.d.ts +1 -5
  143. package/esm/index.js +1 -6
  144. package/esm/index.js.map +1 -1
  145. package/esm/link/Link.js +1 -1
  146. package/esm/link/Link.js.map +1 -1
  147. package/esm/link-panel/LinkPanel.js +1 -1
  148. package/esm/link-panel/LinkPanel.js.map +1 -1
  149. package/esm/link-panel/LinkPanelDescription.js +1 -1
  150. package/esm/link-panel/LinkPanelDescription.js.map +1 -1
  151. package/esm/link-panel/LinkPanelTitle.js +1 -1
  152. package/esm/link-panel/LinkPanelTitle.js.map +1 -1
  153. package/esm/loader/Loader.js +1 -1
  154. package/esm/loader/Loader.js.map +1 -1
  155. package/esm/modal/Modal.js +4 -5
  156. package/esm/modal/Modal.js.map +1 -1
  157. package/esm/modal/ModalContent.js +1 -1
  158. package/esm/modal/ModalContent.js.map +1 -1
  159. package/esm/pagination/Pagination.d.ts +12 -3
  160. package/esm/pagination/Pagination.js +17 -22
  161. package/esm/pagination/Pagination.js.map +1 -1
  162. package/esm/pagination/PaginationItem.d.ts +22 -0
  163. package/esm/{menu/MenuItem.js → pagination/PaginationItem.js} +6 -5
  164. package/esm/pagination/PaginationItem.js.map +1 -0
  165. package/esm/pagination/index.d.ts +1 -2
  166. package/esm/pagination/index.js.map +1 -1
  167. package/esm/panel/Panel.js +1 -1
  168. package/esm/panel/Panel.js.map +1 -1
  169. package/esm/popover/Popover.d.ts +2 -3
  170. package/esm/popover/Popover.js +56 -46
  171. package/esm/popover/Popover.js.map +1 -1
  172. package/esm/popover/PopoverContent.js +1 -1
  173. package/esm/popover/PopoverContent.js.map +1 -1
  174. package/esm/read-more/ReadMore.js +1 -1
  175. package/esm/read-more/ReadMore.js.map +1 -1
  176. package/esm/stepper/Step.js +1 -1
  177. package/esm/stepper/Step.js.map +1 -1
  178. package/esm/stepper/Stepper.js +1 -1
  179. package/esm/stepper/Stepper.js.map +1 -1
  180. package/esm/table/Body.js +1 -1
  181. package/esm/table/Body.js.map +1 -1
  182. package/esm/table/DataCell.js +1 -1
  183. package/esm/table/DataCell.js.map +1 -1
  184. package/esm/table/ExpandableRow.js +2 -2
  185. package/esm/table/ExpandableRow.js.map +1 -1
  186. package/esm/table/Header.js +1 -1
  187. package/esm/table/Header.js.map +1 -1
  188. package/esm/table/HeaderCell.js +1 -1
  189. package/esm/table/HeaderCell.js.map +1 -1
  190. package/esm/table/Row.js +1 -1
  191. package/esm/table/Row.js.map +1 -1
  192. package/esm/table/Table.js +1 -1
  193. package/esm/table/Table.js.map +1 -1
  194. package/esm/tabs/Tab.d.ts +0 -5
  195. package/esm/tabs/Tab.js +4 -4
  196. package/esm/tabs/Tab.js.map +1 -1
  197. package/esm/tabs/TabList.d.ts +0 -4
  198. package/esm/tabs/TabList.js +7 -6
  199. package/esm/tabs/TabList.js.map +1 -1
  200. package/esm/tabs/TabPanel.js +1 -1
  201. package/esm/tabs/TabPanel.js.map +1 -1
  202. package/esm/tabs/Tabs.d.ts +12 -0
  203. package/esm/tabs/Tabs.js +4 -2
  204. package/esm/tabs/Tabs.js.map +1 -1
  205. package/esm/tag/Tag.js +1 -1
  206. package/esm/tag/Tag.js.map +1 -1
  207. package/esm/toggle-group/ToggleGroup.js +3 -3
  208. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  209. package/esm/toggle-group/ToggleItem.js +1 -1
  210. package/esm/toggle-group/ToggleItem.js.map +1 -1
  211. package/esm/tooltip/Tooltip.js +44 -91
  212. package/esm/tooltip/Tooltip.js.map +1 -1
  213. package/esm/typography/BodyLong.js +1 -1
  214. package/esm/typography/BodyLong.js.map +1 -1
  215. package/esm/typography/BodyShort.js +1 -1
  216. package/esm/typography/BodyShort.js.map +1 -1
  217. package/esm/typography/Detail.js +1 -1
  218. package/esm/typography/Detail.js.map +1 -1
  219. package/esm/typography/ErrorMessage.js +1 -1
  220. package/esm/typography/ErrorMessage.js.map +1 -1
  221. package/esm/typography/Heading.js +1 -1
  222. package/esm/typography/Heading.js.map +1 -1
  223. package/esm/typography/Ingress.js +1 -1
  224. package/esm/typography/Ingress.js.map +1 -1
  225. package/esm/typography/Label.js +1 -1
  226. package/esm/typography/Label.js.map +1 -1
  227. package/esm/util/TextareaAutoSize.d.ts +14 -0
  228. package/esm/util/TextareaAutoSize.js +150 -0
  229. package/esm/util/TextareaAutoSize.js.map +1 -0
  230. package/esm/util/debounce.d.ts +4 -0
  231. package/esm/util/debounce.js +16 -0
  232. package/esm/util/debounce.js.map +1 -0
  233. package/esm/util/index.d.ts +4 -0
  234. package/esm/util/index.js +9 -1
  235. package/esm/util/index.js.map +1 -1
  236. package/esm/util/mergeRefs.d.ts +2 -0
  237. package/esm/util/mergeRefs.js +14 -0
  238. package/esm/util/mergeRefs.js.map +1 -0
  239. package/esm/util/useId.d.ts +7 -3
  240. package/esm/util/useId.js +36 -16
  241. package/esm/util/useId.js.map +1 -1
  242. package/package.json +13 -14
  243. package/src/accordion/Accordion.tsx +1 -1
  244. package/src/accordion/AccordionContent.tsx +1 -1
  245. package/src/accordion/AccordionHeader.tsx +2 -2
  246. package/src/accordion/AccordionItem.tsx +1 -1
  247. package/src/alert/Alert.tsx +2 -2
  248. package/src/alert/alert.stories.tsx +7 -0
  249. package/src/button/Button.tsx +5 -5
  250. package/src/chat/Bubble.tsx +52 -0
  251. package/src/chat/Chat.tsx +96 -0
  252. package/src/chat/chat.stories.tsx +202 -0
  253. package/src/chat/index.ts +1 -0
  254. package/src/form/ConfirmationPanel.tsx +1 -1
  255. package/src/form/Fieldset/Fieldset.tsx +1 -1
  256. package/src/form/Select.tsx +1 -1
  257. package/src/form/Switch.tsx +1 -1
  258. package/src/form/TextField.tsx +1 -1
  259. package/src/form/Textarea.tsx +6 -6
  260. package/src/form/checkbox/Checkbox.test.tsx +20 -17
  261. package/src/form/checkbox/Checkbox.tsx +1 -1
  262. package/src/form/checkbox/CheckboxGroup.tsx +1 -1
  263. package/src/form/error-summary/ErrorSummary.tsx +3 -3
  264. package/src/form/error-summary/ErrorSummaryItem.tsx +1 -1
  265. package/src/form/radio/Radio.tsx +1 -1
  266. package/src/form/radio/RadioGroup.tsx +1 -1
  267. package/src/form/search/Search.tsx +29 -9
  268. package/src/form/search/SearchButton.tsx +1 -1
  269. package/src/form/search/search.stories.tsx +21 -0
  270. package/src/form/useFormField.ts +1 -1
  271. package/src/grid/Cell.tsx +1 -1
  272. package/src/grid/ContentContainer.tsx +1 -1
  273. package/src/grid/Grid.tsx +1 -1
  274. package/src/grid/grid.stories.tsx +68 -0
  275. package/src/guide-panel/Guide.tsx +1 -1
  276. package/src/guide-panel/GuidePanel.tsx +1 -1
  277. package/src/help-text/HelpText.tsx +22 -8
  278. package/src/help-text/help-text.stories.tsx +12 -16
  279. package/src/index.ts +1 -7
  280. package/src/link/Link.tsx +1 -1
  281. package/src/link-panel/LinkPanel.tsx +1 -1
  282. package/src/link-panel/LinkPanelDescription.tsx +1 -1
  283. package/src/link-panel/LinkPanelTitle.tsx +1 -1
  284. package/src/loader/Loader.tsx +1 -1
  285. package/src/modal/Modal.tsx +4 -5
  286. package/src/modal/ModalContent.tsx +1 -1
  287. package/src/pagination/Pagination.tsx +84 -78
  288. package/src/pagination/PaginationItem.tsx +57 -0
  289. package/src/pagination/index.ts +1 -2
  290. package/src/pagination/pagination.stories.tsx +90 -16
  291. package/src/panel/Panel.tsx +1 -1
  292. package/src/popover/Popover.test.tsx +143 -0
  293. package/src/popover/Popover.tsx +107 -73
  294. package/src/popover/PopoverContent.tsx +1 -1
  295. package/src/popover/popover.stories.tsx +22 -27
  296. package/src/read-more/ReadMore.tsx +1 -1
  297. package/src/stepper/Step.tsx +1 -1
  298. package/src/stepper/Stepper.tsx +1 -1
  299. package/src/table/Body.tsx +1 -1
  300. package/src/table/DataCell.tsx +1 -1
  301. package/src/table/ExpandableRow.tsx +2 -2
  302. package/src/table/Header.tsx +1 -1
  303. package/src/table/HeaderCell.tsx +1 -1
  304. package/src/table/Row.tsx +1 -1
  305. package/src/table/Table.tsx +1 -1
  306. package/src/tabs/Tab.tsx +5 -10
  307. package/src/tabs/TabList.tsx +14 -9
  308. package/src/tabs/TabPanel.tsx +1 -1
  309. package/src/tabs/Tabs.stories.tsx +94 -117
  310. package/src/tabs/Tabs.tsx +17 -1
  311. package/src/tag/Tag.tsx +1 -1
  312. package/src/toggle-group/ToggleGroup.tsx +3 -3
  313. package/src/toggle-group/ToggleItem.tsx +1 -1
  314. package/src/tooltip/Tooltip.test.tsx +167 -0
  315. package/src/tooltip/Tooltip.tsx +106 -173
  316. package/src/tooltip/tooltip.stories.tsx +15 -1
  317. package/src/typography/BodyLong.tsx +1 -1
  318. package/src/typography/BodyShort.tsx +1 -1
  319. package/src/typography/Detail.tsx +1 -1
  320. package/src/typography/ErrorMessage.tsx +1 -1
  321. package/src/typography/Heading.tsx +1 -1
  322. package/src/typography/Ingress.tsx +1 -1
  323. package/src/typography/Label.tsx +1 -1
  324. package/src/util/TextareaAutoSize.tsx +224 -0
  325. package/src/util/debounce.ts +17 -0
  326. package/src/util/index.ts +14 -2
  327. package/src/util/mergeRefs.tsx +14 -0
  328. package/src/util/useId.ts +37 -20
  329. package/cjs/card/MicroCard.js +0 -47
  330. package/cjs/card/index.js +0 -8
  331. package/cjs/card/package.json +0 -6
  332. package/cjs/form/search/useSearch.js +0 -31
  333. package/cjs/menu/Menu.js +0 -53
  334. package/cjs/menu/MenuCollapse.js +0 -65
  335. package/cjs/menu/MenuItems.js +0 -23
  336. package/cjs/menu/package.json +0 -6
  337. package/cjs/page-header/PageHeader.js +0 -51
  338. package/cjs/page-header/index.js +0 -8
  339. package/cjs/page-header/package.json +0 -6
  340. package/cjs/speech-bubble/index.js +0 -8
  341. package/cjs/speech-bubble/package.json +0 -6
  342. package/cjs/step-indicator/Step.js +0 -67
  343. package/cjs/step-indicator/StepIndicator.js +0 -80
  344. package/cjs/step-indicator/index.js +0 -8
  345. package/cjs/step-indicator/package.json +0 -6
  346. package/esm/card/MicroCard.d.ts +0 -10
  347. package/esm/card/MicroCard.js +0 -19
  348. package/esm/card/MicroCard.js.map +0 -1
  349. package/esm/card/index.d.ts +0 -2
  350. package/esm/card/index.js +0 -2
  351. package/esm/card/index.js.map +0 -1
  352. package/esm/form/search/useSearch.d.ts +0 -10
  353. package/esm/form/search/useSearch.js +0 -25
  354. package/esm/form/search/useSearch.js.map +0 -1
  355. package/esm/menu/Menu.d.ts +0 -12
  356. package/esm/menu/Menu.js +0 -25
  357. package/esm/menu/Menu.js.map +0 -1
  358. package/esm/menu/MenuCollapse.d.ts +0 -12
  359. package/esm/menu/MenuCollapse.js +0 -37
  360. package/esm/menu/MenuCollapse.js.map +0 -1
  361. package/esm/menu/MenuItem.d.ts +0 -13
  362. package/esm/menu/MenuItem.js.map +0 -1
  363. package/esm/menu/MenuItems.d.ts +0 -6
  364. package/esm/menu/MenuItems.js +0 -19
  365. package/esm/menu/MenuItems.js.map +0 -1
  366. package/esm/menu/index.d.ts +0 -3
  367. package/esm/menu/index.js +0 -2
  368. package/esm/menu/index.js.map +0 -1
  369. package/esm/page-header/PageHeader.d.ts +0 -27
  370. package/esm/page-header/PageHeader.js +0 -24
  371. package/esm/page-header/PageHeader.js.map +0 -1
  372. package/esm/page-header/index.d.ts +0 -2
  373. package/esm/page-header/index.js +0 -2
  374. package/esm/page-header/index.js.map +0 -1
  375. package/esm/speech-bubble/Bubble.js.map +0 -1
  376. package/esm/speech-bubble/SpeechBubble.d.ts +0 -34
  377. package/esm/speech-bubble/SpeechBubble.js +0 -27
  378. package/esm/speech-bubble/SpeechBubble.js.map +0 -1
  379. package/esm/speech-bubble/index.d.ts +0 -1
  380. package/esm/speech-bubble/index.js +0 -2
  381. package/esm/speech-bubble/index.js.map +0 -1
  382. package/esm/step-indicator/Step.d.ts +0 -23
  383. package/esm/step-indicator/Step.js +0 -39
  384. package/esm/step-indicator/Step.js.map +0 -1
  385. package/esm/step-indicator/StepIndicator.d.ts +0 -41
  386. package/esm/step-indicator/StepIndicator.js +0 -52
  387. package/esm/step-indicator/StepIndicator.js.map +0 -1
  388. package/esm/step-indicator/index.d.ts +0 -1
  389. package/esm/step-indicator/index.js +0 -2
  390. package/esm/step-indicator/index.js.map +0 -1
  391. package/src/card/MicroCard.tsx +0 -32
  392. package/src/card/index.ts +0 -2
  393. package/src/card/stories/card.stories.mdx +0 -26
  394. package/src/card/stories/card.stories.tsx +0 -16
  395. package/src/form/search/useSearch.ts +0 -31
  396. package/src/grid/stories/grid.stories.mdx +0 -79
  397. package/src/grid/stories/grid.stories.tsx +0 -51
  398. package/src/grid/stories/styles.css +0 -21
  399. package/src/menu/Menu.tsx +0 -36
  400. package/src/menu/MenuCollapse.tsx +0 -80
  401. package/src/menu/MenuItem.tsx +0 -39
  402. package/src/menu/MenuItems.tsx +0 -21
  403. package/src/menu/index.ts +0 -3
  404. package/src/menu/stories/menu.stories.mdx +0 -93
  405. package/src/menu/stories/menu.stories.tsx +0 -139
  406. package/src/page-header/PageHeader.tsx +0 -72
  407. package/src/page-header/index.ts +0 -2
  408. package/src/page-header/stories/header.stories.mdx +0 -81
  409. package/src/page-header/stories/header.stories.tsx +0 -61
  410. package/src/page-header/stories/pictogram.tsx +0 -14
  411. package/src/speech-bubble/Bubble.tsx +0 -48
  412. package/src/speech-bubble/SpeechBubble.tsx +0 -93
  413. package/src/speech-bubble/index.ts +0 -1
  414. package/src/speech-bubble/stories/illustration.tsx +0 -66
  415. package/src/speech-bubble/stories/speechbubble.stories.mdx +0 -184
  416. package/src/speech-bubble/stories/speechbubble.stories.tsx +0 -104
  417. package/src/step-indicator/Step.tsx +0 -81
  418. package/src/step-indicator/StepIndicator.tsx +0 -148
  419. package/src/step-indicator/index.ts +0 -1
  420. package/src/step-indicator/stories/Example.tsx +0 -23
  421. package/src/step-indicator/stories/step-indicator.stories.mdx +0 -122
  422. package/src/step-indicator/stories/step-indicator.stories.tsx +0 -104
@@ -1,2 +0,0 @@
1
- export { default as MicroCard } from "./MicroCard";
2
- export { MicroCardProps } from "./MicroCard";
package/esm/card/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { default as MicroCard } from "./MicroCard";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC"}
@@ -1,10 +0,0 @@
1
- import { FormFieldProps } from "../useFormField";
2
- export declare const useSearch: (props: FormFieldProps, prefix: string) => {
3
- inputDescriptionId: string;
4
- size: "small" | "medium";
5
- inputProps: {
6
- id: string;
7
- "aria-describedby": string | undefined;
8
- disabled: boolean | undefined;
9
- };
10
- };
@@ -1,25 +0,0 @@
1
- import cl from "classnames";
2
- import { useContext } from "react";
3
- import { useId } from "../../index";
4
- import { FieldsetContext } from "../index";
5
- export const useSearch = (props, prefix) => {
6
- var _a, _b;
7
- const { size } = props;
8
- const fieldset = useContext(FieldsetContext);
9
- const genId = useId();
10
- const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${prefix}-${genId}`;
11
- const inputDescriptionId = `${prefix}-description-${genId}`;
12
- const disabled = (fieldset === null || fieldset === void 0 ? void 0 : fieldset.disabled) || props.disabled;
13
- return {
14
- inputDescriptionId,
15
- size: (_b = size !== null && size !== void 0 ? size : fieldset === null || fieldset === void 0 ? void 0 : fieldset.size) !== null && _b !== void 0 ? _b : "medium",
16
- inputProps: {
17
- id,
18
- "aria-describedby": cl(props["aria-describedby"], {
19
- [inputDescriptionId]: !!(props === null || props === void 0 ? void 0 : props.description),
20
- }) || undefined,
21
- disabled,
22
- },
23
- };
24
- };
25
- //# sourceMappingURL=useSearch.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSearch.js","sourceRoot":"","sources":["../../../src/form/search/useSearch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAG3C,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,MAAc,EAAE,EAAE;;IACjE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,QAAQ,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAE7C,MAAM,KAAK,GAAG,KAAK,EAAE,CAAC;IAEtB,MAAM,EAAE,GAAG,MAAA,KAAK,CAAC,EAAE,mCAAI,GAAG,MAAM,IAAI,KAAK,EAAE,CAAC;IAC5C,MAAM,kBAAkB,GAAG,GAAG,MAAM,gBAAgB,KAAK,EAAE,CAAC;IAE5D,MAAM,QAAQ,GAAG,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,QAAQ,KAAI,KAAK,CAAC,QAAQ,CAAC;IAEtD,OAAO;QACL,kBAAkB;QAClB,IAAI,EAAE,MAAA,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,mCAAI,QAAQ;QACxC,UAAU,EAAE;YACV,EAAE;YACF,kBAAkB,EAChB,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE;gBAC5B,CAAC,kBAAkB,CAAC,EAAE,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,CAAA;aAC3C,CAAC,IAAI,SAAS;YACjB,QAAQ;SACT;KACF,CAAC;AACJ,CAAC,CAAC"}
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { MenuItemType } from "./MenuItem";
3
- import { MenuCollapseType } from "./MenuCollapse";
4
- export interface MenuProps extends React.HTMLAttributes<HTMLElement> {
5
- children: React.ReactNode;
6
- }
7
- interface MenuComponent extends React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> {
8
- Collapse: MenuCollapseType;
9
- Item: MenuItemType;
10
- }
11
- export declare const Menu: MenuComponent;
12
- export default Menu;
package/esm/menu/Menu.js DELETED
@@ -1,25 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { forwardRef } from "react";
13
- import cl from "classnames";
14
- import MenuItems from "./MenuItems";
15
- import Item from "./MenuItem";
16
- import Collapse from "./MenuCollapse";
17
- export const Menu = forwardRef((_a, ref) => {
18
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
19
- return (React.createElement("nav", Object.assign({}, rest, { role: "navigation", ref: ref, className: cl("navds-menu", className) }),
20
- React.createElement(MenuItems, null, children)));
21
- });
22
- Menu.Collapse = Collapse;
23
- Menu.Item = Item;
24
- export default Menu;
25
- //# sourceMappingURL=Menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../src/menu/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,OAAO,IAAsB,MAAM,YAAY,CAAC;AAChD,OAAO,QAA8B,MAAM,gBAAgB,CAAC;AAc5D,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAgC,EAAE,GAAG,EAAE,EAAE;QAAzC,EAAE,QAAQ,EAAE,SAAS,OAAW,EAAN,IAAI,cAA9B,yBAAgC,CAAF;IAAY,OAAA,CACzC,6CACM,IAAI,IACR,IAAI,EAAC,YAAY,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC;QAEtC,oBAAC,SAAS,QAAE,QAAQ,CAAa,CAC7B,CACP,CAAA;CAAA,CACe,CAAC;AAEnB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACzB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;AAEjB,eAAe,IAAI,CAAC"}
@@ -1,12 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- export declare const NestingContext: React.Context<{
3
- depth: number;
4
- }>;
5
- export interface MenuCollapseProps extends HTMLAttributes<HTMLDivElement> {
6
- title: string;
7
- defaultOpen?: boolean;
8
- children: React.ReactNode;
9
- }
10
- export declare type MenuCollapseType = React.ForwardRefExoticComponent<MenuCollapseProps & React.RefAttributes<HTMLDivElement>>;
11
- export declare const Collapse: MenuCollapseType;
12
- export default Collapse;
@@ -1,37 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { createContext, forwardRef, useContext, useState, } from "react";
13
- import cl from "classnames";
14
- import { Expand, ExpandFilled } from "@navikt/ds-icons";
15
- import MenuItems from "./MenuItems";
16
- export const NestingContext = createContext({ depth: 1 });
17
- const NestingProvider = ({ children }) => {
18
- const context = useContext(NestingContext);
19
- return (React.createElement(NestingContext.Provider, { value: {
20
- depth: context.depth + 1,
21
- } }, children));
22
- };
23
- export const Collapse = forwardRef((_a, ref) => {
24
- var { children, defaultOpen = false, title, className } = _a, rest = __rest(_a, ["children", "defaultOpen", "title", "className"]);
25
- const [isOpen, setIsOpen] = useState(defaultOpen);
26
- const context = useContext(NestingContext);
27
- return (React.createElement("div", Object.assign({}, rest, { ref: ref, className: cl("navds-menu-collapse", className, {
28
- "navds-menu-collapse--open": isOpen,
29
- }) }),
30
- React.createElement("button", { onClick: () => setIsOpen(!isOpen), className: "navds-menu-collapse__button" },
31
- title,
32
- React.createElement(Expand, { title: isOpen ? "lukk navigasjons-skuff" : "åpne navigason-skuff", className: "navds-menu-collapse__expand-icon" }),
33
- React.createElement(ExpandFilled, { title: isOpen ? "lukk navigasjons-skuff" : "åpne navigason-skuff", className: "navds-menu-collapse__expand-icon navds-menu-collapse__expand-icon--filled" })),
34
- React.createElement(NestingProvider, null, isOpen && (React.createElement(MenuItems, { "data-depth": context.depth, className: "navds-menu__list--inner" }, children)))));
35
- });
36
- export default Collapse;
37
- //# sourceMappingURL=MenuCollapse.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuCollapse.js","sourceRoot":"","sources":["../../src/menu/MenuCollapse.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EAEV,UAAU,EACV,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAoB,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;AAE7E,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACvC,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IACtB,KAAK,EAAE;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,CAAC;SACzB,IAEA,QAAQ,CACe,CAC3B,CAAC;AACJ,CAAC,CAAC;AAYF,MAAM,CAAC,MAAM,QAAQ,GAAqB,UAAU,CAClD,CAAC,EAA4D,EAAE,GAAG,EAAE,EAAE;QAArE,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAA1D,iDAA4D,CAAF;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,UAAU,CAAC,cAAc,CAAC,CAAC;IAE3C,OAAO,CACL,6CACM,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,SAAS,EAAE;YAC9C,2BAA2B,EAAE,MAAM;SACpC,CAAC;QAEF,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,SAAS,EAAC,6BAA6B;YAEtC,KAAK;YACN,oBAAC,MAAM,IACL,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,EACjE,SAAS,EAAC,kCAAkC,GAC5C;YACF,oBAAC,YAAY,IACX,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,sBAAsB,EACjE,SAAS,EAAC,2EAA2E,GACrF,CACK;QACT,oBAAC,eAAe,QACb,MAAM,IAAI,CACT,oBAAC,SAAS,kBACI,OAAO,CAAC,KAAK,EACzB,SAAS,EAAC,yBAAyB,IAElC,QAAQ,CACC,CACb,CACe,CACd,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { OverridableComponent } from "..";
3
- export interface MenuItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
4
- children: React.ReactNode;
5
- /**
6
- * Sets active styling if true
7
- * @default false
8
- */
9
- active?: boolean;
10
- }
11
- export declare type MenuItemType = OverridableComponent<MenuItemProps, HTMLAnchorElement>;
12
- export declare const Item: MenuItemType;
13
- export default Item;
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../src/menu/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,YAAY,CAAC;AAiB5B,MAAM,CAAC,MAAM,IAAI,GAAiB,UAAU,CAC1C,CACE,EAAqE,EACrE,GAAG,EACH,EAAE;QAFF,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,SAAS,OAAW,EAAN,IAAI,cAAnE,yCAAqE,CAAF;IAGnE,OAAO,CACL,oBAAC,SAAS,kBACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,SAAS,EAAE;YAC1C,yBAAyB,EAAE,MAAM;SAClC,CAAC,IACE,IAAI,GAEP,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- declare const MenuItems: ({ children, className, ...rest }: {
3
- children: React.ReactNode;
4
- className?: string | undefined;
5
- }) => JSX.Element;
6
- export default MenuItems;
@@ -1,19 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import cl from "classnames";
13
- import React from "react";
14
- const MenuItems = (_a) => {
15
- var { children, className } = _a, rest = __rest(_a, ["children", "className"]);
16
- return (React.createElement("ul", Object.assign({}, rest, { className: cl("navds-menu__list", className) }), React.Children.toArray(children).map((child, i) => (React.createElement("li", { key: i, className: "navds-menu__list-item" }, child)))));
17
- };
18
- export default MenuItems;
19
- //# sourceMappingURL=MenuItems.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../src/menu/MenuItems.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,SAAS,GAAG,CAAC,EAOlB,EAAE,EAAE;QAPc,EACjB,QAAQ,EACR,SAAS,OAKV,EAJI,IAAI,cAHU,yBAIlB,CADQ;IAIH,OAAA,CACJ,4CAAQ,IAAI,IAAE,SAAS,EAAE,EAAE,CAAC,kBAAkB,EAAE,SAAS,CAAC,KACvD,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAClD,4BAAI,GAAG,EAAE,CAAC,EAAE,SAAS,EAAC,uBAAuB,IAC1C,KAAK,CACH,CACN,CAAC,CACC,CACN,CAAA;CAAA,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,3 +0,0 @@
1
- export { default as Menu, MenuProps } from "./Menu";
2
- export { MenuCollapseProps } from "./MenuCollapse";
3
- export { MenuItemProps } from "./MenuItem";
package/esm/menu/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { default as Menu } from "./Menu";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAa,MAAM,QAAQ,CAAC"}
@@ -1,27 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- export interface PageHeaderProps extends HTMLAttributes<HTMLDivElement> {
3
- /**
4
- * PageHeader title
5
- */
6
- children: string;
7
- /**
8
- * Pictogram placed in PageHeader
9
- */
10
- illustration?: React.ReactNode;
11
- /**
12
- * Short text placed under title
13
- */
14
- description?: string;
15
- /**
16
- * Predefined variants for PageHeader
17
- * @default "guide"
18
- */
19
- variant?: "situation" | "product" | "guide";
20
- /**
21
- * Decides how to align content
22
- * @default "left"
23
- */
24
- align?: "left" | "center";
25
- }
26
- declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
27
- export default PageHeader;
@@ -1,24 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { forwardRef } from "react";
13
- import cl from "classnames";
14
- import { BodyShort, Heading } from "..";
15
- const PageHeader = forwardRef((_a, ref) => {
16
- var { children, className, illustration, description, variant = "guide", align = "left" } = _a, rest = __rest(_a, ["children", "className", "illustration", "description", "variant", "align"]);
17
- return (React.createElement("div", Object.assign({ ref: ref, className: cl("navds-page-header", className, `navds-page-header--${variant}`, `navds-page-header--${align}`) }, rest),
18
- illustration && (React.createElement("div", { className: "navds-page-header__illustration" }, illustration)),
19
- React.createElement("div", { className: "navds-page-header__wrapper" },
20
- React.createElement(Heading, { className: "navds-page-header__title", size: "xlarge", level: "1" }, children),
21
- description && (React.createElement(BodyShort, { className: "navds-page-header__description" }, description)))));
22
- });
23
- export default PageHeader;
24
- //# sourceMappingURL=PageHeader.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"PageHeader.js","sourceRoot":"","sources":["../../src/page-header/PageHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AA2BxC,MAAM,UAAU,GAAG,UAAU,CAC3B,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,WAAW,EACX,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,MAAM,OAEf,EADI,IAAI,cAPT,4EAQC,CADQ;IAIT,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,mBAAmB,EACnB,SAAS,EACT,sBAAsB,OAAO,EAAE,EAC/B,sBAAsB,KAAK,EAAE,CAC9B,IACG,IAAI;QAEP,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,iCAAiC,IAAE,YAAY,CAAO,CACtE;QACD,6BAAK,SAAS,EAAC,4BAA4B;YACzC,oBAAC,OAAO,IAAC,SAAS,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,GAAG,IAClE,QAAQ,CACD;YACT,WAAW,IAAI,CACd,oBAAC,SAAS,IAAC,SAAS,EAAC,gCAAgC,IAClD,WAAW,CACF,CACb,CACG,CACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,2 +0,0 @@
1
- export { default as PageHeader } from "./PageHeader";
2
- export { PageHeaderProps } from "./PageHeader";
@@ -1,2 +0,0 @@
1
- export { default as PageHeader } from "./PageHeader";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/page-header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Bubble.js","sourceRoot":"","sources":["../../src/speech-bubble/Bubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAqB5B,MAAM,MAAM,GAAe,UAAU,CACnC,CAAC,EAA0D,EAAE,GAAG,EAAE,EAAE;QAAnE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,eAAe,OAAW,EAAN,IAAI,cAAxD,uDAA0D,CAAF;IACvD,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,4BAA4B,EAC5B,SAAS,EACT,iBAAiB,CAClB,EACD,KAAK,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,EAC3C,QAAQ,EAAE,CAAC,IACP,IAAI;QAEP,OAAO,IAAI,CACV,8BAAM,SAAS,EAAC,2CAA2C,IACxD,OAAO,CACH,CACR;QACA,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -1,34 +0,0 @@
1
- import React, { HTMLAttributes } from "react";
2
- import { BubbleType } from "./Bubble";
3
- export interface SpeechBubbleProps extends HTMLAttributes<HTMLDivElement> {
4
- /**
5
- * Children of type <SpeechBubble.Bubble />
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * Top text for personalia and date
10
- */
11
- topText?: React.ReactNode;
12
- /**
13
- * Illustration for messenger. Regular text for initials works to
14
- */
15
- illustration: React.ReactNode;
16
- /**
17
- * Background color on bubbles
18
- */
19
- backgroundColor?: string;
20
- /**
21
- * Background color for illustration
22
- */
23
- illustrationBgColor?: string;
24
- /**
25
- * Positions illustration and Speechbubbles
26
- * @default "left"
27
- */
28
- position?: "left" | "right";
29
- }
30
- interface SpeechBubbleComponent extends React.ForwardRefExoticComponent<SpeechBubbleProps & React.RefAttributes<HTMLDivElement>> {
31
- Bubble: BubbleType;
32
- }
33
- export declare const SpeechBubble: SpeechBubbleComponent;
34
- export default SpeechBubble;
@@ -1,27 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { forwardRef } from "react";
13
- import cl from "classnames";
14
- import Bubble from "./Bubble";
15
- export const SpeechBubble = forwardRef((_a, ref) => {
16
- var { children, className, topText, illustration, position = "left", illustrationBgColor, backgroundColor } = _a, rest = __rest(_a, ["children", "className", "topText", "illustration", "position", "illustrationBgColor", "backgroundColor"]);
17
- return (React.createElement("div", Object.assign({ ref: ref, className: cl("navds-speechbubble", className, `navds-speechbubble--${position}`, "navds-body-long") }, rest),
18
- React.createElement("div", { className: "navds-speechbubble__illustration", style: { backgroundColor: illustrationBgColor } }, illustration),
19
- React.createElement("ol", { className: "navds-speechbubble__bubble-list" }, React.Children.map(children, (child, i) => {
20
- if (React.isValidElement(child)) {
21
- return (React.createElement("li", null, React.cloneElement(child, Object.assign({ topText: topText && i === 0 ? topText : undefined, backgroundColor }, child.props))));
22
- }
23
- }))));
24
- });
25
- SpeechBubble.Bubble = Bubble;
26
- export default SpeechBubble;
27
- //# sourceMappingURL=SpeechBubble.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SpeechBubble.js","sourceRoot":"","sources":["../../src/speech-bubble/SpeechBubble.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAkB,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,MAAsB,MAAM,UAAU,CAAC;AAqC9C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EASC,EACD,GAAG,EACH,EAAE;QAXF,EACE,QAAQ,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACZ,QAAQ,GAAG,MAAM,EACjB,mBAAmB,EACnB,eAAe,OAEhB,EADI,IAAI,cART,0GASC,CADQ;IAIT,OAAO,CACL,2CACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACX,oBAAoB,EACpB,SAAS,EACT,uBAAuB,QAAQ,EAAE,EACjC,iBAAiB,CAClB,IACG,IAAI;QAER,6BACE,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,eAAe,EAAE,mBAAmB,EAAE,IAE9C,YAAY,CACT;QACN,4BAAI,SAAS,EAAC,iCAAiC,IAC5C,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACzC,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAO,CACL,gCACG,KAAK,CAAC,YAAY,CAAC,KAAK,kBACvB,OAAO,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACjD,eAAe,IACZ,KAAK,CAAC,KAAK,EACd,CACC,CACN,CAAC;aACH;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC,CACuB,CAAC;AAE3B,YAAY,CAAC,MAAM,GAAG,MAAM,CAAC;AAE7B,eAAe,YAAY,CAAC"}
@@ -1 +0,0 @@
1
- export { default as SpeechBubble, SpeechBubbleProps } from "./SpeechBubble";
@@ -1,2 +0,0 @@
1
- export { default as SpeechBubble } from "./SpeechBubble";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/speech-bubble/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAqB,MAAM,gBAAgB,CAAC"}
@@ -1,23 +0,0 @@
1
- import React from "react";
2
- import { OverridableComponent } from "..";
3
- export interface StepIndicatorStepProps extends React.HTMLAttributes<HTMLButtonElement> {
4
- /**
5
- * Text content under indicator
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * Disables interaction with element
10
- * @note We recommend not using disabled if possible
11
- */
12
- disabled?: boolean;
13
- /**
14
- * Handled by StepIndicator
15
- * @private
16
- */
17
- index?: number;
18
- }
19
- export interface StepIndicatorStepType extends OverridableComponent<StepIndicatorStepProps, HTMLButtonElement> {
20
- }
21
- export declare const StepIndicatorStepComponent: OverridableComponent<StepIndicatorStepProps, HTMLButtonElement>;
22
- declare const Step: StepIndicatorStepType;
23
- export default Step;
@@ -1,39 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React, { forwardRef, useContext } from "react";
13
- import cl from "classnames";
14
- import { StepContext } from "./StepIndicator";
15
- import { BodyShort, Label } from "..";
16
- export const StepIndicatorStepComponent = forwardRef((_a, ref) => {
17
- var { className, children, as: Component = "button", disabled, index } = _a, rest = __rest(_a, ["className", "children", "as", "disabled", "index"]);
18
- const context = useContext(StepContext);
19
- if (context === null) {
20
- console.error("<StepIndicator.Step> has to be used within an <StepIndicator>");
21
- return null;
22
- }
23
- const safeIndex = index !== null && index !== void 0 ? index : 0;
24
- const Number = context.activeStep === safeIndex ? Label : BodyShort;
25
- return (React.createElement(Component, Object.assign({}, rest, { disabled: disabled, ref: ref, className: cl("navds-step-indicator__step", className, {
26
- "navds-step-indicator__step--disabled": disabled,
27
- "navds-step-indicator__step--active": context.activeStep === safeIndex,
28
- "navds-step-indicator__step--finished": context.activeStep > safeIndex,
29
- }), onClick: (e) => {
30
- context.onStepChange(safeIndex);
31
- rest.onClick && rest.onClick(e);
32
- } }),
33
- React.createElement(Number, { className: "navds-step-indicator__step-number" }, safeIndex + 1),
34
- React.createElement("div", { className: cl("navds-step-indicator__step-label") }, !context.hideLabels && children),
35
- safeIndex !== 0 && (React.createElement("span", { "aria-hidden": true, className: "navds-step-indicator__step-line" }))));
36
- });
37
- const Step = StepIndicatorStepComponent;
38
- export default Step;
39
- //# sourceMappingURL=Step.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Step.js","sourceRoot":"","sources":["../../src/step-indicator/Step.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAwB,MAAM,IAAI,CAAC;AAuB5D,MAAM,CAAC,MAAM,0BAA0B,GAGnC,UAAU,CACZ,CACE,EAA2E,EAC3E,GAAG,EACH,EAAE;QAFF,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,GAAG,QAAQ,EAAE,QAAQ,EAAE,KAAK,OAAW,EAAN,IAAI,cAAzE,oDAA2E,CAAF;IAGzE,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,IAAI,OAAO,KAAK,IAAI,EAAE;QACpB,OAAO,CAAC,KAAK,CACX,+DAA+D,CAChE,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,MAAM,SAAS,GAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,CAAC,CAAC;IAE7B,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAEpE,OAAO,CACL,oBAAC,SAAS,oBACJ,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,EAAE;YACrD,sCAAsC,EAAE,QAAQ;YAChD,oCAAoC,EAClC,OAAO,CAAC,UAAU,KAAK,SAAS;YAClC,sCAAsC,EACpC,OAAO,CAAC,UAAU,GAAG,SAAS;SACjC,CAAC,EACF,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;YAChC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClC,CAAC;QAED,oBAAC,MAAM,IAAC,SAAS,EAAC,mCAAmC,IAClD,SAAS,GAAG,CAAC,CACP;QACT,6BAAK,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,IACnD,CAAC,OAAO,CAAC,UAAU,IAAI,QAAQ,CAC5B;QACL,SAAS,KAAK,CAAC,IAAI,CAClB,mDAAkB,SAAS,EAAC,iCAAiC,GAAG,CACjE,CACS,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,IAAI,GAAG,0BAAmD,CAAC;AAEjE,eAAe,IAAI,CAAC"}
@@ -1,41 +0,0 @@
1
- import React from "react";
2
- import { StepIndicatorStepType } from "./Step";
3
- export interface StepIndicatorProps extends React.HTMLAttributes<HTMLOListElement> {
4
- /**
5
- * <StepIndicator.Step /> elements
6
- */
7
- children: React.ReactNode;
8
- /**
9
- * Adds classname to wrapper
10
- */
11
- className?: string;
12
- /**
13
- * Current active step index
14
- */
15
- activeStep: number;
16
- /**
17
- * Callback for clicked step index
18
- */
19
- onStepChange?: (step: number) => void;
20
- /**
21
- * Hides labels for each step if true
22
- * @default false
23
- */
24
- hideLabels?: boolean;
25
- /**
26
- * enables `hideLabels` internally when steps start to overflow.
27
- * @note declaring `hideLabels` overwrites this functionality
28
- */
29
- responsive?: boolean;
30
- }
31
- interface StepIndicatorComponent extends React.ForwardRefExoticComponent<StepIndicatorProps & React.RefAttributes<HTMLOListElement>> {
32
- Step: StepIndicatorStepType;
33
- }
34
- interface StepContextProps {
35
- activeStep: number;
36
- onStepChange: (step: number) => void;
37
- hideLabels: boolean;
38
- }
39
- export declare const StepContext: React.Context<StepContextProps | null>;
40
- export declare const StepIndicator: StepIndicatorComponent;
41
- export default StepIndicator;
@@ -1,52 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import cl from "classnames";
13
- import React, { createContext, forwardRef, useCallback, useEffect, useRef, useState, } from "react";
14
- import mergeRefs from "react-merge-refs";
15
- import StepIndicatorStep from "./Step";
16
- export const StepContext = createContext(null);
17
- export const StepIndicator = forwardRef((_a, ref) => {
18
- var { children, className, activeStep, hideLabels, onStepChange = () => { }, responsive } = _a, rest = __rest(_a, ["children", "className", "activeStep", "hideLabels", "onStepChange", "responsive"]);
19
- const wrapperRef = useRef(null);
20
- const mergedRef = mergeRefs([wrapperRef, ref]);
21
- const [showLabels, setShowLabels] = useState(true);
22
- const removeLabels = hideLabels !== null && hideLabels !== void 0 ? hideLabels : (!!responsive && !showLabels);
23
- const stepsWithIndex = React.Children.map(children, (step, index) => {
24
- return React.isValidElement(step) ? (React.createElement("li", { className: cl("navds-step-indicator__step-wrapper", {
25
- "navds-step-indicator__step-wrapper--hidelabel": removeLabels,
26
- }), key: index, "aria-current": index === activeStep && "step" }, React.cloneElement(step, Object.assign(Object.assign({}, step.props), { index })))) : (step);
27
- });
28
- const canShowLabels = useCallback(() => {
29
- var _a;
30
- const remSize = parseFloat(String(getComputedStyle(document.documentElement).fontSize));
31
- const childrenLength = React.Children.toArray(children).filter((child) => React.isValidElement(child)).length;
32
- wrapperRef.current &&
33
- setShowLabels(((_a = wrapperRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) >=
34
- remSize * 10 * childrenLength);
35
- }, [children]);
36
- useEffect(() => {
37
- window.addEventListener("resize", canShowLabels);
38
- canShowLabels();
39
- return () => {
40
- window.removeEventListener("resize", canShowLabels);
41
- };
42
- }, [canShowLabels]);
43
- return (React.createElement("ol", Object.assign({ ref: mergedRef, className: cl(`navds-step-indicator`, className) }, rest),
44
- React.createElement(StepContext.Provider, { value: {
45
- activeStep,
46
- onStepChange,
47
- hideLabels: removeLabels,
48
- } }, stepsWithIndex)));
49
- });
50
- StepIndicator.Step = StepIndicatorStep;
51
- export default StepIndicator;
52
- //# sourceMappingURL=StepIndicator.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"StepIndicator.js","sourceRoot":"","sources":["../../src/step-indicator/StepIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,WAAW,EACX,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,iBAGN,MAAM,QAAQ,CAAC;AA6ChB,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAI7D,CACE,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,EACV,YAAY,GAAG,GAAG,EAAE,GAAE,CAAC,EACvB,UAAU,OAEX,EADI,IAAI,cAPT,mFAQC,CADQ;IAIT,MAAM,UAAU,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAC;IAE/C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,CAAC,CAAC,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAClE,OAAO,KAAK,CAAC,cAAc,CAAyB,IAAI,CAAC,CAAC,CAAC,CAAC,CAC1D,4BACE,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE;gBAClD,+CAA+C,EAAE,YAAY;aAC9D,CAAC,EACF,GAAG,EAAE,KAAK,kBACI,KAAK,KAAK,UAAU,IAAI,MAAM,IAE3C,KAAK,CAAC,YAAY,CAAC,IAAI,kCACnB,IAAI,CAAC,KAAK,KACb,KAAK,IACL,CACC,CACN,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;;QACrC,MAAM,OAAO,GAAG,UAAU,CACxB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,QAAQ,CAAC,CAC5D,CAAC;QACF,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CACvE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAC5B,CAAC,MAAM,CAAC;QAET,UAAU,CAAC,OAAO;YAChB,aAAa,CACX,CAAA,MAAA,UAAU,CAAC,OAAO,0CAAE,qBAAqB,GAAG,KAAK;gBAC/C,OAAO,GAAG,EAAE,GAAG,cAAc,CAChC,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QACjD,aAAa,EAAE,CAAC;QAChB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACL,0CACE,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,IAC5C,IAAI;QAER,oBAAC,WAAW,CAAC,QAAQ,IACnB,KAAK,EAAE;gBACL,UAAU;gBACV,YAAY;gBACZ,UAAU,EAAE,YAAY;aACzB,IAEA,cAAc,CACM,CACpB,CACN,CAAC;AACJ,CAAC,CACwB,CAAC;AAE5B,aAAa,CAAC,IAAI,GAAG,iBAAiB,CAAC;AAEvC,eAAe,aAAa,CAAC"}
@@ -1 +0,0 @@
1
- export { default as StepIndicator, StepIndicatorProps } from "./StepIndicator";
@@ -1,2 +0,0 @@
1
- export { default as StepIndicator } from "./StepIndicator";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/step-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAsB,MAAM,iBAAiB,CAAC"}
@@ -1,32 +0,0 @@
1
- import React, { forwardRef } from "react";
2
- import cl from "classnames";
3
- import { OverridableComponent } from "..";
4
-
5
- export interface MicroCardProps
6
- extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
7
- /**
8
- * Link text
9
- */
10
- children: React.ReactNode;
11
- }
12
-
13
- export const MicroCard: OverridableComponent<
14
- MicroCardProps,
15
- HTMLAnchorElement
16
- > = forwardRef(({ className, as: Component = "a", children, ...rest }, ref) => (
17
- <Component
18
- ref={ref}
19
- className={cl(
20
- "navds-card__micro",
21
- "navds-detail",
22
- "navds-detail--small",
23
- className
24
- )}
25
- title={children}
26
- {...rest}
27
- >
28
- {children}
29
- </Component>
30
- ));
31
-
32
- export default MicroCard;
package/src/card/index.ts DELETED
@@ -1,2 +0,0 @@
1
- export { default as MicroCard } from "./MicroCard";
2
- export { MicroCardProps } from "./MicroCard";
@@ -1,26 +0,0 @@
1
- import { Meta, Canvas } from "@storybook/addon-docs";
2
- import { MicroCard } from "../index.ts";
3
-
4
- <Meta title="ds-react(deprecated)/card/intro" />
5
-
6
- # Hvordan ta i bruk card
7
-
8
- ## MicroCard
9
-
10
- Kan brukes som en vanlig lenke direkte:
11
-
12
- ```
13
- <MicroCard href="/lenke/til/side">Lenketekst</MicroCard>
14
- ```
15
-
16
- <Canvas>
17
- <MicroCard href="/lenke/til/side">Lenketekst</MicroCard>
18
- </Canvas>
19
-
20
- Hvis man ønsker å ta i bruk nextjs sin `Link`-komponent:
21
-
22
- ```jsx
23
- <Link href="/lenke/til/side" passHref>
24
- <MicroCard>Lenketekst</MicroCard>
25
- </Link>
26
- ```