@amsterdam/design-system-react 0.16.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (493) hide show
  1. package/README.md +0 -13
  2. package/dist/Accordion/Accordion.d.ts +3 -0
  3. package/dist/Accordion/Accordion.js +3 -0
  4. package/dist/Accordion/Accordion.test.d.ts +4 -0
  5. package/dist/Accordion/Accordion.test.js +4 -0
  6. package/dist/Accordion/AccordionSection.test.d.ts +4 -0
  7. package/dist/Accordion/AccordionSection.test.js +4 -0
  8. package/dist/Accordion/index.d.ts +4 -0
  9. package/dist/Accordion/index.js +4 -0
  10. package/dist/ActionGroup/ActionGroup.d.ts +3 -0
  11. package/dist/ActionGroup/ActionGroup.js +3 -0
  12. package/dist/ActionGroup/ActionGroup.test.d.ts +4 -0
  13. package/dist/ActionGroup/ActionGroup.test.js +4 -0
  14. package/dist/ActionGroup/index.d.ts +4 -0
  15. package/dist/ActionGroup/index.js +4 -0
  16. package/dist/Alert/Alert.d.ts +3 -0
  17. package/dist/Alert/Alert.js +8 -5
  18. package/dist/Alert/Alert.test.d.ts +4 -0
  19. package/dist/Alert/Alert.test.js +4 -0
  20. package/dist/Alert/index.d.ts +4 -0
  21. package/dist/Alert/index.js +4 -0
  22. package/dist/Avatar/Avatar.d.ts +3 -0
  23. package/dist/Avatar/Avatar.js +5 -2
  24. package/dist/Avatar/Avatar.test.d.ts +4 -0
  25. package/dist/Avatar/Avatar.test.js +4 -0
  26. package/dist/Avatar/index.d.ts +4 -0
  27. package/dist/Avatar/index.js +4 -0
  28. package/dist/Badge/Badge.d.ts +3 -0
  29. package/dist/Badge/Badge.js +3 -0
  30. package/dist/Badge/Badge.test.d.ts +4 -0
  31. package/dist/Badge/Badge.test.js +4 -0
  32. package/dist/Badge/index.d.ts +4 -0
  33. package/dist/Badge/index.js +4 -0
  34. package/dist/Blockquote/Blockquote.d.ts +3 -0
  35. package/dist/Blockquote/Blockquote.js +3 -0
  36. package/dist/Blockquote/Blockquote.test.d.ts +4 -0
  37. package/dist/Blockquote/Blockquote.test.js +4 -0
  38. package/dist/Blockquote/index.d.ts +4 -0
  39. package/dist/Blockquote/index.js +4 -0
  40. package/dist/Breadcrumb/Breadcrumb.d.ts +3 -0
  41. package/dist/Breadcrumb/Breadcrumb.js +3 -0
  42. package/dist/Breadcrumb/Breadcrumb.test.d.ts +4 -0
  43. package/dist/Breadcrumb/Breadcrumb.test.js +4 -0
  44. package/dist/Breadcrumb/BreadcrumbLink.test.d.ts +4 -0
  45. package/dist/Breadcrumb/BreadcrumbLink.test.js +4 -0
  46. package/dist/Breadcrumb/index.d.ts +4 -0
  47. package/dist/Breadcrumb/index.js +4 -0
  48. package/dist/Breakout/Breakout.d.ts +3 -0
  49. package/dist/Breakout/Breakout.js +3 -0
  50. package/dist/Breakout/Breakout.test.d.ts +4 -0
  51. package/dist/Breakout/Breakout.test.js +4 -0
  52. package/dist/Breakout/BreakoutCell.test.d.ts +4 -0
  53. package/dist/Breakout/BreakoutCell.test.js +4 -0
  54. package/dist/Breakout/index.d.ts +4 -0
  55. package/dist/Breakout/index.js +4 -0
  56. package/dist/Button/Button.d.ts +3 -0
  57. package/dist/Button/Button.js +3 -0
  58. package/dist/Button/Button.test.d.ts +4 -0
  59. package/dist/Button/Button.test.js +4 -0
  60. package/dist/Button/index.d.ts +4 -0
  61. package/dist/Button/index.js +4 -0
  62. package/dist/Card/Card.d.ts +3 -0
  63. package/dist/Card/Card.js +3 -0
  64. package/dist/Card/Card.test.d.ts +4 -0
  65. package/dist/Card/Card.test.js +4 -0
  66. package/dist/Card/CardHeading.test.d.ts +4 -0
  67. package/dist/Card/CardHeading.test.js +4 -0
  68. package/dist/Card/CardHeadingGroup.test.d.ts +4 -0
  69. package/dist/Card/CardHeadingGroup.test.js +4 -0
  70. package/dist/Card/CardImage.test.d.ts +4 -0
  71. package/dist/Card/CardImage.test.js +4 -0
  72. package/dist/Card/CardLink.test.d.ts +4 -0
  73. package/dist/Card/CardLink.test.js +4 -0
  74. package/dist/Card/index.d.ts +4 -0
  75. package/dist/Card/index.js +4 -0
  76. package/dist/CharacterCount/CharacterCount.d.ts +3 -0
  77. package/dist/CharacterCount/CharacterCount.js +3 -0
  78. package/dist/CharacterCount/CharacterCount.test.d.ts +4 -0
  79. package/dist/CharacterCount/CharacterCount.test.js +4 -0
  80. package/dist/CharacterCount/index.d.ts +4 -0
  81. package/dist/CharacterCount/index.js +4 -0
  82. package/dist/Checkbox/Checkbox.d.ts +9 -2
  83. package/dist/Checkbox/Checkbox.js +6 -2
  84. package/dist/Checkbox/Checkbox.test.d.ts +4 -0
  85. package/dist/Checkbox/Checkbox.test.js +10 -0
  86. package/dist/Checkbox/CheckboxIcon.d.ts +7 -0
  87. package/dist/Checkbox/CheckboxIcon.js +3 -0
  88. package/dist/Checkbox/index.d.ts +4 -0
  89. package/dist/Checkbox/index.js +4 -0
  90. package/dist/Column/Column.d.ts +3 -0
  91. package/dist/Column/Column.js +3 -0
  92. package/dist/Column/Column.test.d.ts +4 -0
  93. package/dist/Column/Column.test.js +4 -0
  94. package/dist/Column/index.d.ts +4 -0
  95. package/dist/Column/index.js +4 -0
  96. package/dist/DateInput/DateInput.d.ts +3 -0
  97. package/dist/DateInput/DateInput.js +3 -0
  98. package/dist/DateInput/DateInput.test.d.ts +4 -0
  99. package/dist/DateInput/DateInput.test.js +4 -0
  100. package/dist/DateInput/index.d.ts +4 -0
  101. package/dist/DateInput/index.js +4 -0
  102. package/dist/DescriptionList/DescriptionList.d.ts +3 -0
  103. package/dist/DescriptionList/DescriptionList.js +3 -0
  104. package/dist/DescriptionList/DescriptionList.test.d.ts +4 -0
  105. package/dist/DescriptionList/DescriptionList.test.js +4 -0
  106. package/dist/DescriptionList/DescriptionListDescription.test.d.ts +4 -0
  107. package/dist/DescriptionList/DescriptionListDescription.test.js +4 -0
  108. package/dist/DescriptionList/DescriptionListSection.test.d.ts +4 -0
  109. package/dist/DescriptionList/DescriptionListSection.test.js +4 -0
  110. package/dist/DescriptionList/DescriptionListTerm.test.d.ts +4 -0
  111. package/dist/DescriptionList/DescriptionListTerm.test.js +4 -0
  112. package/dist/DescriptionList/index.d.ts +4 -0
  113. package/dist/DescriptionList/index.js +4 -0
  114. package/dist/Dialog/Dialog.d.ts +3 -0
  115. package/dist/Dialog/Dialog.js +3 -0
  116. package/dist/Dialog/Dialog.test.d.ts +4 -0
  117. package/dist/Dialog/Dialog.test.js +4 -0
  118. package/dist/Dialog/index.d.ts +4 -0
  119. package/dist/Dialog/index.js +4 -0
  120. package/dist/ErrorMessage/ErrorMessage.d.ts +3 -0
  121. package/dist/ErrorMessage/ErrorMessage.js +5 -2
  122. package/dist/ErrorMessage/ErrorMessage.test.d.ts +4 -0
  123. package/dist/ErrorMessage/ErrorMessage.test.js +4 -0
  124. package/dist/ErrorMessage/index.d.ts +4 -0
  125. package/dist/ErrorMessage/index.js +4 -0
  126. package/dist/Field/Field.d.ts +3 -0
  127. package/dist/Field/Field.js +3 -0
  128. package/dist/Field/Field.test.d.ts +4 -0
  129. package/dist/Field/Field.test.js +4 -0
  130. package/dist/Field/index.d.ts +4 -0
  131. package/dist/Field/index.js +4 -0
  132. package/dist/FieldSet/FieldSet.d.ts +3 -0
  133. package/dist/FieldSet/FieldSet.js +3 -0
  134. package/dist/FieldSet/FieldSet.test.d.ts +4 -0
  135. package/dist/FieldSet/FieldSet.test.js +4 -0
  136. package/dist/FieldSet/index.d.ts +4 -0
  137. package/dist/FieldSet/index.js +4 -0
  138. package/dist/Figure/Figure.d.ts +3 -0
  139. package/dist/Figure/Figure.js +3 -0
  140. package/dist/Figure/Figure.test.d.ts +4 -0
  141. package/dist/Figure/Figure.test.js +4 -0
  142. package/dist/Figure/FigureCaption.test.d.ts +4 -0
  143. package/dist/Figure/FigureCaption.test.js +4 -0
  144. package/dist/Figure/index.d.ts +4 -0
  145. package/dist/Figure/index.js +4 -0
  146. package/dist/FileInput/FileInput.d.ts +3 -0
  147. package/dist/FileInput/FileInput.js +3 -0
  148. package/dist/FileInput/FileInput.test.d.ts +4 -0
  149. package/dist/FileInput/FileInput.test.js +4 -0
  150. package/dist/FileInput/index.d.ts +4 -0
  151. package/dist/FileInput/index.js +4 -0
  152. package/dist/FileList/FileList.d.ts +3 -0
  153. package/dist/FileList/FileList.js +3 -0
  154. package/dist/FileList/FileList.test.d.ts +4 -0
  155. package/dist/FileList/FileList.test.js +4 -0
  156. package/dist/FileList/FileListItem.test.d.ts +4 -0
  157. package/dist/FileList/FileListItem.test.js +4 -0
  158. package/dist/FileList/index.d.ts +4 -0
  159. package/dist/FileList/index.js +4 -0
  160. package/dist/Grid/Grid.d.ts +3 -0
  161. package/dist/Grid/Grid.js +3 -0
  162. package/dist/Grid/Grid.test.d.ts +4 -0
  163. package/dist/Grid/Grid.test.js +4 -0
  164. package/dist/Grid/GridCell.test.d.ts +4 -0
  165. package/dist/Grid/GridCell.test.js +4 -0
  166. package/dist/Grid/index.d.ts +4 -0
  167. package/dist/Grid/index.js +4 -0
  168. package/dist/Grid/paddingClasses.d.ts +4 -0
  169. package/dist/Grid/paddingClasses.js +4 -0
  170. package/dist/Heading/Heading.d.ts +3 -1
  171. package/dist/Heading/Heading.js +7 -0
  172. package/dist/Heading/Heading.test.d.ts +4 -0
  173. package/dist/Heading/Heading.test.js +4 -0
  174. package/dist/Heading/getHeadingTag.d.ts +4 -0
  175. package/dist/Heading/getHeadingTag.js +4 -0
  176. package/dist/Heading/index.d.ts +4 -0
  177. package/dist/Heading/index.js +4 -0
  178. package/dist/Hint/Hint.test.d.ts +4 -0
  179. package/dist/Hint/Hint.test.js +4 -0
  180. package/dist/Hint/index.d.ts +4 -0
  181. package/dist/Hint/index.js +4 -0
  182. package/dist/Icon/Icon.d.ts +4 -2
  183. package/dist/Icon/Icon.js +8 -0
  184. package/dist/Icon/Icon.test.d.ts +4 -0
  185. package/dist/Icon/Icon.test.js +13 -9
  186. package/dist/Icon/index.d.ts +4 -0
  187. package/dist/Icon/index.js +4 -0
  188. package/dist/IconButton/IconButton.d.ts +5 -2
  189. package/dist/IconButton/IconButton.js +3 -0
  190. package/dist/IconButton/IconButton.test.d.ts +4 -0
  191. package/dist/IconButton/IconButton.test.js +4 -0
  192. package/dist/IconButton/index.d.ts +4 -0
  193. package/dist/IconButton/index.js +4 -0
  194. package/dist/Image/Image.d.ts +3 -0
  195. package/dist/Image/Image.js +3 -0
  196. package/dist/Image/Image.test.d.ts +4 -0
  197. package/dist/Image/Image.test.js +4 -0
  198. package/dist/Image/generateAspectRatioClass.d.ts +4 -0
  199. package/dist/Image/generateAspectRatioClass.js +4 -0
  200. package/dist/Image/index.d.ts +4 -0
  201. package/dist/Image/index.js +4 -0
  202. package/dist/ImageSlider/ImageSlider.d.ts +3 -0
  203. package/dist/ImageSlider/ImageSlider.js +3 -0
  204. package/dist/ImageSlider/ImageSlider.test.d.ts +4 -0
  205. package/dist/ImageSlider/ImageSlider.test.js +4 -0
  206. package/dist/ImageSlider/ImageSliderControls.js +3 -3
  207. package/dist/ImageSlider/ImageSliderControls.test.d.ts +4 -0
  208. package/dist/ImageSlider/ImageSliderControls.test.js +4 -0
  209. package/dist/ImageSlider/ImageSliderItem.test.d.ts +4 -0
  210. package/dist/ImageSlider/ImageSliderItem.test.js +4 -0
  211. package/dist/ImageSlider/ImageSliderScroller.test.d.ts +4 -0
  212. package/dist/ImageSlider/ImageSliderScroller.test.js +4 -0
  213. package/dist/ImageSlider/ImageSliderThumbnails.test.d.ts +4 -0
  214. package/dist/ImageSlider/ImageSliderThumbnails.test.js +4 -0
  215. package/dist/ImageSlider/index.d.ts +4 -0
  216. package/dist/ImageSlider/index.js +4 -0
  217. package/dist/InvalidFormAlert/InvalidFormAlert.d.ts +3 -0
  218. package/dist/InvalidFormAlert/InvalidFormAlert.js +3 -0
  219. package/dist/InvalidFormAlert/InvalidFormAlert.test.d.ts +4 -0
  220. package/dist/InvalidFormAlert/InvalidFormAlert.test.js +4 -0
  221. package/dist/InvalidFormAlert/index.d.ts +4 -0
  222. package/dist/InvalidFormAlert/index.js +4 -0
  223. package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.d.ts +4 -0
  224. package/dist/InvalidFormAlert/useAddErrorCountToDocumentTitle.js +4 -0
  225. package/dist/Label/Label.d.ts +3 -1
  226. package/dist/Label/Label.js +7 -0
  227. package/dist/Label/Label.test.d.ts +4 -0
  228. package/dist/Label/Label.test.js +4 -0
  229. package/dist/Label/index.d.ts +4 -0
  230. package/dist/Label/index.js +4 -0
  231. package/dist/Link/Link.d.ts +3 -0
  232. package/dist/Link/Link.js +3 -0
  233. package/dist/Link/Link.test.d.ts +4 -0
  234. package/dist/Link/Link.test.js +4 -0
  235. package/dist/Link/index.d.ts +4 -0
  236. package/dist/Link/index.js +4 -0
  237. package/dist/LinkList/LinkList.d.ts +3 -0
  238. package/dist/LinkList/LinkList.js +3 -0
  239. package/dist/LinkList/LinkList.test.d.ts +4 -0
  240. package/dist/LinkList/LinkList.test.js +4 -0
  241. package/dist/LinkList/LinkListLink.js +2 -2
  242. package/dist/LinkList/LinkListLink.test.d.ts +4 -0
  243. package/dist/LinkList/LinkListLink.test.js +4 -0
  244. package/dist/LinkList/index.d.ts +4 -0
  245. package/dist/LinkList/index.js +4 -0
  246. package/dist/Logo/Logo.d.ts +3 -0
  247. package/dist/Logo/Logo.js +31 -9
  248. package/dist/Logo/Logo.test.d.ts +4 -0
  249. package/dist/Logo/Logo.test.js +4 -0
  250. package/dist/Logo/brand/LogoAmsterdam.d.ts +4 -0
  251. package/dist/Logo/brand/LogoAmsterdam.js +5 -1
  252. package/dist/Logo/brand/LogoGgdAmsterdam.d.ts +4 -0
  253. package/dist/Logo/brand/LogoGgdAmsterdam.js +5 -1
  254. package/dist/Logo/brand/LogoMuseumWeesp.d.ts +4 -0
  255. package/dist/Logo/brand/LogoMuseumWeesp.js +5 -1
  256. package/dist/Logo/brand/LogoStadsarchief.d.ts +4 -0
  257. package/dist/Logo/brand/LogoStadsarchief.js +5 -1
  258. package/dist/Logo/brand/LogoStadsbankVanLening.d.ts +4 -0
  259. package/dist/Logo/brand/LogoStadsbankVanLening.js +5 -1
  260. package/dist/Logo/brand/LogoVgaVerzekeringen.d.ts +4 -0
  261. package/dist/Logo/brand/LogoVgaVerzekeringen.js +5 -1
  262. package/dist/Logo/brand/index.d.ts +4 -0
  263. package/dist/Logo/brand/index.js +4 -0
  264. package/dist/Logo/index.d.ts +4 -0
  265. package/dist/Logo/index.js +4 -0
  266. package/dist/Mark/Mark.d.ts +3 -0
  267. package/dist/Mark/Mark.js +3 -0
  268. package/dist/Mark/Mark.test.d.ts +4 -0
  269. package/dist/Mark/Mark.test.js +4 -0
  270. package/dist/Mark/index.d.ts +4 -0
  271. package/dist/Mark/index.js +4 -0
  272. package/dist/OrderedList/OrderedList.d.ts +3 -0
  273. package/dist/OrderedList/OrderedList.js +3 -0
  274. package/dist/OrderedList/OrderedList.test.d.ts +4 -0
  275. package/dist/OrderedList/OrderedList.test.js +4 -0
  276. package/dist/OrderedList/OrderedListItem.test.d.ts +4 -0
  277. package/dist/OrderedList/OrderedListItem.test.js +4 -0
  278. package/dist/OrderedList/index.d.ts +4 -0
  279. package/dist/OrderedList/index.js +4 -0
  280. package/dist/Overlap/Overlap.d.ts +3 -0
  281. package/dist/Overlap/Overlap.js +3 -0
  282. package/dist/Overlap/Overlap.test.d.ts +4 -0
  283. package/dist/Overlap/Overlap.test.js +4 -0
  284. package/dist/Overlap/index.d.ts +4 -0
  285. package/dist/Overlap/index.js +4 -0
  286. package/dist/Page/Page.d.ts +3 -0
  287. package/dist/Page/Page.js +3 -0
  288. package/dist/Page/Page.test.d.ts +4 -0
  289. package/dist/Page/Page.test.js +4 -0
  290. package/dist/Page/index.d.ts +4 -0
  291. package/dist/Page/index.js +4 -0
  292. package/dist/PageFooter/PageFooter.d.ts +3 -0
  293. package/dist/PageFooter/PageFooter.js +3 -0
  294. package/dist/PageFooter/PageFooter.test.d.ts +4 -0
  295. package/dist/PageFooter/PageFooter.test.js +4 -0
  296. package/dist/PageFooter/PageFooterMenu.test.d.ts +4 -0
  297. package/dist/PageFooter/PageFooterMenu.test.js +4 -0
  298. package/dist/PageFooter/PageFooterMenuLink.test.d.ts +4 -0
  299. package/dist/PageFooter/PageFooterMenuLink.test.js +4 -0
  300. package/dist/PageFooter/PageFooterSpotlight.test.d.ts +4 -0
  301. package/dist/PageFooter/PageFooterSpotlight.test.js +4 -0
  302. package/dist/PageFooter/index.d.ts +4 -0
  303. package/dist/PageFooter/index.js +4 -0
  304. package/dist/PageHeader/PageHeader.d.ts +13 -2
  305. package/dist/PageHeader/PageHeader.js +7 -3
  306. package/dist/PageHeader/PageHeader.test.d.ts +4 -0
  307. package/dist/PageHeader/PageHeader.test.js +16 -1
  308. package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.d.ts +4 -0
  309. package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.js +4 -0
  310. package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.test.d.ts +4 -0
  311. package/dist/PageHeader/PageHeaderGridCellNarrowWindowOnly.test.js +4 -0
  312. package/dist/PageHeader/PageHeaderMenuIcon.d.ts +4 -0
  313. package/dist/PageHeader/PageHeaderMenuLink.d.ts +4 -0
  314. package/dist/PageHeader/PageHeaderMenuLink.js +4 -0
  315. package/dist/PageHeader/PageHeaderMenuLink.test.d.ts +4 -0
  316. package/dist/PageHeader/PageHeaderMenuLink.test.js +4 -0
  317. package/dist/PageHeader/index.d.ts +4 -0
  318. package/dist/PageHeader/index.js +4 -0
  319. package/dist/PageHeader/matchMedia.mock.d.ts +4 -0
  320. package/dist/PageHeader/matchMedia.mock.js +4 -0
  321. package/dist/PageHeading/PageHeading.d.ts +3 -0
  322. package/dist/PageHeading/PageHeading.js +3 -0
  323. package/dist/PageHeading/PageHeading.test.d.ts +4 -0
  324. package/dist/PageHeading/PageHeading.test.js +4 -0
  325. package/dist/PageHeading/index.d.ts +4 -0
  326. package/dist/PageHeading/index.js +4 -0
  327. package/dist/Pagination/LinkItem.d.ts +4 -0
  328. package/dist/Pagination/Pagination.d.ts +3 -0
  329. package/dist/Pagination/Pagination.js +5 -2
  330. package/dist/Pagination/Pagination.test.d.ts +4 -0
  331. package/dist/Pagination/Pagination.test.js +4 -0
  332. package/dist/Pagination/Spacer.d.ts +4 -0
  333. package/dist/Pagination/Spacer.js +4 -0
  334. package/dist/Pagination/getRange.d.ts +4 -0
  335. package/dist/Pagination/getRange.js +4 -0
  336. package/dist/Pagination/index.d.ts +4 -0
  337. package/dist/Pagination/index.js +4 -0
  338. package/dist/Paragraph/Paragraph.d.ts +3 -1
  339. package/dist/Paragraph/Paragraph.js +7 -0
  340. package/dist/Paragraph/Paragraph.test.d.ts +4 -0
  341. package/dist/Paragraph/Paragraph.test.js +4 -0
  342. package/dist/Paragraph/index.d.ts +4 -0
  343. package/dist/Paragraph/index.js +4 -0
  344. package/dist/PasswordInput/PasswordInput.d.ts +3 -0
  345. package/dist/PasswordInput/PasswordInput.js +3 -0
  346. package/dist/PasswordInput/PasswordInput.test.d.ts +4 -0
  347. package/dist/PasswordInput/PasswordInput.test.js +4 -0
  348. package/dist/PasswordInput/index.d.ts +4 -0
  349. package/dist/PasswordInput/index.js +4 -0
  350. package/dist/Radio/Radio.d.ts +3 -0
  351. package/dist/Radio/Radio.js +3 -0
  352. package/dist/Radio/Radio.test.d.ts +4 -0
  353. package/dist/Radio/Radio.test.js +6 -2
  354. package/dist/Radio/RadioIcon.d.ts +4 -0
  355. package/dist/Radio/RadioIcon.js +1 -1
  356. package/dist/Radio/index.d.ts +4 -0
  357. package/dist/Radio/index.js +4 -0
  358. package/dist/Row/Row.d.ts +3 -0
  359. package/dist/Row/Row.js +3 -0
  360. package/dist/Row/Row.test.d.ts +4 -0
  361. package/dist/Row/Row.test.js +4 -0
  362. package/dist/Row/index.d.ts +4 -0
  363. package/dist/Row/index.js +4 -0
  364. package/dist/SearchField/SearchField.d.ts +3 -0
  365. package/dist/SearchField/SearchField.js +3 -0
  366. package/dist/SearchField/SearchField.test.d.ts +4 -0
  367. package/dist/SearchField/SearchField.test.js +4 -0
  368. package/dist/SearchField/SearchFieldInput.test.d.ts +4 -0
  369. package/dist/SearchField/SearchFieldInput.test.js +4 -0
  370. package/dist/SearchField/index.d.ts +4 -0
  371. package/dist/SearchField/index.js +4 -0
  372. package/dist/Select/Select.d.ts +3 -0
  373. package/dist/Select/Select.js +3 -0
  374. package/dist/Select/Select.test.d.ts +4 -0
  375. package/dist/Select/Select.test.js +4 -0
  376. package/dist/Select/SelectOption.test.d.ts +4 -0
  377. package/dist/Select/SelectOption.test.js +4 -0
  378. package/dist/Select/SelectOptionGroup.test.d.ts +4 -0
  379. package/dist/Select/SelectOptionGroup.test.js +4 -0
  380. package/dist/Select/index.d.ts +4 -0
  381. package/dist/Select/index.js +4 -0
  382. package/dist/SkipLink/SkipLink.d.ts +3 -0
  383. package/dist/SkipLink/SkipLink.js +3 -0
  384. package/dist/SkipLink/SkipLink.test.d.ts +4 -0
  385. package/dist/SkipLink/SkipLink.test.js +4 -0
  386. package/dist/SkipLink/index.d.ts +4 -0
  387. package/dist/SkipLink/index.js +4 -0
  388. package/dist/Spotlight/Spotlight.d.ts +3 -0
  389. package/dist/Spotlight/Spotlight.js +3 -0
  390. package/dist/Spotlight/Spotlight.test.d.ts +4 -0
  391. package/dist/Spotlight/Spotlight.test.js +4 -0
  392. package/dist/Spotlight/index.d.ts +4 -0
  393. package/dist/Spotlight/index.js +4 -0
  394. package/dist/StandaloneLink/StandaloneLink.d.ts +3 -0
  395. package/dist/StandaloneLink/StandaloneLink.js +3 -0
  396. package/dist/StandaloneLink/StandaloneLink.test.d.ts +4 -0
  397. package/dist/StandaloneLink/StandaloneLink.test.js +4 -0
  398. package/dist/StandaloneLink/index.d.ts +4 -0
  399. package/dist/StandaloneLink/index.js +4 -0
  400. package/dist/Switch/Switch.d.ts +3 -0
  401. package/dist/Switch/Switch.js +3 -0
  402. package/dist/Switch/Switch.test.d.ts +4 -0
  403. package/dist/Switch/Switch.test.js +4 -0
  404. package/dist/Switch/index.d.ts +4 -0
  405. package/dist/Switch/index.js +4 -0
  406. package/dist/Table/Table.d.ts +3 -0
  407. package/dist/Table/Table.js +3 -0
  408. package/dist/Table/Table.test.d.ts +4 -0
  409. package/dist/Table/Table.test.js +4 -0
  410. package/dist/Table/TableBody.test.d.ts +4 -0
  411. package/dist/Table/TableBody.test.js +4 -0
  412. package/dist/Table/TableCaption.d.ts +1 -2
  413. package/dist/Table/TableCaption.js +4 -0
  414. package/dist/Table/TableCaption.test.d.ts +4 -0
  415. package/dist/Table/TableCaption.test.js +4 -0
  416. package/dist/Table/TableCell.test.d.ts +4 -0
  417. package/dist/Table/TableCell.test.js +4 -0
  418. package/dist/Table/TableFooter.test.d.ts +4 -0
  419. package/dist/Table/TableFooter.test.js +4 -0
  420. package/dist/Table/TableHeader.test.d.ts +4 -0
  421. package/dist/Table/TableHeader.test.js +4 -0
  422. package/dist/Table/TableHeaderCell.test.d.ts +4 -0
  423. package/dist/Table/TableHeaderCell.test.js +4 -0
  424. package/dist/Table/TableRow.test.d.ts +4 -0
  425. package/dist/Table/TableRow.test.js +4 -0
  426. package/dist/Table/index.d.ts +4 -0
  427. package/dist/Table/index.js +4 -0
  428. package/dist/TableOfContents/TableOfContents.d.ts +3 -0
  429. package/dist/TableOfContents/TableOfContents.js +3 -0
  430. package/dist/TableOfContents/TableOfContents.test.d.ts +4 -0
  431. package/dist/TableOfContents/TableOfContents.test.js +4 -0
  432. package/dist/TableOfContents/TableOfContentsLink.test.d.ts +4 -0
  433. package/dist/TableOfContents/TableOfContentsLink.test.js +4 -0
  434. package/dist/TableOfContents/TableOfContentsList.test.d.ts +4 -0
  435. package/dist/TableOfContents/TableOfContentsList.test.js +4 -0
  436. package/dist/TableOfContents/index.d.ts +4 -0
  437. package/dist/TableOfContents/index.js +4 -0
  438. package/dist/Tabs/Tabs.d.ts +3 -0
  439. package/dist/Tabs/Tabs.js +5 -1
  440. package/dist/Tabs/Tabs.test.d.ts +4 -0
  441. package/dist/Tabs/Tabs.test.js +4 -0
  442. package/dist/Tabs/TabsButton.js +3 -0
  443. package/dist/Tabs/TabsButton.test.d.ts +4 -0
  444. package/dist/Tabs/TabsButton.test.js +14 -0
  445. package/dist/Tabs/TabsList.test.d.ts +4 -0
  446. package/dist/Tabs/TabsList.test.js +4 -0
  447. package/dist/Tabs/TabsPanel.test.d.ts +4 -0
  448. package/dist/Tabs/TabsPanel.test.js +4 -0
  449. package/dist/Tabs/index.d.ts +4 -0
  450. package/dist/Tabs/index.js +4 -0
  451. package/dist/TextArea/TextArea.d.ts +3 -0
  452. package/dist/TextArea/TextArea.js +3 -0
  453. package/dist/TextArea/TextArea.test.d.ts +4 -0
  454. package/dist/TextArea/TextArea.test.js +4 -0
  455. package/dist/TextArea/index.d.ts +4 -0
  456. package/dist/TextArea/index.js +4 -0
  457. package/dist/TextInput/TextInput.d.ts +3 -0
  458. package/dist/TextInput/TextInput.js +3 -0
  459. package/dist/TextInput/TextInput.test.d.ts +4 -0
  460. package/dist/TextInput/TextInput.test.js +4 -0
  461. package/dist/TextInput/index.d.ts +4 -0
  462. package/dist/TextInput/index.js +4 -0
  463. package/dist/TimeInput/TimeInput.d.ts +3 -0
  464. package/dist/TimeInput/TimeInput.js +3 -0
  465. package/dist/TimeInput/TimeInput.test.d.ts +4 -0
  466. package/dist/TimeInput/TimeInput.test.js +4 -0
  467. package/dist/TimeInput/index.d.ts +4 -0
  468. package/dist/TimeInput/index.js +4 -0
  469. package/dist/UnorderedList/UnorderedList.d.ts +3 -0
  470. package/dist/UnorderedList/UnorderedList.js +3 -0
  471. package/dist/UnorderedList/UnorderedList.test.d.ts +4 -0
  472. package/dist/UnorderedList/UnorderedList.test.js +4 -0
  473. package/dist/UnorderedList/UnorderedListItem.test.d.ts +4 -0
  474. package/dist/UnorderedList/UnorderedListItem.test.js +4 -0
  475. package/dist/UnorderedList/index.d.ts +4 -0
  476. package/dist/UnorderedList/index.js +4 -0
  477. package/dist/common/formatFileSize.test.d.ts +4 -0
  478. package/dist/common/formatFileSize.test.js +4 -0
  479. package/dist/common/formatFileType.test.d.ts +4 -0
  480. package/dist/common/formatFileType.test.js +4 -0
  481. package/dist/common/types.d.ts +4 -0
  482. package/dist/common/types.js +4 -0
  483. package/dist/common/useIsAfterBreakpoint.d.ts +4 -0
  484. package/dist/common/useIsAfterBreakpoint.js +4 -0
  485. package/dist/common/useKeyboardFocus.test.d.ts +4 -0
  486. package/dist/common/useKeyboardFocus.test.js +4 -0
  487. package/dist/index.cjs.js +395 -111
  488. package/dist/index.cjs.js.map +1 -1
  489. package/dist/index.d.ts +199 -4
  490. package/dist/index.esm.js +396 -112
  491. package/dist/index.esm.js.map +1 -1
  492. package/dist/tsconfig.tsbuildinfo +1 -1
  493. package/package.json +13 -13
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { PasswordInput } from './PasswordInput';
2
6
  export type { PasswordInputProps } from './PasswordInput';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { PasswordInput } from './PasswordInput';
