@navikt/ds-react 0.19.25 → 1.0.0-rc.3

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 (430) hide show
  1. package/README.md +43 -0
  2. package/_docs.json +364 -520
  3. package/cjs/accordion/Accordion.js +2 -2
  4. package/cjs/accordion/AccordionContent.js +5 -9
  5. package/cjs/accordion/AccordionHeader.js +5 -10
  6. package/cjs/accordion/AccordionItem.js +3 -7
  7. package/cjs/alert/Alert.js +2 -2
  8. package/cjs/button/Button.js +9 -7
  9. package/cjs/{speech-bubble → chat}/Bubble.js +7 -4
  10. package/cjs/{speech-bubble/SpeechBubble.js → chat/Chat.js} +11 -10
  11. package/cjs/{menu → chat}/index.js +3 -3
  12. package/cjs/chat/package.json +6 -0
  13. package/cjs/form/ConfirmationPanel.js +3 -3
  14. package/cjs/form/Fieldset/Fieldset.js +6 -6
  15. package/cjs/form/Select.js +6 -6
  16. package/cjs/form/Switch.js +4 -4
  17. package/cjs/form/TextField.js +6 -6
  18. package/cjs/form/Textarea.js +14 -14
  19. package/cjs/form/checkbox/Checkbox.js +3 -3
  20. package/cjs/form/checkbox/CheckboxGroup.js +2 -2
  21. package/cjs/form/error-summary/ErrorSummary.js +3 -3
  22. package/cjs/form/error-summary/ErrorSummaryItem.js +2 -2
  23. package/cjs/form/radio/Radio.js +2 -2
  24. package/cjs/form/radio/RadioGroup.js +2 -2
  25. package/cjs/form/search/Search.js +6 -7
  26. package/cjs/form/search/SearchButton.js +2 -4
  27. package/cjs/form/useFormField.js +2 -2
  28. package/cjs/grid/Cell.js +2 -2
  29. package/cjs/grid/ContentContainer.js +2 -2
  30. package/cjs/grid/Grid.js +2 -2
  31. package/cjs/guide-panel/Guide.js +3 -3
  32. package/cjs/guide-panel/GuidePanel.js +2 -2
  33. package/cjs/help-text/HelpText.js +5 -5
  34. package/cjs/index.js +1 -6
  35. package/cjs/link/Link.js +2 -2
  36. package/cjs/link-panel/LinkPanel.js +2 -2
  37. package/cjs/link-panel/LinkPanelDescription.js +2 -2
  38. package/cjs/link-panel/LinkPanelTitle.js +2 -2
  39. package/cjs/loader/Loader.js +2 -2
  40. package/cjs/modal/Modal.js +5 -7
  41. package/cjs/modal/ModalContent.js +2 -2
  42. package/cjs/pagination/Pagination.js +18 -23
  43. package/cjs/{menu/MenuItem.js → pagination/PaginationItem.js} +5 -4
  44. package/cjs/panel/Panel.js +2 -2
  45. package/cjs/popover/Popover.js +55 -45
  46. package/cjs/popover/PopoverContent.js +2 -2
  47. package/cjs/read-more/ReadMore.js +7 -11
  48. package/cjs/stepper/Step.js +2 -2
  49. package/cjs/stepper/Stepper.js +3 -3
  50. package/cjs/table/Body.js +2 -2
  51. package/cjs/table/DataCell.js +2 -2
  52. package/cjs/table/ExpandableRow.js +9 -12
  53. package/cjs/table/Header.js +2 -2
  54. package/cjs/table/HeaderCell.js +2 -2
  55. package/cjs/table/Row.js +2 -2
  56. package/cjs/table/Table.js +2 -2
  57. package/cjs/tabs/Tab.js +4 -4
  58. package/cjs/tabs/TabList.js +8 -7
  59. package/cjs/tabs/TabPanel.js +2 -2
  60. package/cjs/tabs/Tabs.js +5 -3
  61. package/cjs/tag/Tag.js +2 -2
  62. package/cjs/toggle-group/ToggleGroup.js +5 -5
  63. package/cjs/toggle-group/ToggleItem.js +2 -2
  64. package/cjs/tooltip/Tooltip.js +45 -92
  65. package/cjs/typography/BodyLong.js +2 -2
  66. package/cjs/typography/BodyShort.js +2 -2
  67. package/cjs/typography/Detail.js +2 -2
  68. package/cjs/typography/ErrorMessage.js +2 -2
  69. package/cjs/typography/Heading.js +2 -2
  70. package/cjs/typography/Ingress.js +2 -2
  71. package/cjs/typography/Label.js +2 -2
  72. package/cjs/util/AnimateHeight.js +204 -0
  73. package/cjs/util/TextareaAutoSize.js +174 -0
  74. package/cjs/util/debounce.js +18 -0
  75. package/cjs/util/index.js +14 -1
  76. package/cjs/util/mergeRefs.js +16 -0
  77. package/cjs/util/useId.js +60 -17
  78. package/esm/accordion/Accordion.js +1 -1
  79. package/esm/accordion/Accordion.js.map +1 -1
  80. package/esm/accordion/AccordionContent.d.ts +0 -2
  81. package/esm/accordion/AccordionContent.js +5 -9
  82. package/esm/accordion/AccordionContent.js.map +1 -1
  83. package/esm/accordion/AccordionHeader.js +5 -10
  84. package/esm/accordion/AccordionHeader.js.map +1 -1
  85. package/esm/accordion/AccordionItem.d.ts +0 -8
  86. package/esm/accordion/AccordionItem.js +2 -6
  87. package/esm/accordion/AccordionItem.js.map +1 -1
  88. package/esm/alert/Alert.d.ts +1 -1
  89. package/esm/alert/Alert.js +1 -1
  90. package/esm/alert/Alert.js.map +1 -1
  91. package/esm/button/Button.d.ts +10 -1
  92. package/esm/button/Button.js +10 -8
  93. package/esm/button/Button.js.map +1 -1
  94. package/esm/{speech-bubble → chat}/Bubble.d.ts +7 -3
  95. package/esm/{speech-bubble → chat}/Bubble.js +7 -4
  96. package/esm/chat/Bubble.js.map +1 -0
  97. package/esm/chat/Chat.d.ts +38 -0
  98. package/esm/chat/Chat.js +28 -0
  99. package/esm/chat/Chat.js.map +1 -0
  100. package/esm/chat/index.d.ts +1 -0
  101. package/esm/chat/index.js +2 -0
  102. package/esm/chat/index.js.map +1 -0
  103. package/esm/form/ConfirmationPanel.d.ts +1 -1
  104. package/esm/form/ConfirmationPanel.js +3 -3
  105. package/esm/form/ConfirmationPanel.js.map +1 -1
  106. package/esm/form/Fieldset/Fieldset.js +1 -1
  107. package/esm/form/Fieldset/Fieldset.js.map +1 -1
  108. package/esm/form/Select.js +1 -1
  109. package/esm/form/Select.js.map +1 -1
  110. package/esm/form/Switch.js +1 -1
  111. package/esm/form/Switch.js.map +1 -1
  112. package/esm/form/TextField.js +1 -1
  113. package/esm/form/TextField.js.map +1 -1
  114. package/esm/form/Textarea.js +6 -6
  115. package/esm/form/Textarea.js.map +1 -1
  116. package/esm/form/checkbox/Checkbox.js +1 -1
  117. package/esm/form/checkbox/Checkbox.js.map +1 -1
  118. package/esm/form/checkbox/CheckboxGroup.js +1 -1
  119. package/esm/form/checkbox/CheckboxGroup.js.map +1 -1
  120. package/esm/form/error-summary/ErrorSummary.js +3 -3
  121. package/esm/form/error-summary/ErrorSummary.js.map +1 -1
  122. package/esm/form/error-summary/ErrorSummaryItem.js +1 -1
  123. package/esm/form/error-summary/ErrorSummaryItem.js.map +1 -1
  124. package/esm/form/radio/Radio.js +1 -1
  125. package/esm/form/radio/Radio.js.map +1 -1
  126. package/esm/form/radio/RadioGroup.js +1 -1
  127. package/esm/form/radio/RadioGroup.js.map +1 -1
  128. package/esm/form/search/Search.js +4 -5
  129. package/esm/form/search/Search.js.map +1 -1
  130. package/esm/form/search/SearchButton.d.ts +1 -1
  131. package/esm/form/search/SearchButton.js +2 -4
  132. package/esm/form/search/SearchButton.js.map +1 -1
  133. package/esm/form/useFormField.js +1 -1
  134. package/esm/form/useFormField.js.map +1 -1
  135. package/esm/grid/Cell.js +1 -1
  136. package/esm/grid/Cell.js.map +1 -1
  137. package/esm/grid/ContentContainer.js +1 -1
  138. package/esm/grid/ContentContainer.js.map +1 -1
  139. package/esm/grid/Grid.js +1 -1
  140. package/esm/grid/Grid.js.map +1 -1
  141. package/esm/guide-panel/Guide.js +1 -1
  142. package/esm/guide-panel/Guide.js.map +1 -1
  143. package/esm/guide-panel/GuidePanel.js +1 -1
  144. package/esm/guide-panel/GuidePanel.js.map +1 -1
  145. package/esm/help-text/HelpText.d.ts +1 -2
  146. package/esm/help-text/HelpText.js +7 -7
  147. package/esm/help-text/HelpText.js.map +1 -1
  148. package/esm/index.d.ts +1 -5
  149. package/esm/index.js +1 -6
  150. package/esm/index.js.map +1 -1
  151. package/esm/link/Link.js +1 -1
  152. package/esm/link/Link.js.map +1 -1
  153. package/esm/link-panel/LinkPanel.js +1 -1
  154. package/esm/link-panel/LinkPanel.js.map +1 -1
  155. package/esm/link-panel/LinkPanelDescription.js +1 -1
  156. package/esm/link-panel/LinkPanelDescription.js.map +1 -1
  157. package/esm/link-panel/LinkPanelTitle.js +1 -1
  158. package/esm/link-panel/LinkPanelTitle.js.map +1 -1
  159. package/esm/loader/Loader.js +1 -1
  160. package/esm/loader/Loader.js.map +1 -1
  161. package/esm/modal/Modal.js +5 -7
  162. package/esm/modal/Modal.js.map +1 -1
  163. package/esm/modal/ModalContent.js +1 -1
  164. package/esm/modal/ModalContent.js.map +1 -1
  165. package/esm/pagination/Pagination.d.ts +12 -3
  166. package/esm/pagination/Pagination.js +17 -22
  167. package/esm/pagination/Pagination.js.map +1 -1
  168. package/esm/pagination/PaginationItem.d.ts +22 -0
  169. package/esm/{menu/MenuItem.js → pagination/PaginationItem.js} +6 -5
  170. package/esm/pagination/PaginationItem.js.map +1 -0
  171. package/esm/pagination/index.d.ts +1 -2
  172. package/esm/pagination/index.js.map +1 -1
  173. package/esm/panel/Panel.js +1 -1
  174. package/esm/panel/Panel.js.map +1 -1
  175. package/esm/popover/Popover.d.ts +2 -3
  176. package/esm/popover/Popover.js +56 -46
  177. package/esm/popover/Popover.js.map +1 -1
  178. package/esm/popover/PopoverContent.js +1 -1
  179. package/esm/popover/PopoverContent.js.map +1 -1
  180. package/esm/read-more/ReadMore.d.ts +0 -5
  181. package/esm/read-more/ReadMore.js +7 -11
  182. package/esm/read-more/ReadMore.js.map +1 -1
  183. package/esm/stepper/Step.js +1 -1
  184. package/esm/stepper/Step.js.map +1 -1
  185. package/esm/stepper/Stepper.js +1 -1
  186. package/esm/stepper/Stepper.js.map +1 -1
  187. package/esm/table/Body.js +1 -1
  188. package/esm/table/Body.js.map +1 -1
  189. package/esm/table/DataCell.js +1 -1
  190. package/esm/table/DataCell.js.map +1 -1
  191. package/esm/table/ExpandableRow.js +7 -10
  192. package/esm/table/ExpandableRow.js.map +1 -1
  193. package/esm/table/Header.js +1 -1
  194. package/esm/table/Header.js.map +1 -1
  195. package/esm/table/HeaderCell.js +1 -1
  196. package/esm/table/HeaderCell.js.map +1 -1
  197. package/esm/table/Row.js +1 -1
  198. package/esm/table/Row.js.map +1 -1
  199. package/esm/table/Table.js +1 -1
  200. package/esm/table/Table.js.map +1 -1
  201. package/esm/tabs/Tab.d.ts +0 -5
  202. package/esm/tabs/Tab.js +5 -5
  203. package/esm/tabs/Tab.js.map +1 -1
  204. package/esm/tabs/TabList.d.ts +0 -4
  205. package/esm/tabs/TabList.js +7 -6
  206. package/esm/tabs/TabList.js.map +1 -1
  207. package/esm/tabs/TabPanel.js +1 -1
  208. package/esm/tabs/TabPanel.js.map +1 -1
  209. package/esm/tabs/Tabs.d.ts +12 -0
  210. package/esm/tabs/Tabs.js +4 -2
  211. package/esm/tabs/Tabs.js.map +1 -1
  212. package/esm/tag/Tag.js +1 -1
  213. package/esm/tag/Tag.js.map +1 -1
  214. package/esm/toggle-group/ToggleGroup.js +3 -3
  215. package/esm/toggle-group/ToggleGroup.js.map +1 -1
  216. package/esm/toggle-group/ToggleItem.js +1 -1
  217. package/esm/toggle-group/ToggleItem.js.map +1 -1
  218. package/esm/tooltip/Tooltip.js +44 -91
  219. package/esm/tooltip/Tooltip.js.map +1 -1
  220. package/esm/typography/BodyLong.js +1 -1
  221. package/esm/typography/BodyLong.js.map +1 -1
  222. package/esm/typography/BodyShort.js +1 -1
  223. package/esm/typography/BodyShort.js.map +1 -1
  224. package/esm/typography/Detail.js +1 -1
  225. package/esm/typography/Detail.js.map +1 -1
  226. package/esm/typography/ErrorMessage.js +1 -1
  227. package/esm/typography/ErrorMessage.js.map +1 -1
  228. package/esm/typography/Heading.js +1 -1
  229. package/esm/typography/Heading.js.map +1 -1
  230. package/esm/typography/Ingress.js +1 -1
  231. package/esm/typography/Ingress.js.map +1 -1
  232. package/esm/typography/Label.js +1 -1
  233. package/esm/typography/Label.js.map +1 -1
  234. package/esm/util/AnimateHeight.d.ts +10 -0
  235. package/esm/util/AnimateHeight.js +180 -0
  236. package/esm/util/AnimateHeight.js.map +1 -0
  237. package/esm/util/TextareaAutoSize.d.ts +14 -0
  238. package/esm/util/TextareaAutoSize.js +150 -0
  239. package/esm/util/TextareaAutoSize.js.map +1 -0
  240. package/esm/util/debounce.d.ts +4 -0
  241. package/esm/util/debounce.js +16 -0
  242. package/esm/util/debounce.js.map +1 -0
  243. package/esm/util/index.d.ts +4 -0
  244. package/esm/util/index.js +9 -1
  245. package/esm/util/index.js.map +1 -1
  246. package/esm/util/mergeRefs.d.ts +2 -0
  247. package/esm/util/mergeRefs.js +14 -0
  248. package/esm/util/mergeRefs.js.map +1 -0
  249. package/esm/util/useId.d.ts +7 -3
  250. package/esm/util/useId.js +36 -16
  251. package/esm/util/useId.js.map +1 -1
  252. package/package.json +13 -15
  253. package/src/accordion/Accordion.tsx +1 -1
  254. package/src/accordion/AccordionContent.tsx +13 -19
  255. package/src/accordion/AccordionHeader.tsx +11 -18
  256. package/src/accordion/AccordionItem.tsx +2 -23
  257. package/src/accordion/accordion.stories.tsx +30 -31
  258. package/src/alert/Alert.tsx +2 -2
  259. package/src/alert/alert.stories.tsx +7 -0
  260. package/src/button/Button.tsx +39 -14
  261. package/src/button/button.stories.tsx +55 -28
  262. package/src/chat/Bubble.tsx +52 -0
  263. package/src/chat/Chat.tsx +96 -0
  264. package/src/chat/chat.stories.tsx +202 -0
  265. package/src/chat/index.ts +1 -0
  266. package/src/form/ConfirmationPanel.tsx +9 -4
  267. package/src/form/Fieldset/Fieldset.tsx +1 -1
  268. package/src/form/Select.tsx +1 -1
  269. package/src/form/Switch.tsx +1 -1
  270. package/src/form/TextField.tsx +1 -1
  271. package/src/form/Textarea.tsx +6 -6
  272. package/src/form/checkbox/Checkbox.test.tsx +20 -17
  273. package/src/form/checkbox/Checkbox.tsx +1 -1
  274. package/src/form/checkbox/CheckboxGroup.tsx +1 -1
  275. package/src/form/error-summary/ErrorSummary.tsx +3 -3
  276. package/src/form/error-summary/ErrorSummaryItem.tsx +1 -1
  277. package/src/form/radio/Radio.tsx +1 -1
  278. package/src/form/radio/RadioGroup.tsx +1 -1
  279. package/src/form/search/Search.tsx +11 -4
  280. package/src/form/search/SearchButton.tsx +8 -4
  281. package/src/form/useFormField.ts +1 -1
  282. package/src/grid/Cell.tsx +1 -1
  283. package/src/grid/ContentContainer.tsx +1 -1
  284. package/src/grid/Grid.tsx +1 -1
  285. package/src/grid/grid.stories.tsx +68 -0
  286. package/src/guide-panel/Guide.tsx +1 -1
  287. package/src/guide-panel/GuidePanel.tsx +1 -1
  288. package/src/help-text/HelpText.tsx +22 -8
  289. package/src/help-text/help-text.stories.tsx +12 -16
  290. package/src/index.ts +1 -7
  291. package/src/link/Link.tsx +1 -1
  292. package/src/link-panel/LinkPanel.tsx +1 -1
  293. package/src/link-panel/LinkPanelDescription.tsx +1 -1
  294. package/src/link-panel/LinkPanelTitle.tsx +1 -1
  295. package/src/loader/Loader.tsx +1 -1
  296. package/src/modal/Modal.tsx +6 -8
  297. package/src/modal/ModalContent.tsx +1 -1
  298. package/src/pagination/Pagination.tsx +87 -72
  299. package/src/pagination/PaginationItem.tsx +56 -0
  300. package/src/pagination/index.ts +1 -2
  301. package/src/pagination/pagination.stories.tsx +90 -16
  302. package/src/panel/Panel.tsx +1 -1
  303. package/src/popover/Popover.test.tsx +143 -0
  304. package/src/popover/Popover.tsx +107 -73
  305. package/src/popover/PopoverContent.tsx +1 -1
  306. package/src/popover/popover.stories.tsx +22 -27
  307. package/src/read-more/ReadMore.tsx +19 -30
  308. package/src/read-more/readmore.stories.tsx +3 -10
  309. package/src/stepper/Step.tsx +1 -1
  310. package/src/stepper/Stepper.tsx +1 -1
  311. package/src/table/Body.tsx +1 -1
  312. package/src/table/DataCell.tsx +1 -1
  313. package/src/table/ExpandableRow.tsx +12 -13
  314. package/src/table/Header.tsx +1 -1
  315. package/src/table/HeaderCell.tsx +1 -1
  316. package/src/table/Row.tsx +1 -1
  317. package/src/table/Table.tsx +1 -1
  318. package/src/tabs/Tab.tsx +6 -19
  319. package/src/tabs/TabList.tsx +14 -9
  320. package/src/tabs/TabPanel.tsx +1 -1
  321. package/src/tabs/Tabs.stories.tsx +94 -117
  322. package/src/tabs/Tabs.tsx +17 -1
  323. package/src/tag/Tag.tsx +1 -1
  324. package/src/toggle-group/ToggleGroup.tsx +3 -3
  325. package/src/toggle-group/ToggleItem.tsx +1 -1
  326. package/src/tooltip/Tooltip.test.tsx +167 -0
  327. package/src/tooltip/Tooltip.tsx +106 -173
  328. package/src/tooltip/tooltip.stories.tsx +15 -1
  329. package/src/typography/BodyLong.tsx +1 -1
  330. package/src/typography/BodyShort.tsx +1 -1
  331. package/src/typography/Detail.tsx +1 -1
  332. package/src/typography/ErrorMessage.tsx +1 -1
  333. package/src/typography/Heading.tsx +1 -1
  334. package/src/typography/Ingress.tsx +1 -1
  335. package/src/typography/Label.tsx +1 -1
  336. package/src/util/AnimateHeight.tsx +240 -0
  337. package/src/util/TextareaAutoSize.tsx +224 -0
  338. package/src/util/debounce.ts +17 -0
  339. package/src/util/index.ts +14 -2
  340. package/src/util/mergeRefs.tsx +14 -0
  341. package/src/util/useId.ts +37 -20
  342. package/cjs/card/MicroCard.js +0 -47
  343. package/cjs/card/index.js +0 -8
  344. package/cjs/card/package.json +0 -6
  345. package/cjs/menu/Menu.js +0 -53
  346. package/cjs/menu/MenuCollapse.js +0 -65
  347. package/cjs/menu/MenuItems.js +0 -23
  348. package/cjs/menu/package.json +0 -6
  349. package/cjs/page-header/PageHeader.js +0 -51
  350. package/cjs/page-header/index.js +0 -8
  351. package/cjs/page-header/package.json +0 -6
  352. package/cjs/speech-bubble/index.js +0 -8
  353. package/cjs/speech-bubble/package.json +0 -6
  354. package/cjs/step-indicator/Step.js +0 -67
  355. package/cjs/step-indicator/StepIndicator.js +0 -80
  356. package/cjs/step-indicator/index.js +0 -8
  357. package/cjs/step-indicator/package.json +0 -6
  358. package/esm/card/MicroCard.d.ts +0 -10
  359. package/esm/card/MicroCard.js +0 -19
  360. package/esm/card/MicroCard.js.map +0 -1
  361. package/esm/card/index.d.ts +0 -2
  362. package/esm/card/index.js +0 -2
  363. package/esm/card/index.js.map +0 -1
  364. package/esm/menu/Menu.d.ts +0 -12
  365. package/esm/menu/Menu.js +0 -25
  366. package/esm/menu/Menu.js.map +0 -1
  367. package/esm/menu/MenuCollapse.d.ts +0 -12
  368. package/esm/menu/MenuCollapse.js +0 -37
  369. package/esm/menu/MenuCollapse.js.map +0 -1
  370. package/esm/menu/MenuItem.d.ts +0 -13
  371. package/esm/menu/MenuItem.js.map +0 -1
  372. package/esm/menu/MenuItems.d.ts +0 -6
  373. package/esm/menu/MenuItems.js +0 -19
  374. package/esm/menu/MenuItems.js.map +0 -1
  375. package/esm/menu/index.d.ts +0 -3
  376. package/esm/menu/index.js +0 -2
  377. package/esm/menu/index.js.map +0 -1
  378. package/esm/page-header/PageHeader.d.ts +0 -27
  379. package/esm/page-header/PageHeader.js +0 -24
  380. package/esm/page-header/PageHeader.js.map +0 -1
  381. package/esm/page-header/index.d.ts +0 -2
  382. package/esm/page-header/index.js +0 -2
  383. package/esm/page-header/index.js.map +0 -1
  384. package/esm/speech-bubble/Bubble.js.map +0 -1
  385. package/esm/speech-bubble/SpeechBubble.d.ts +0 -34
  386. package/esm/speech-bubble/SpeechBubble.js +0 -27
  387. package/esm/speech-bubble/SpeechBubble.js.map +0 -1
  388. package/esm/speech-bubble/index.d.ts +0 -1
  389. package/esm/speech-bubble/index.js +0 -2
  390. package/esm/speech-bubble/index.js.map +0 -1
  391. package/esm/step-indicator/Step.d.ts +0 -23
  392. package/esm/step-indicator/Step.js +0 -39
  393. package/esm/step-indicator/Step.js.map +0 -1
  394. package/esm/step-indicator/StepIndicator.d.ts +0 -41
  395. package/esm/step-indicator/StepIndicator.js +0 -52
  396. package/esm/step-indicator/StepIndicator.js.map +0 -1
  397. package/esm/step-indicator/index.d.ts +0 -1
  398. package/esm/step-indicator/index.js +0 -2
  399. package/esm/step-indicator/index.js.map +0 -1
  400. package/src/card/MicroCard.tsx +0 -32
  401. package/src/card/index.ts +0 -2
  402. package/src/card/stories/card.stories.mdx +0 -26
  403. package/src/card/stories/card.stories.tsx +0 -16
  404. package/src/grid/stories/grid.stories.mdx +0 -79
  405. package/src/grid/stories/grid.stories.tsx +0 -51
  406. package/src/grid/stories/styles.css +0 -21
  407. package/src/menu/Menu.tsx +0 -36
  408. package/src/menu/MenuCollapse.tsx +0 -80
  409. package/src/menu/MenuItem.tsx +0 -39
  410. package/src/menu/MenuItems.tsx +0 -21
  411. package/src/menu/index.ts +0 -3
  412. package/src/menu/stories/menu.stories.mdx +0 -93
  413. package/src/menu/stories/menu.stories.tsx +0 -139
  414. package/src/page-header/PageHeader.tsx +0 -72
  415. package/src/page-header/index.ts +0 -2
  416. package/src/page-header/stories/header.stories.mdx +0 -81
  417. package/src/page-header/stories/header.stories.tsx +0 -61
  418. package/src/page-header/stories/pictogram.tsx +0 -14
  419. package/src/speech-bubble/Bubble.tsx +0 -48
  420. package/src/speech-bubble/SpeechBubble.tsx +0 -93
  421. package/src/speech-bubble/index.ts +0 -1
  422. package/src/speech-bubble/stories/illustration.tsx +0 -66
  423. package/src/speech-bubble/stories/speechbubble.stories.mdx +0 -184
  424. package/src/speech-bubble/stories/speechbubble.stories.tsx +0 -104
  425. package/src/step-indicator/Step.tsx +0 -81
  426. package/src/step-indicator/StepIndicator.tsx +0 -148
  427. package/src/step-indicator/index.ts +0 -1
  428. package/src/step-indicator/stories/Example.tsx +0 -23
  429. package/src/step-indicator/stories/step-indicator.stories.mdx +0 -122
  430. package/src/step-indicator/stories/step-indicator.stories.tsx +0 -104