@@ -9,6 +9,9 @@ export type RadioProps = {
9
9
  /** Whether the value fails a validation rule. */
10
10
  invalid?: boolean;
11
11
  } & PropsWithChildren<Omit<InputHTMLAttributes<HTMLInputElement>, 'aria-invalid' | 'type'>>;
12
+ /**
13
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-radio--docs Radio docs at Amsterdam Design System}
14
+ */
12
15
  export declare const Radio: import("react").ForwardRefExoticComponent<{
13
16
  /** An icon to display instead of the default icon. */
14
17
  icon?: ReactNode;
@@ -6,6 +6,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
6
  import clsx from 'clsx';
7
7
  import { forwardRef, useId } from 'react';
8
8
  import RadioIcon from './RadioIcon';
9
+ /**
10
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-radio--docs Radio docs at Amsterdam Design System}
11
+ */
9
12
  export const Radio = forwardRef(({ children, className, icon, invalid, ...restProps }, ref) => {
10
13
  const id = useId();
11
14
  return (
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,5 +1,9 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { FavouriteIcon } from '@amsterdam/design-system-react-icons';
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
6
+ import { StarIcon } from '@amsterdam/design-system-react-icons';
3
7
  import { render, screen } from '@testing-library/react';
4
8
  import { createRef } from 'react';
5
9
  import { Radio } from './Radio';
@@ -108,7 +112,7 @@ describe('Radio', () => {
108
112
  expect(handleChange).toHaveBeenCalled();
109
113
  });
110
114
  it('shows a custom icon', () => {
111
- const { container } = render(_jsx(Radio, { icon: _jsx(FavouriteIcon, { className: "test-class" }) }));
115
+ const { container } = render(_jsx(Radio, { icon: _jsx(StarIcon, { className: "test-class" }) }));
112
116
  const icon = container.querySelector('svg');
113
117
  expect(icon).toHaveClass('test-class');
114
118
  });
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import type { SVGProps } from 'react';
2
6
  declare const SvgRadio: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
7
  export default SvgRadio;
@@ -1,3 +1,3 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- const SvgRadio = (props) => (_jsxs("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { className: "ams-radio__circle", cx: 12, cy: 12, r: 10 }), _jsx("circle", { className: "ams-radio__hover-indicator", cx: 12, cy: 12, r: 9.5 }), _jsx("circle", { className: "ams-radio__checked-indicator", cx: 12, cy: 12, r: 6 })] }));
2
+ const SvgRadio = (props) => (_jsxs("svg", { "aria-hidden": "true", focusable: "false", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...props, children: [_jsx("circle", { className: "ams-radio__circle", cx: 12, cy: 12, fill: "none", r: 10, stroke: "black", strokeWidth: "2px" }), _jsx("circle", { className: "ams-radio__hover-indicator", cx: 12, cy: 12, fill: "none", r: 9.5, stroke: "black", strokeWidth: "3px" }), _jsx("circle", { className: "ams-radio__checked-indicator", cx: 12, cy: 12, r: 6 })] }));
3
3
  export default SvgRadio;
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Radio } from './Radio';
2
6
  export type { RadioProps } from './Radio';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Radio } from './Radio';
package/dist/Row/Row.d.ts CHANGED
@@ -35,6 +35,9 @@ export type RowProps = {
35
35
  */
36
36
  wrap?: boolean;
37
37
  } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
38
+ /**
39
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System}
40
+ */
38
41
  export declare const Row: import("react").ForwardRefExoticComponent<{
39
42
  /**
40
43
  * The horizontal alignment of the items in the row.
package/dist/Row/Row.js CHANGED
@@ -7,5 +7,8 @@ import clsx from 'clsx';
7
7
  import { forwardRef } from 'react';
8
8
  export const rowTags = ['article', 'div', 'section'];
9
9
  export const rowGapSizes = ['none', 'x-small', 'small', 'large', 'x-large'];
10
+ /**
11
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-layout-row--docs Row docs at Amsterdam Design System}
12
+ */
10
13
  export const Row = forwardRef(({ align, alignVertical, as: Tag = 'div', children, className, gap, wrap, ...restProps }, ref) => (_jsx(Tag, { ...restProps, className: clsx('ams-row', align && `ams-row--align-${align}`, alignVertical && `ams-row--align-vertical-${alignVertical}`, gap && `ams-row--gap-${gap}`, wrap && 'ams-row--wrap', className), ref: ref, children: children })));
11
14
  Row.displayName = 'Row';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Row, rowGapSizes, rowTags } from './Row';
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Row } from './Row';
2
6
  export type { RowProps } from './Row';
package/dist/Row/index.js CHANGED
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Row } from './Row';
@@ -4,6 +4,9 @@
4
4
  */
5
5
  import type { HTMLAttributes, PropsWithChildren } from 'react';
6
6
  export type SearchFieldProps = PropsWithChildren<HTMLAttributes<HTMLFormElement>>;
7
+ /**
8
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-search-field--docs Search Field docs at Amsterdam Design System}
9
+ */
7
10
  export declare const SearchField: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLFormElement> & {
8
11
  children?: import("react").ReactNode | undefined;
9
12
  } & import("react").RefAttributes<HTMLFormElement>> & {
@@ -11,4 +11,7 @@ const SearchFieldRoot = forwardRef(({ children, className, ...restProps }, ref)
11
11
  return (_jsx("form", { role: "search", ...restProps, className: clsx('ams-search-field', className), ref: ref, children: children }));
12
12
  });
13
13
  SearchFieldRoot.displayName = 'SearchField';
14
+ /**
15
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-search-field--docs Search Field docs at Amsterdam Design System}
16
+ */
14
17
  export const SearchField = Object.assign(SearchFieldRoot, { Button: SearchFieldButton, Input: SearchFieldInput });
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { SearchField } from './SearchField';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import userEvent from '@testing-library/user-event';
4
8
  import { createRef, useState } from 'react';
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { SearchField } from './SearchField';
2
6
  export type { SearchFieldProps } from './SearchField';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { SearchField } from './SearchField';
@@ -7,6 +7,9 @@ export type SelectProps = {
7
7
  /** Whether the value fails a validation rule. */
8
8
  invalid?: boolean;
9
9
  } & PropsWithChildren<Omit<SelectHTMLAttributes<HTMLSelectElement>, 'aria-invalid'>>;
10
+ /**
11
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-select--docs Select docs at Amsterdam Design System}
12
+ */
10
13
  export declare const Select: import("react").ForwardRefExoticComponent<{
11
14
  /** Whether the value fails a validation rule. */
12
15
  invalid?: boolean;
@@ -9,4 +9,7 @@ import { SelectOption } from './SelectOption';
9
9
  import { SelectOptionGroup } from './SelectOptionGroup';
10
10
  const SelectRoot = forwardRef(({ children, className, invalid, ...restProps }, ref) => (_jsx("select", { ...restProps, "aria-invalid": invalid || undefined, className: clsx('ams-select', className), ref: ref, children: children })));
11
11
  SelectRoot.displayName = 'Select';
12
+ /**
13
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-select--docs Select docs at Amsterdam Design System}
14
+ */
12
15
  export const Select = Object.assign(SelectRoot, { Group: SelectOptionGroup, Option: SelectOption });
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Select } from './Select';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Select } from './Select';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Select } from './Select';
@@ -1,3 +1,7 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Select } from './Select';
2
6
  export type { SelectProps } from './Select';
3
7
  export type { SelectOptionProps } from './SelectOption';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Select } from './Select';
@@ -4,6 +4,9 @@
4
4
  */
5
5
  import type { AnchorHTMLAttributes, PropsWithChildren } from 'react';
6
6
  export type SkipLinkProps = PropsWithChildren<AnchorHTMLAttributes<HTMLAnchorElement>>;
7
+ /**
8
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
9
+ */
7
10
  export declare const SkipLink: import("react").ForwardRefExoticComponent<AnchorHTMLAttributes<HTMLAnchorElement> & {
8
11
  children?: import("react").ReactNode | undefined;
9
12
  } & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -5,5 +5,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
5
5
  */
6
6
  import clsx from 'clsx';
7
7
  import { forwardRef } from 'react';
8
+ /**
9
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-skip-link--docs Skip Link docs at Amsterdam Design System}
10
+ */
8
11
  export const SkipLink = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("a", { ...restProps, className: clsx('ams-skip-link', 'ams-visually-hidden', className), ref: ref, children: children })));
9
12
  SkipLink.displayName = 'SkipLink';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { SkipLink } from './SkipLink';
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { SkipLink } from './SkipLink';
2
6
  export type { SkipLinkProps } from './SkipLink';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { SkipLink } from './SkipLink';