package/README.md ADDED
@@ -0,0 +1,43 @@
1
+ # NAV React-components
2
+
3
+ All of NAVs core React-components
4
+
5
+ - Uses styling from `@navikt/ds-css`
6
+ - All components implemented with React.forwardRef!
7
+ - Most components extend native html-elements.
8
+
9
+ ## Installation
10
+
11
+ Install `@navikt/ds-react` with yarn
12
+
13
+ ```bash
14
+ yarn add @navikt/ds-react
15
+ ```
16
+
17
+ Install `@navikt/ds-react` with npm
18
+
19
+ ```bash
20
+ npm install @navikt/ds-react
21
+ ```
22
+
23
+ ## Usage
24
+
25
+ Remember to also import @navikt/ds-css to apply styling!
26
+
27
+ ```javascript
28
+ import { Button } from "@navikt/ds-react";
29
+
30
+ function App() {
31
+ return <Button variant="secondary">Click me!</Button>;
32
+ }
33
+ ```
34
+
35
+ ## Learn more
36
+
37
+ - [Designsystem documentation](https://aksel.nav.no/designsystem)
38
+ - [Component-docs](https://aksel.nav.no/designsystem/side/oversikt-komponenter)
39
+ - [Storybook](https://master--5f801fb2aea7820022de2936.chromatic.com/)
40
+
41
+ ## License
42
+
43
+ [MIT](https://github.com/navikt/Designsystemet/blob/master/LICENCE)