@@ -13,6 +13,9 @@ export type SpotlightProps = {
13
13
  /** The background colour. */
14
14
  color?: SpotlightColor;
15
15
  } & PropsWithChildren<HTMLAttributes<HTMLElement>>;
16
+ /**
17
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
18
+ */
16
19
  export declare const Spotlight: import("react").ForwardRefExoticComponent<{
17
20
  /** The HTML element to use. */
18
21
  as?: SpotlightTag;
@@ -7,5 +7,8 @@ import clsx from 'clsx';
7
7
  import { forwardRef } from 'react';
8
8
  export const spotlightTags = ['article', 'aside', 'div', 'footer', 'section'];
9
9
  export const spotlightColors = ['azure', 'green', 'lime', 'magenta', 'orange', 'yellow'];
10
+ /**
11
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs Spotlight docs at Amsterdam Design System}
12
+ */
10
13
  export const Spotlight = forwardRef(({ as: Tag = 'div', children, className, color, ...restProps }, ref) => (_jsx(Tag, { ...restProps, className: clsx('ams-spotlight', color && `ams-spotlight--${color}`, className), ref: ref, children: children })));
11
14
  Spotlight.displayName = 'Spotlight';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Spotlight, spotlightColors, spotlightTags } from './Spotlight';
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Spotlight } from './Spotlight';
2
6
  export type { SpotlightProps } from './Spotlight';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Spotlight } from './Spotlight';
@@ -9,6 +9,9 @@ export type StandaloneLinkProps = {
9
9
  /** Adds an icon to the link, showing it before the link text. */
10
10
  icon?: Function;
11
11
  } & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'placeholder'>;
12
+ /**
13
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
14
+ */
12
15
  export declare const StandaloneLink: import("react").ForwardRefExoticComponent<{
13
16
  /** Changes the text colour for readability on a light or dark background. */
14
17
  color?: "contrast" | "inverse";
@@ -6,5 +6,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
6
6
  import clsx from 'clsx';
7
7
  import { forwardRef } from 'react';
8
8
  import { Icon } from '../Icon';
9
+ /**
10
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-navigation-standalone-link--docs Standalone Link docs at Amsterdam Design System}
11
+ */
9
12
  export const StandaloneLink = forwardRef(({ children, className, color, icon, ...restProps }, ref) => (_jsxs("a", { ...restProps, className: clsx('ams-standalone-link', color && `ams-standalone-link--${color}`, icon && 'ams-standalone-link--with-icon', className), ref: ref, children: [icon && _jsx(Icon, { svg: icon }), children] })));
10
13
  StandaloneLink.displayName = 'StandaloneLink';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { StandaloneLink } from './StandaloneLink';
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { StandaloneLink } from './StandaloneLink';
2
6
  export type { StandaloneLinkProps } from './StandaloneLink';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { StandaloneLink } from './StandaloneLink';
@@ -4,6 +4,9 @@
4
4
  */
5
5
  import type { InputHTMLAttributes, PropsWithChildren } from 'react';
6
6
  export type SwitchProps = PropsWithChildren<InputHTMLAttributes<HTMLInputElement>>;
7
+ /**
8
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
9
+ */
7
10
  export declare const Switch: import("react").ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
8
11
  children?: import("react").ReactNode | undefined;
9
12
  } & import("react").RefAttributes<HTMLInputElement>>;
@@ -5,6 +5,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
5
  */
6
6
  import clsx from 'clsx';
7
7
  import { forwardRef, useId } from 'react';
8
+ /**
9
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-switch--docs Switch docs at Amsterdam Design System}
10
+ */
8
11
  export const Switch = forwardRef(({ className, id, ...restProps }, ref) => {
9
12
  const inputId = id || useId();
10
13
  return (_jsxs("div", { className: clsx('ams-switch', className), children: [_jsx("input", { ...restProps, className: "ams-switch__input", id: inputId, ref: ref, role: "switch", type: "checkbox" }), _jsx("label", { className: "ams-switch__label", htmlFor: inputId })] }));
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Switch } from './Switch';
@@ -1,2 +1,6 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Switch } from './Switch';
2
6
  export type { SwitchProps } from './Switch';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  export { Switch } from './Switch';
@@ -4,6 +4,9 @@
4
4
  */
5
5
  import type { PropsWithChildren, TableHTMLAttributes } from 'react';
6
6
  export type TableProps = PropsWithChildren<TableHTMLAttributes<HTMLTableElement>>;
7
+ /**
8
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
9
+ */
7
10
  export declare const Table: import("react").ForwardRefExoticComponent<TableHTMLAttributes<HTMLTableElement> & {
8
11
  children?: import("react").ReactNode | undefined;
9
12
  } & import("react").RefAttributes<HTMLTableElement>> & {
@@ -14,6 +14,9 @@ import { TableHeaderCell } from './TableHeaderCell';
14
14
  import { TableRow } from './TableRow';
15
15
  const TableRoot = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("div", { className: "ams-table", children: _jsx("table", { ...restProps, className: clsx('ams-table__table', className), ref: ref, children: children }) })));
16
16
  TableRoot.displayName = 'Table';
17
+ /**
18
+ * @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-table--docs Table docs at Amsterdam Design System}
19
+ */
17
20
  export const Table = Object.assign(TableRoot, {
18
21
  Body: TableBody,
19
22
  Caption: TableCaption,
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Table } from './Table';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Table } from './Table';
@@ -1,6 +1,5 @@
1
1
  /**
2
- * @license EUPL-1.2
3
- * Copyright (c) 2022 Robbert Broersma
2
+ * @license EUPL-1.2+
4
3
  * Copyright Gemeente Amsterdam
5
4
  */
6
5
  import type { HTMLAttributes, PropsWithChildren } from 'react';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  /**
3
7
  * @license EUPL-1.2
4
8
  * Copyright (c) 2022 Robbert Broersma
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';
@@ -1,4 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
+ /**
3
+ * @license EUPL-1.2+
4
+ * Copyright Gemeente Amsterdam
5
+ */
2
6
  import { render, screen } from '@testing-library/react';
3
7
  import { createRef } from 'react';
4
8
  import { Table } from './Table';
@@ -1 +1,5 @@
1
+ /**
2
+ * @license EUPL-1.2+
3
+ * Copyright Gemeente Amsterdam
4
+ */
1
5
  import '@testing-library/jest-dom';