@dsn-starter-kit/components-react 1.0.2 → 3.0.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 (666) hide show
  1. package/README.md +1 -1
  2. package/dist/index.cjs +5129 -0
  3. package/dist/index.cjs.map +1 -0
  4. package/dist/index.css +4057 -5965
  5. package/dist/index.d.cts +3874 -0
  6. package/dist/index.d.cts.map +1 -0
  7. package/dist/index.d.mts +3874 -0
  8. package/dist/index.d.mts.map +1 -0
  9. package/dist/index.mjs +5007 -0
  10. package/dist/index.mjs.map +1 -0
  11. package/package.json +20 -17
  12. package/dist/ActionGroup/ActionGroup.css +0 -63
  13. package/dist/ActionGroup/ActionGroup.d.ts +0 -41
  14. package/dist/ActionGroup/ActionGroup.d.ts.map +0 -1
  15. package/dist/ActionGroup/ActionGroup.js +0 -36
  16. package/dist/ActionGroup/ActionGroup.js.map +0 -1
  17. package/dist/ActionGroup/index.d.ts +0 -3
  18. package/dist/ActionGroup/index.d.ts.map +0 -1
  19. package/dist/ActionGroup/index.js +0 -2
  20. package/dist/ActionGroup/index.js.map +0 -1
  21. package/dist/Alert/Alert.css +0 -145
  22. package/dist/Alert/Alert.d.ts +0 -69
  23. package/dist/Alert/Alert.d.ts.map +0 -1
  24. package/dist/Alert/Alert.js +0 -57
  25. package/dist/Alert/Alert.js.map +0 -1
  26. package/dist/Alert/index.d.ts +0 -3
  27. package/dist/Alert/index.d.ts.map +0 -1
  28. package/dist/Alert/index.js +0 -2
  29. package/dist/Alert/index.js.map +0 -1
  30. package/dist/Backdrop/Backdrop.css +0 -30
  31. package/dist/Backdrop/Backdrop.d.ts +0 -26
  32. package/dist/Backdrop/Backdrop.d.ts.map +0 -1
  33. package/dist/Backdrop/Backdrop.js +0 -23
  34. package/dist/Backdrop/Backdrop.js.map +0 -1
  35. package/dist/Backdrop/index.d.ts +0 -3
  36. package/dist/Backdrop/index.d.ts.map +0 -1
  37. package/dist/Backdrop/index.js +0 -2
  38. package/dist/Backdrop/index.js.map +0 -1
  39. package/dist/Body/Body.css +0 -14
  40. package/dist/Body/Body.d.ts +0 -27
  41. package/dist/Body/Body.d.ts.map +0 -1
  42. package/dist/Body/Body.js +0 -27
  43. package/dist/Body/Body.js.map +0 -1
  44. package/dist/Body/index.d.ts +0 -3
  45. package/dist/Body/index.d.ts.map +0 -1
  46. package/dist/Body/index.js +0 -2
  47. package/dist/Body/index.js.map +0 -1
  48. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.css +0 -216
  49. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts +0 -43
  50. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts.map +0 -1
  51. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js +0 -42
  52. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js.map +0 -1
  53. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts +0 -32
  54. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts.map +0 -1
  55. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js +0 -20
  56. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js.map +0 -1
  57. package/dist/BreadcrumbNavigation/index.d.ts +0 -3
  58. package/dist/BreadcrumbNavigation/index.d.ts.map +0 -1
  59. package/dist/BreadcrumbNavigation/index.js +0 -3
  60. package/dist/BreadcrumbNavigation/index.js.map +0 -1
  61. package/dist/BreakoutSection/BreakoutSection.css +0 -23
  62. package/dist/BreakoutSection/BreakoutSection.d.ts +0 -30
  63. package/dist/BreakoutSection/BreakoutSection.d.ts.map +0 -1
  64. package/dist/BreakoutSection/BreakoutSection.js +0 -27
  65. package/dist/BreakoutSection/BreakoutSection.js.map +0 -1
  66. package/dist/BreakoutSection/index.d.ts +0 -3
  67. package/dist/BreakoutSection/index.d.ts.map +0 -1
  68. package/dist/BreakoutSection/index.js +0 -2
  69. package/dist/BreakoutSection/index.js.map +0 -1
  70. package/dist/Button/Button.css +0 -337
  71. package/dist/Button/Button.d.ts +0 -90
  72. package/dist/Button/Button.d.ts.map +0 -1
  73. package/dist/Button/Button.js +0 -53
  74. package/dist/Button/Button.js.map +0 -1
  75. package/dist/Button/index.d.ts +0 -3
  76. package/dist/Button/index.d.ts.map +0 -1
  77. package/dist/Button/index.js +0 -2
  78. package/dist/Button/index.js.map +0 -1
  79. package/dist/ButtonLink/ButtonLink.css +0 -29
  80. package/dist/ButtonLink/ButtonLink.d.ts +0 -92
  81. package/dist/ButtonLink/ButtonLink.d.ts.map +0 -1
  82. package/dist/ButtonLink/ButtonLink.js +0 -50
  83. package/dist/ButtonLink/ButtonLink.js.map +0 -1
  84. package/dist/ButtonLink/index.d.ts +0 -3
  85. package/dist/ButtonLink/index.d.ts.map +0 -1
  86. package/dist/ButtonLink/index.js +0 -2
  87. package/dist/ButtonLink/index.js.map +0 -1
  88. package/dist/Card/Card.css +0 -169
  89. package/dist/Card/Card.d.ts +0 -105
  90. package/dist/Card/Card.d.ts.map +0 -1
  91. package/dist/Card/Card.js +0 -80
  92. package/dist/Card/Card.js.map +0 -1
  93. package/dist/Card/index.d.ts +0 -3
  94. package/dist/Card/index.d.ts.map +0 -1
  95. package/dist/Card/index.js +0 -2
  96. package/dist/Card/index.js.map +0 -1
  97. package/dist/Checkbox/Checkbox.css +0 -239
  98. package/dist/Checkbox/Checkbox.d.ts +0 -18
  99. package/dist/Checkbox/Checkbox.d.ts.map +0 -1
  100. package/dist/Checkbox/Checkbox.js +0 -24
  101. package/dist/Checkbox/Checkbox.js.map +0 -1
  102. package/dist/Checkbox/index.d.ts +0 -3
  103. package/dist/Checkbox/index.d.ts.map +0 -1
  104. package/dist/Checkbox/index.js +0 -2
  105. package/dist/Checkbox/index.js.map +0 -1
  106. package/dist/CheckboxGroup/CheckboxGroup.css +0 -10
  107. package/dist/CheckboxGroup/CheckboxGroup.d.ts +0 -37
  108. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +0 -1
  109. package/dist/CheckboxGroup/CheckboxGroup.js +0 -37
  110. package/dist/CheckboxGroup/CheckboxGroup.js.map +0 -1
  111. package/dist/CheckboxGroup/index.d.ts +0 -3
  112. package/dist/CheckboxGroup/index.d.ts.map +0 -1
  113. package/dist/CheckboxGroup/index.js +0 -2
  114. package/dist/CheckboxGroup/index.js.map +0 -1
  115. package/dist/CheckboxOption/CheckboxOption.css +0 -17
  116. package/dist/CheckboxOption/CheckboxOption.d.ts +0 -14
  117. package/dist/CheckboxOption/CheckboxOption.d.ts.map +0 -1
  118. package/dist/CheckboxOption/CheckboxOption.js +0 -15
  119. package/dist/CheckboxOption/CheckboxOption.js.map +0 -1
  120. package/dist/CheckboxOption/index.d.ts +0 -3
  121. package/dist/CheckboxOption/index.d.ts.map +0 -1
  122. package/dist/CheckboxOption/index.js +0 -2
  123. package/dist/CheckboxOption/index.js.map +0 -1
  124. package/dist/Container/Container.css +0 -48
  125. package/dist/Container/Container.d.ts +0 -41
  126. package/dist/Container/Container.d.ts.map +0 -1
  127. package/dist/Container/Container.js +0 -33
  128. package/dist/Container/Container.js.map +0 -1
  129. package/dist/Container/index.d.ts +0 -3
  130. package/dist/Container/index.d.ts.map +0 -1
  131. package/dist/Container/index.js +0 -2
  132. package/dist/Container/index.js.map +0 -1
  133. package/dist/DateInput/DateInput.css +0 -37
  134. package/dist/DateInput/DateInput.d.ts +0 -37
  135. package/dist/DateInput/DateInput.d.ts.map +0 -1
  136. package/dist/DateInput/DateInput.js +0 -52
  137. package/dist/DateInput/DateInput.js.map +0 -1
  138. package/dist/DateInput/index.d.ts +0 -3
  139. package/dist/DateInput/index.d.ts.map +0 -1
  140. package/dist/DateInput/index.js +0 -2
  141. package/dist/DateInput/index.js.map +0 -1
  142. package/dist/DateInputGroup/DateInputGroup.css +0 -30
  143. package/dist/DateInputGroup/DateInputGroup.d.ts +0 -65
  144. package/dist/DateInputGroup/DateInputGroup.d.ts.map +0 -1
  145. package/dist/DateInputGroup/DateInputGroup.js +0 -53
  146. package/dist/DateInputGroup/DateInputGroup.js.map +0 -1
  147. package/dist/DateInputGroup/index.d.ts +0 -3
  148. package/dist/DateInputGroup/index.d.ts.map +0 -1
  149. package/dist/DateInputGroup/index.js +0 -2
  150. package/dist/DateInputGroup/index.js.map +0 -1
  151. package/dist/Details/Details.css +0 -148
  152. package/dist/Details/Details.d.ts +0 -46
  153. package/dist/Details/Details.d.ts.map +0 -1
  154. package/dist/Details/Details.js +0 -37
  155. package/dist/Details/Details.js.map +0 -1
  156. package/dist/Details/index.d.ts +0 -3
  157. package/dist/Details/index.d.ts.map +0 -1
  158. package/dist/Details/index.js +0 -2
  159. package/dist/Details/index.js.map +0 -1
  160. package/dist/DotBadge/DotBadge.css +0 -111
  161. package/dist/DotBadge/DotBadge.d.ts +0 -40
  162. package/dist/DotBadge/DotBadge.d.ts.map +0 -1
  163. package/dist/DotBadge/DotBadge.js +0 -33
  164. package/dist/DotBadge/DotBadge.js.map +0 -1
  165. package/dist/DotBadge/index.d.ts +0 -2
  166. package/dist/DotBadge/index.d.ts.map +0 -1
  167. package/dist/DotBadge/index.js +0 -2
  168. package/dist/DotBadge/index.js.map +0 -1
  169. package/dist/Drawer/Drawer.css +0 -258
  170. package/dist/Drawer/Drawer.d.ts +0 -109
  171. package/dist/Drawer/Drawer.d.ts.map +0 -1
  172. package/dist/Drawer/Drawer.js +0 -115
  173. package/dist/Drawer/Drawer.js.map +0 -1
  174. package/dist/Drawer/index.d.ts +0 -3
  175. package/dist/Drawer/index.d.ts.map +0 -1
  176. package/dist/Drawer/index.js +0 -2
  177. package/dist/Drawer/index.js.map +0 -1
  178. package/dist/EmailInput/EmailInput.css +0 -4
  179. package/dist/EmailInput/EmailInput.d.ts +0 -38
  180. package/dist/EmailInput/EmailInput.d.ts.map +0 -1
  181. package/dist/EmailInput/EmailInput.js +0 -27
  182. package/dist/EmailInput/EmailInput.js.map +0 -1
  183. package/dist/EmailInput/index.d.ts +0 -3
  184. package/dist/EmailInput/index.d.ts.map +0 -1
  185. package/dist/EmailInput/index.js +0 -2
  186. package/dist/EmailInput/index.js.map +0 -1
  187. package/dist/File/File.css +0 -222
  188. package/dist/File/File.d.ts +0 -116
  189. package/dist/File/File.d.ts.map +0 -1
  190. package/dist/File/File.js +0 -100
  191. package/dist/File/File.js.map +0 -1
  192. package/dist/File/index.d.ts +0 -3
  193. package/dist/File/index.d.ts.map +0 -1
  194. package/dist/File/index.js +0 -2
  195. package/dist/File/index.js.map +0 -1
  196. package/dist/FileInput/FileInput.css +0 -112
  197. package/dist/FileInput/FileInput.d.ts +0 -36
  198. package/dist/FileInput/FileInput.d.ts.map +0 -1
  199. package/dist/FileInput/FileInput.js +0 -31
  200. package/dist/FileInput/FileInput.js.map +0 -1
  201. package/dist/FileInput/index.d.ts +0 -3
  202. package/dist/FileInput/index.d.ts.map +0 -1
  203. package/dist/FileInput/index.js +0 -2
  204. package/dist/FileInput/index.js.map +0 -1
  205. package/dist/FormField/FormField.css +0 -16
  206. package/dist/FormField/FormField.d.ts +0 -85
  207. package/dist/FormField/FormField.d.ts.map +0 -1
  208. package/dist/FormField/FormField.js +0 -60
  209. package/dist/FormField/FormField.js.map +0 -1
  210. package/dist/FormField/index.d.ts +0 -3
  211. package/dist/FormField/index.d.ts.map +0 -1
  212. package/dist/FormField/index.js +0 -2
  213. package/dist/FormField/index.js.map +0 -1
  214. package/dist/FormFieldDescription/FormFieldDescription.css +0 -25
  215. package/dist/FormFieldDescription/FormFieldDescription.d.ts +0 -47
  216. package/dist/FormFieldDescription/FormFieldDescription.d.ts.map +0 -1
  217. package/dist/FormFieldDescription/FormFieldDescription.js +0 -37
  218. package/dist/FormFieldDescription/FormFieldDescription.js.map +0 -1
  219. package/dist/FormFieldDescription/index.d.ts +0 -3
  220. package/dist/FormFieldDescription/index.d.ts.map +0 -1
  221. package/dist/FormFieldDescription/index.js +0 -2
  222. package/dist/FormFieldDescription/index.js.map +0 -1
  223. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.css +0 -38
  224. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.ts +0 -40
  225. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.ts.map +0 -1
  226. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.js +0 -32
  227. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.js.map +0 -1
  228. package/dist/FormFieldErrorMessage/index.d.ts +0 -3
  229. package/dist/FormFieldErrorMessage/index.d.ts.map +0 -1
  230. package/dist/FormFieldErrorMessage/index.js +0 -2
  231. package/dist/FormFieldErrorMessage/index.js.map +0 -1
  232. package/dist/FormFieldLabel/FormFieldLabel.css +0 -48
  233. package/dist/FormFieldLabel/FormFieldLabel.d.ts +0 -38
  234. package/dist/FormFieldLabel/FormFieldLabel.d.ts.map +0 -1
  235. package/dist/FormFieldLabel/FormFieldLabel.js +0 -30
  236. package/dist/FormFieldLabel/FormFieldLabel.js.map +0 -1
  237. package/dist/FormFieldLabel/index.d.ts +0 -3
  238. package/dist/FormFieldLabel/index.d.ts.map +0 -1
  239. package/dist/FormFieldLabel/index.js +0 -2
  240. package/dist/FormFieldLabel/index.js.map +0 -1
  241. package/dist/FormFieldLegend/FormFieldLegend.css +0 -7
  242. package/dist/FormFieldLegend/FormFieldLegend.d.ts +0 -39
  243. package/dist/FormFieldLegend/FormFieldLegend.d.ts.map +0 -1
  244. package/dist/FormFieldLegend/FormFieldLegend.js +0 -31
  245. package/dist/FormFieldLegend/FormFieldLegend.js.map +0 -1
  246. package/dist/FormFieldLegend/index.d.ts +0 -2
  247. package/dist/FormFieldLegend/index.d.ts.map +0 -1
  248. package/dist/FormFieldLegend/index.js +0 -2
  249. package/dist/FormFieldLegend/index.js.map +0 -1
  250. package/dist/FormFieldStatus/FormFieldStatus.css +0 -66
  251. package/dist/FormFieldStatus/FormFieldStatus.d.ts +0 -52
  252. package/dist/FormFieldStatus/FormFieldStatus.d.ts.map +0 -1
  253. package/dist/FormFieldStatus/FormFieldStatus.js +0 -44
  254. package/dist/FormFieldStatus/FormFieldStatus.js.map +0 -1
  255. package/dist/FormFieldStatus/index.d.ts +0 -3
  256. package/dist/FormFieldStatus/index.d.ts.map +0 -1
  257. package/dist/FormFieldStatus/index.js +0 -2
  258. package/dist/FormFieldStatus/index.js.map +0 -1
  259. package/dist/FormFieldset/FormFieldset.css +0 -24
  260. package/dist/FormFieldset/FormFieldset.d.ts +0 -83
  261. package/dist/FormFieldset/FormFieldset.d.ts.map +0 -1
  262. package/dist/FormFieldset/FormFieldset.js +0 -59
  263. package/dist/FormFieldset/FormFieldset.js.map +0 -1
  264. package/dist/FormFieldset/index.d.ts +0 -2
  265. package/dist/FormFieldset/index.d.ts.map +0 -1
  266. package/dist/FormFieldset/index.js +0 -2
  267. package/dist/FormFieldset/index.js.map +0 -1
  268. package/dist/Grid/Grid.css +0 -573
  269. package/dist/Grid/Grid.d.ts +0 -35
  270. package/dist/Grid/Grid.d.ts.map +0 -1
  271. package/dist/Grid/Grid.js +0 -29
  272. package/dist/Grid/Grid.js.map +0 -1
  273. package/dist/Grid/GridItem.d.ts +0 -84
  274. package/dist/Grid/GridItem.d.ts.map +0 -1
  275. package/dist/Grid/GridItem.js +0 -39
  276. package/dist/Grid/GridItem.js.map +0 -1
  277. package/dist/Grid/index.d.ts +0 -5
  278. package/dist/Grid/index.d.ts.map +0 -1
  279. package/dist/Grid/index.js +0 -3
  280. package/dist/Grid/index.js.map +0 -1
  281. package/dist/Heading/Heading.css +0 -81
  282. package/dist/Heading/Heading.d.ts +0 -38
  283. package/dist/Heading/Heading.d.ts.map +0 -1
  284. package/dist/Heading/Heading.js +0 -24
  285. package/dist/Heading/Heading.js.map +0 -1
  286. package/dist/Heading/index.d.ts +0 -3
  287. package/dist/Heading/index.d.ts.map +0 -1
  288. package/dist/Heading/index.js +0 -2
  289. package/dist/Heading/index.js.map +0 -1
  290. package/dist/HeadingGroup/HeadingGroup.css +0 -5
  291. package/dist/HeadingGroup/HeadingGroup.d.ts +0 -23
  292. package/dist/HeadingGroup/HeadingGroup.d.ts.map +0 -1
  293. package/dist/HeadingGroup/HeadingGroup.js +0 -12
  294. package/dist/HeadingGroup/HeadingGroup.js.map +0 -1
  295. package/dist/HeadingGroup/index.d.ts +0 -3
  296. package/dist/HeadingGroup/index.d.ts.map +0 -1
  297. package/dist/HeadingGroup/index.js +0 -2
  298. package/dist/HeadingGroup/index.js.map +0 -1
  299. package/dist/Hero/Hero.css +0 -209
  300. package/dist/Hero/Hero.d.ts +0 -45
  301. package/dist/Hero/Hero.d.ts.map +0 -1
  302. package/dist/Hero/Hero.js +0 -33
  303. package/dist/Hero/Hero.js.map +0 -1
  304. package/dist/Hero/index.d.ts +0 -3
  305. package/dist/Hero/index.d.ts.map +0 -1
  306. package/dist/Hero/index.js +0 -2
  307. package/dist/Hero/index.js.map +0 -1
  308. package/dist/Icon/Icon.css +0 -57
  309. package/dist/Icon/Icon.d.ts +0 -48
  310. package/dist/Icon/Icon.d.ts.map +0 -1
  311. package/dist/Icon/Icon.js +0 -42
  312. package/dist/Icon/Icon.js.map +0 -1
  313. package/dist/Icon/icon-registry.generated.d.ts +0 -4
  314. package/dist/Icon/icon-registry.generated.d.ts.map +0 -1
  315. package/dist/Icon/icon-registry.generated.js +0 -105
  316. package/dist/Icon/icon-registry.generated.js.map +0 -1
  317. package/dist/Icon/index.d.ts +0 -3
  318. package/dist/Icon/index.d.ts.map +0 -1
  319. package/dist/Icon/index.js +0 -2
  320. package/dist/Icon/index.js.map +0 -1
  321. package/dist/Image/Image.css +0 -123
  322. package/dist/Image/Image.d.ts +0 -54
  323. package/dist/Image/Image.d.ts.map +0 -1
  324. package/dist/Image/Image.js +0 -53
  325. package/dist/Image/Image.js.map +0 -1
  326. package/dist/Image/index.d.ts +0 -3
  327. package/dist/Image/index.d.ts.map +0 -1
  328. package/dist/Image/index.js +0 -2
  329. package/dist/Image/index.js.map +0 -1
  330. package/dist/Link/Link.css +0 -113
  331. package/dist/Link/Link.d.ts +0 -80
  332. package/dist/Link/Link.d.ts.map +0 -1
  333. package/dist/Link/Link.js +0 -58
  334. package/dist/Link/Link.js.map +0 -1
  335. package/dist/Link/index.d.ts +0 -3
  336. package/dist/Link/index.d.ts.map +0 -1
  337. package/dist/Link/index.js +0 -2
  338. package/dist/Link/index.js.map +0 -1
  339. package/dist/LinkButton/LinkButton.css +0 -40
  340. package/dist/LinkButton/LinkButton.d.ts +0 -52
  341. package/dist/LinkButton/LinkButton.d.ts.map +0 -1
  342. package/dist/LinkButton/LinkButton.js +0 -34
  343. package/dist/LinkButton/LinkButton.js.map +0 -1
  344. package/dist/LinkButton/index.d.ts +0 -3
  345. package/dist/LinkButton/index.d.ts.map +0 -1
  346. package/dist/LinkButton/index.js +0 -2
  347. package/dist/LinkButton/index.js.map +0 -1
  348. package/dist/Logo/Logo.css +0 -33
  349. package/dist/Logo/Logo.d.ts +0 -33
  350. package/dist/Logo/Logo.d.ts.map +0 -1
  351. package/dist/Logo/Logo.js +0 -32
  352. package/dist/Logo/Logo.js.map +0 -1
  353. package/dist/Logo/index.d.ts +0 -2
  354. package/dist/Logo/index.d.ts.map +0 -1
  355. package/dist/Logo/index.js +0 -2
  356. package/dist/Logo/index.js.map +0 -1
  357. package/dist/Menu/Menu.css +0 -57
  358. package/dist/Menu/Menu.d.ts +0 -56
  359. package/dist/Menu/Menu.d.ts.map +0 -1
  360. package/dist/Menu/Menu.js +0 -38
  361. package/dist/Menu/Menu.js.map +0 -1
  362. package/dist/Menu/index.d.ts +0 -2
  363. package/dist/Menu/index.d.ts.map +0 -1
  364. package/dist/Menu/index.js +0 -2
  365. package/dist/Menu/index.js.map +0 -1
  366. package/dist/MenuButton/MenuButton.css +0 -106
  367. package/dist/MenuButton/MenuButton.d.ts +0 -54
  368. package/dist/MenuButton/MenuButton.d.ts.map +0 -1
  369. package/dist/MenuButton/MenuButton.js +0 -37
  370. package/dist/MenuButton/MenuButton.js.map +0 -1
  371. package/dist/MenuButton/index.d.ts +0 -2
  372. package/dist/MenuButton/index.d.ts.map +0 -1
  373. package/dist/MenuButton/index.js +0 -2
  374. package/dist/MenuButton/index.js.map +0 -1
  375. package/dist/MenuLink/MenuLink.css +0 -212
  376. package/dist/MenuLink/MenuLink.d.ts +0 -96
  377. package/dist/MenuLink/MenuLink.d.ts.map +0 -1
  378. package/dist/MenuLink/MenuLink.js +0 -50
  379. package/dist/MenuLink/MenuLink.js.map +0 -1
  380. package/dist/MenuLink/index.d.ts +0 -2
  381. package/dist/MenuLink/index.d.ts.map +0 -1
  382. package/dist/MenuLink/index.js +0 -2
  383. package/dist/MenuLink/index.js.map +0 -1
  384. package/dist/ModalDialog/ModalDialog.css +0 -199
  385. package/dist/ModalDialog/ModalDialog.d.ts +0 -95
  386. package/dist/ModalDialog/ModalDialog.d.ts.map +0 -1
  387. package/dist/ModalDialog/ModalDialog.js +0 -93
  388. package/dist/ModalDialog/ModalDialog.js.map +0 -1
  389. package/dist/ModalDialog/index.d.ts +0 -3
  390. package/dist/ModalDialog/index.d.ts.map +0 -1
  391. package/dist/ModalDialog/index.js +0 -2
  392. package/dist/ModalDialog/index.js.map +0 -1
  393. package/dist/Note/Note.css +0 -169
  394. package/dist/Note/Note.d.ts +0 -78
  395. package/dist/Note/Note.d.ts.map +0 -1
  396. package/dist/Note/Note.js +0 -68
  397. package/dist/Note/Note.js.map +0 -1
  398. package/dist/Note/index.d.ts +0 -3
  399. package/dist/Note/index.d.ts.map +0 -1
  400. package/dist/Note/index.js +0 -2
  401. package/dist/Note/index.js.map +0 -1
  402. package/dist/NumberBadge/NumberBadge.css +0 -83
  403. package/dist/NumberBadge/NumberBadge.d.ts +0 -42
  404. package/dist/NumberBadge/NumberBadge.d.ts.map +0 -1
  405. package/dist/NumberBadge/NumberBadge.js +0 -46
  406. package/dist/NumberBadge/NumberBadge.js.map +0 -1
  407. package/dist/NumberBadge/index.d.ts +0 -2
  408. package/dist/NumberBadge/index.d.ts.map +0 -1
  409. package/dist/NumberBadge/index.js +0 -2
  410. package/dist/NumberBadge/index.js.map +0 -1
  411. package/dist/NumberInput/NumberInput.css +0 -4
  412. package/dist/NumberInput/NumberInput.d.ts +0 -45
  413. package/dist/NumberInput/NumberInput.d.ts.map +0 -1
  414. package/dist/NumberInput/NumberInput.js +0 -27
  415. package/dist/NumberInput/NumberInput.js.map +0 -1
  416. package/dist/NumberInput/index.d.ts +0 -3
  417. package/dist/NumberInput/index.d.ts.map +0 -1
  418. package/dist/NumberInput/index.js +0 -2
  419. package/dist/NumberInput/index.js.map +0 -1
  420. package/dist/OptionLabel/OptionLabel.css +0 -18
  421. package/dist/OptionLabel/OptionLabel.d.ts +0 -13
  422. package/dist/OptionLabel/OptionLabel.d.ts.map +0 -1
  423. package/dist/OptionLabel/OptionLabel.js +0 -13
  424. package/dist/OptionLabel/OptionLabel.js.map +0 -1
  425. package/dist/OptionLabel/index.d.ts +0 -3
  426. package/dist/OptionLabel/index.d.ts.map +0 -1
  427. package/dist/OptionLabel/index.js +0 -2
  428. package/dist/OptionLabel/index.js.map +0 -1
  429. package/dist/OrderedList/OrderedList.css +0 -37
  430. package/dist/OrderedList/OrderedList.d.ts +0 -32
  431. package/dist/OrderedList/OrderedList.d.ts.map +0 -1
  432. package/dist/OrderedList/OrderedList.js +0 -28
  433. package/dist/OrderedList/OrderedList.js.map +0 -1
  434. package/dist/OrderedList/index.d.ts +0 -3
  435. package/dist/OrderedList/index.d.ts.map +0 -1
  436. package/dist/OrderedList/index.js +0 -2
  437. package/dist/OrderedList/index.js.map +0 -1
  438. package/dist/PageBody/PageBody.css +0 -69
  439. package/dist/PageBody/PageBody.d.ts +0 -33
  440. package/dist/PageBody/PageBody.d.ts.map +0 -1
  441. package/dist/PageBody/PageBody.js +0 -28
  442. package/dist/PageBody/PageBody.js.map +0 -1
  443. package/dist/PageBody/index.d.ts +0 -2
  444. package/dist/PageBody/index.d.ts.map +0 -1
  445. package/dist/PageBody/index.js +0 -2
  446. package/dist/PageBody/index.js.map +0 -1
  447. package/dist/PageFooter/PageFooter.css +0 -102
  448. package/dist/PageFooter/PageFooter.d.ts +0 -55
  449. package/dist/PageFooter/PageFooter.d.ts.map +0 -1
  450. package/dist/PageFooter/PageFooter.js +0 -45
  451. package/dist/PageFooter/PageFooter.js.map +0 -1
  452. package/dist/PageFooter/index.d.ts +0 -2
  453. package/dist/PageFooter/index.d.ts.map +0 -1
  454. package/dist/PageFooter/index.js +0 -2
  455. package/dist/PageFooter/index.js.map +0 -1
  456. package/dist/PageHeader/PageHeader.css +0 -530
  457. package/dist/PageHeader/PageHeader.d.ts +0 -190
  458. package/dist/PageHeader/PageHeader.d.ts.map +0 -1
  459. package/dist/PageHeader/PageHeader.js +0 -115
  460. package/dist/PageHeader/PageHeader.js.map +0 -1
  461. package/dist/PageHeader/index.d.ts +0 -2
  462. package/dist/PageHeader/index.d.ts.map +0 -1
  463. package/dist/PageHeader/index.js +0 -2
  464. package/dist/PageHeader/index.js.map +0 -1
  465. package/dist/PageLayout/PageLayout.css +0 -6
  466. package/dist/PageLayout/PageLayout.d.ts +0 -38
  467. package/dist/PageLayout/PageLayout.d.ts.map +0 -1
  468. package/dist/PageLayout/PageLayout.js +0 -33
  469. package/dist/PageLayout/PageLayout.js.map +0 -1
  470. package/dist/PageLayout/index.d.ts +0 -2
  471. package/dist/PageLayout/index.d.ts.map +0 -1
  472. package/dist/PageLayout/index.js +0 -2
  473. package/dist/PageLayout/index.js.map +0 -1
  474. package/dist/Paragraph/Paragraph.css +0 -38
  475. package/dist/Paragraph/Paragraph.d.ts +0 -35
  476. package/dist/Paragraph/Paragraph.d.ts.map +0 -1
  477. package/dist/Paragraph/Paragraph.js +0 -25
  478. package/dist/Paragraph/Paragraph.js.map +0 -1
  479. package/dist/Paragraph/index.d.ts +0 -3
  480. package/dist/Paragraph/index.d.ts.map +0 -1
  481. package/dist/Paragraph/index.js +0 -2
  482. package/dist/Paragraph/index.js.map +0 -1
  483. package/dist/PasswordInput/PasswordInput.css +0 -4
  484. package/dist/PasswordInput/PasswordInput.d.ts +0 -52
  485. package/dist/PasswordInput/PasswordInput.d.ts.map +0 -1
  486. package/dist/PasswordInput/PasswordInput.js +0 -32
  487. package/dist/PasswordInput/PasswordInput.js.map +0 -1
  488. package/dist/PasswordInput/index.d.ts +0 -3
  489. package/dist/PasswordInput/index.d.ts.map +0 -1
  490. package/dist/PasswordInput/index.js +0 -2
  491. package/dist/PasswordInput/index.js.map +0 -1
  492. package/dist/Popover/Popover.css +0 -233
  493. package/dist/Popover/Popover.d.ts +0 -117
  494. package/dist/Popover/Popover.d.ts.map +0 -1
  495. package/dist/Popover/Popover.js +0 -219
  496. package/dist/Popover/Popover.js.map +0 -1
  497. package/dist/Popover/index.d.ts +0 -3
  498. package/dist/Popover/index.d.ts.map +0 -1
  499. package/dist/Popover/index.js +0 -2
  500. package/dist/Popover/index.js.map +0 -1
  501. package/dist/PreHeading/PreHeading.css +0 -10
  502. package/dist/PreHeading/PreHeading.d.ts +0 -8
  503. package/dist/PreHeading/PreHeading.d.ts.map +0 -1
  504. package/dist/PreHeading/PreHeading.js +0 -9
  505. package/dist/PreHeading/PreHeading.js.map +0 -1
  506. package/dist/PreHeading/index.d.ts +0 -3
  507. package/dist/PreHeading/index.d.ts.map +0 -1
  508. package/dist/PreHeading/index.js +0 -2
  509. package/dist/PreHeading/index.js.map +0 -1
  510. package/dist/ProgressBar/ProgressBar.css +0 -105
  511. package/dist/ProgressBar/ProgressBar.d.ts +0 -58
  512. package/dist/ProgressBar/ProgressBar.d.ts.map +0 -1
  513. package/dist/ProgressBar/ProgressBar.js +0 -36
  514. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  515. package/dist/ProgressBar/index.d.ts +0 -2
  516. package/dist/ProgressBar/index.d.ts.map +0 -1
  517. package/dist/ProgressBar/index.js +0 -2
  518. package/dist/ProgressBar/index.js.map +0 -1
  519. package/dist/Radio/Radio.css +0 -205
  520. package/dist/Radio/Radio.d.ts +0 -14
  521. package/dist/Radio/Radio.d.ts.map +0 -1
  522. package/dist/Radio/Radio.js +0 -14
  523. package/dist/Radio/Radio.js.map +0 -1
  524. package/dist/Radio/index.d.ts +0 -3
  525. package/dist/Radio/index.d.ts.map +0 -1
  526. package/dist/Radio/index.js +0 -2
  527. package/dist/Radio/index.js.map +0 -1
  528. package/dist/RadioGroup/RadioGroup.css +0 -10
  529. package/dist/RadioGroup/RadioGroup.d.ts +0 -37
  530. package/dist/RadioGroup/RadioGroup.d.ts.map +0 -1
  531. package/dist/RadioGroup/RadioGroup.js +0 -37
  532. package/dist/RadioGroup/RadioGroup.js.map +0 -1
  533. package/dist/RadioGroup/index.d.ts +0 -3
  534. package/dist/RadioGroup/index.d.ts.map +0 -1
  535. package/dist/RadioGroup/index.js +0 -2
  536. package/dist/RadioGroup/index.js.map +0 -1
  537. package/dist/RadioOption/RadioOption.css +0 -17
  538. package/dist/RadioOption/RadioOption.d.ts +0 -14
  539. package/dist/RadioOption/RadioOption.d.ts.map +0 -1
  540. package/dist/RadioOption/RadioOption.js +0 -15
  541. package/dist/RadioOption/RadioOption.js.map +0 -1
  542. package/dist/RadioOption/index.d.ts +0 -3
  543. package/dist/RadioOption/index.d.ts.map +0 -1
  544. package/dist/RadioOption/index.js +0 -2
  545. package/dist/RadioOption/index.js.map +0 -1
  546. package/dist/SearchInput/SearchInput.css +0 -67
  547. package/dist/SearchInput/SearchInput.d.ts +0 -40
  548. package/dist/SearchInput/SearchInput.d.ts.map +0 -1
  549. package/dist/SearchInput/SearchInput.js +0 -31
  550. package/dist/SearchInput/SearchInput.js.map +0 -1
  551. package/dist/SearchInput/index.d.ts +0 -3
  552. package/dist/SearchInput/index.d.ts.map +0 -1
  553. package/dist/SearchInput/index.js +0 -2
  554. package/dist/SearchInput/index.js.map +0 -1
  555. package/dist/Select/Select.css +0 -94
  556. package/dist/Select/Select.d.ts +0 -52
  557. package/dist/Select/Select.d.ts.map +0 -1
  558. package/dist/Select/Select.js +0 -43
  559. package/dist/Select/Select.js.map +0 -1
  560. package/dist/Select/index.d.ts +0 -3
  561. package/dist/Select/index.d.ts.map +0 -1
  562. package/dist/Select/index.js +0 -2
  563. package/dist/Select/index.js.map +0 -1
  564. package/dist/SkipLink/SkipLink.css +0 -58
  565. package/dist/SkipLink/SkipLink.d.ts +0 -35
  566. package/dist/SkipLink/SkipLink.d.ts.map +0 -1
  567. package/dist/SkipLink/SkipLink.js +0 -23
  568. package/dist/SkipLink/SkipLink.js.map +0 -1
  569. package/dist/SkipLink/index.d.ts +0 -2
  570. package/dist/SkipLink/index.d.ts.map +0 -1
  571. package/dist/SkipLink/index.js +0 -2
  572. package/dist/SkipLink/index.js.map +0 -1
  573. package/dist/Spinner/Spinner.css +0 -118
  574. package/dist/Spinner/Spinner.d.ts +0 -43
  575. package/dist/Spinner/Spinner.d.ts.map +0 -1
  576. package/dist/Spinner/Spinner.js +0 -30
  577. package/dist/Spinner/Spinner.js.map +0 -1
  578. package/dist/Spinner/index.d.ts +0 -2
  579. package/dist/Spinner/index.d.ts.map +0 -1
  580. package/dist/Spinner/index.js +0 -2
  581. package/dist/Spinner/index.js.map +0 -1
  582. package/dist/Stack/Stack.css +0 -59
  583. package/dist/Stack/Stack.d.ts +0 -35
  584. package/dist/Stack/Stack.d.ts.map +0 -1
  585. package/dist/Stack/Stack.js +0 -29
  586. package/dist/Stack/Stack.js.map +0 -1
  587. package/dist/Stack/index.d.ts +0 -3
  588. package/dist/Stack/index.d.ts.map +0 -1
  589. package/dist/Stack/index.js +0 -2
  590. package/dist/Stack/index.js.map +0 -1
  591. package/dist/StatusBadge/StatusBadge.css +0 -87
  592. package/dist/StatusBadge/StatusBadge.d.ts +0 -50
  593. package/dist/StatusBadge/StatusBadge.d.ts.map +0 -1
  594. package/dist/StatusBadge/StatusBadge.js +0 -40
  595. package/dist/StatusBadge/StatusBadge.js.map +0 -1
  596. package/dist/StatusBadge/index.d.ts +0 -2
  597. package/dist/StatusBadge/index.d.ts.map +0 -1
  598. package/dist/StatusBadge/index.js +0 -2
  599. package/dist/StatusBadge/index.js.map +0 -1
  600. package/dist/SummaryList/SummaryList.css +0 -151
  601. package/dist/SummaryList/SummaryList.d.ts +0 -49
  602. package/dist/SummaryList/SummaryList.d.ts.map +0 -1
  603. package/dist/SummaryList/SummaryList.js +0 -31
  604. package/dist/SummaryList/SummaryList.js.map +0 -1
  605. package/dist/SummaryList/index.d.ts +0 -3
  606. package/dist/SummaryList/index.d.ts.map +0 -1
  607. package/dist/SummaryList/index.js +0 -2
  608. package/dist/SummaryList/index.js.map +0 -1
  609. package/dist/Table/Table.css +0 -243
  610. package/dist/Table/Table.d.ts +0 -61
  611. package/dist/Table/Table.d.ts.map +0 -1
  612. package/dist/Table/Table.js +0 -37
  613. package/dist/Table/Table.js.map +0 -1
  614. package/dist/Table/index.d.ts +0 -3
  615. package/dist/Table/index.d.ts.map +0 -1
  616. package/dist/Table/index.js +0 -2
  617. package/dist/Table/index.js.map +0 -1
  618. package/dist/TelephoneInput/TelephoneInput.css +0 -4
  619. package/dist/TelephoneInput/TelephoneInput.d.ts +0 -38
  620. package/dist/TelephoneInput/TelephoneInput.d.ts.map +0 -1
  621. package/dist/TelephoneInput/TelephoneInput.js +0 -27
  622. package/dist/TelephoneInput/TelephoneInput.js.map +0 -1
  623. package/dist/TelephoneInput/index.d.ts +0 -3
  624. package/dist/TelephoneInput/index.d.ts.map +0 -1
  625. package/dist/TelephoneInput/index.js +0 -2
  626. package/dist/TelephoneInput/index.js.map +0 -1
  627. package/dist/TextArea/TextArea.css +0 -126
  628. package/dist/TextArea/TextArea.d.ts +0 -44
  629. package/dist/TextArea/TextArea.d.ts.map +0 -1
  630. package/dist/TextArea/TextArea.js +0 -33
  631. package/dist/TextArea/TextArea.js.map +0 -1
  632. package/dist/TextArea/index.d.ts +0 -3
  633. package/dist/TextArea/index.d.ts.map +0 -1
  634. package/dist/TextArea/index.js +0 -2
  635. package/dist/TextArea/index.js.map +0 -1
  636. package/dist/TextInput/TextInput.css +0 -122
  637. package/dist/TextInput/TextInput.d.ts +0 -44
  638. package/dist/TextInput/TextInput.d.ts.map +0 -1
  639. package/dist/TextInput/TextInput.js +0 -33
  640. package/dist/TextInput/TextInput.js.map +0 -1
  641. package/dist/TextInput/index.d.ts +0 -3
  642. package/dist/TextInput/index.d.ts.map +0 -1
  643. package/dist/TextInput/index.js +0 -2
  644. package/dist/TextInput/index.js.map +0 -1
  645. package/dist/TimeInput/TimeInput.css +0 -37
  646. package/dist/TimeInput/TimeInput.d.ts +0 -37
  647. package/dist/TimeInput/TimeInput.d.ts.map +0 -1
  648. package/dist/TimeInput/TimeInput.js +0 -52
  649. package/dist/TimeInput/TimeInput.js.map +0 -1
  650. package/dist/TimeInput/index.d.ts +0 -3
  651. package/dist/TimeInput/index.d.ts.map +0 -1
  652. package/dist/TimeInput/index.js +0 -2
  653. package/dist/TimeInput/index.js.map +0 -1
  654. package/dist/UnorderedList/UnorderedList.css +0 -38
  655. package/dist/UnorderedList/UnorderedList.d.ts +0 -26
  656. package/dist/UnorderedList/UnorderedList.d.ts.map +0 -1
  657. package/dist/UnorderedList/UnorderedList.js +0 -22
  658. package/dist/UnorderedList/UnorderedList.js.map +0 -1
  659. package/dist/UnorderedList/index.d.ts +0 -3
  660. package/dist/UnorderedList/index.d.ts.map +0 -1
  661. package/dist/UnorderedList/index.js +0 -2
  662. package/dist/UnorderedList/index.js.map +0 -1
  663. package/dist/index.d.ts +0 -78
  664. package/dist/index.d.ts.map +0 -1
  665. package/dist/index.js +0 -88
  666. package/dist/index.js.map +0 -1
package/dist/Body/Body.d.ts DELETED
@@ -1,27 +0,0 @@
1
- import React from 'react';
2
- import './Body.css';
3
- export interface BodyProps extends React.HTMLAttributes<HTMLDivElement> {
4
- /**
5
- * Child-elementen die de document-level stijlen erven
6
- */
7
- children?: React.ReactNode;
8
- }
9
- /**
10
- * Body component
11
- * Stelt document-level CSS stijlen in via CSS inheritance zodat alle child-elementen
12
- * automatisch de juiste typografie, kleur en achtergrond erven.
13
- *
14
- * @example
15
- * ```tsx
16
- * // In een applicatie: wrap de root-content
17
- * <Body>
18
- * <h1>Mijn pagina</h1>
19
- * <p>Inhoud met geërfde stijlen</p>
20
- * </Body>
21
- *
22
- * // Of pas de CSS class direct toe op het <body> element
23
- * // <body class="dsn-body">
24
- * ```
25
- */
26
- export declare const Body: React.ForwardRefExoticComponent<BodyProps & React.RefAttributes<HTMLDivElement>>;
27
- //# sourceMappingURL=Body.d.ts.map
package/dist/Body/Body.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../src/Body/Body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,IAAI,kFAUhB,CAAC"}
package/dist/Body/Body.js DELETED
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { classNames } from '@dsn-starter-kit/core';
4
- import './Body.css';
5
- /**
6
- * Body component
7
- * Stelt document-level CSS stijlen in via CSS inheritance zodat alle child-elementen
8
- * automatisch de juiste typografie, kleur en achtergrond erven.
9
- *
10
- * @example
11
- * ```tsx
12
- * // In een applicatie: wrap de root-content
13
- * <Body>
14
- * <h1>Mijn pagina</h1>
15
- * <p>Inhoud met geërfde stijlen</p>
16
- * </Body>
17
- *
18
- * // Of pas de CSS class direct toe op het <body> element
19
- * // <body class="dsn-body">
20
- * ```
21
- */
22
- export const Body = React.forwardRef(({ className, children, ...props }, ref) => {
23
- const classes = classNames('dsn-body', className);
24
- return (_jsx("div", { ref: ref, className: classes, ...props, children: children }));
25
- });
26
- Body.displayName = 'Body';
27
- //# sourceMappingURL=Body.js.map
package/dist/Body/Body.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"Body.js","sourceRoot":"","sources":["../../src/Body/Body.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,YAAY,CAAC;AASpB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAClC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAElD,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,YACzC,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
package/dist/Body/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { Body } from './Body';
2
- export type { BodyProps } from './Body';
3
- //# sourceMappingURL=index.d.ts.map
package/dist/Body/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
package/dist/Body/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { Body } from './Body';
2
- //# sourceMappingURL=index.js.map
package/dist/Body/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Body/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
package/dist/BreadcrumbNavigation/BreadcrumbNavigation.css DELETED
@@ -1,216 +0,0 @@
1
- /**
2
- * BreadcrumbNavigation component styles for React
3
- * Re-exports the base BreadcrumbNavigation styles from components-html
4
- */
5
-
6
- /**
7
- * BreadcrumbNavigation Component
8
- * Toont de hiërarchische locatie van de gebruiker en biedt navigatie naar bovenliggende pagina's.
9
- *
10
- * Usage:
11
- * <!-- Standaard -->
12
- * <nav aria-label="Broodkruimelpad" class="dsn-breadcrumb-navigation">
13
- * <ol class="dsn-breadcrumb-navigation__list">
14
- * <li class="dsn-breadcrumb-navigation__item">
15
- * <a href="/home" class="dsn-breadcrumb-navigation__link">Home</a>
16
- * <svg class="dsn-icon dsn-breadcrumb-navigation__separator" aria-hidden="true"><!-- chevron-right --></svg>
17
- * </li>
18
- *
19
- * <!-- Compact item met terug-pijl (back-icon zit binnen de <a>) -->
20
- * <li class="dsn-breadcrumb-navigation__item">
21
- * <a href="/fruit" class="dsn-breadcrumb-navigation__link">
22
- * <svg class="dsn-icon dsn-breadcrumb-navigation__back-icon" aria-hidden="true"><!-- arrow-left --></svg>
23
- * Fruit
24
- * </a>
25
- * <svg class="dsn-icon dsn-breadcrumb-navigation__separator" aria-hidden="true"><!-- chevron-right --></svg>
26
- * </li>
27
- * <li class="dsn-breadcrumb-navigation__item dsn-breadcrumb-navigation__item--current">
28
- * <a href="/appel" class="dsn-breadcrumb-navigation__link" aria-current="page">Appel</a>
29
- * </li>
30
- * </ol>
31
- * </nav>
32
- *
33
- * <!-- Compact variant (container query responsive collapse) -->
34
- * <nav aria-label="Broodkruimelpad" class="dsn-breadcrumb-navigation dsn-breadcrumb-navigation--compact">
35
- * ...
36
- * </nav>
37
- */
38
-
39
- /* ===========================
40
- Base — nav wrapper
41
- =========================== */
42
- .dsn-breadcrumb-navigation {
43
- display: block;
44
- padding-block: var(--dsn-space-block-lg);
45
- font-size: var(--dsn-breadcrumb-navigation-font-size);
46
- font-weight: var(--dsn-breadcrumb-navigation-font-weight);
47
- line-height: var(--dsn-breadcrumb-navigation-line-height);
48
- }
49
-
50
- /* ===========================
51
- List
52
- =========================== */
53
- .dsn-breadcrumb-navigation__list {
54
- display: flex;
55
- flex-wrap: wrap;
56
- align-items: center;
57
- list-style: none;
58
- margin: 0;
59
- padding: 0;
60
- column-gap: var(--dsn-breadcrumb-navigation-column-gap);
61
- }
62
-
63
- /* ===========================
64
- Item
65
- =========================== */
66
- .dsn-breadcrumb-navigation__item {
67
- display: flex;
68
- align-items: center;
69
- padding-block: var(--dsn-breadcrumb-navigation-item-padding-block);
70
- padding-inline: var(--dsn-breadcrumb-navigation-item-padding-inline);
71
- gap: var(--dsn-breadcrumb-navigation-column-gap);
72
- }
73
-
74
- /* ===========================
75
- Current page item
76
- =========================== */
77
- .dsn-breadcrumb-navigation__item--current {
78
- color: var(--dsn-breadcrumb-navigation-current-color);
79
- }
80
-
81
- /* ===========================
82
- Link
83
- =========================== */
84
- .dsn-breadcrumb-navigation__link {
85
- display: inline-flex;
86
- align-items: center;
87
- gap: var(--dsn-breadcrumb-navigation-link-column-gap);
88
- color: var(--dsn-breadcrumb-navigation-link-color);
89
- text-decoration-line: var(
90
- --dsn-breadcrumb-navigation-link-text-decoration-line
91
- );
92
- text-underline-offset: var(
93
- --dsn-breadcrumb-navigation-link-text-underline-offset
94
- );
95
- text-decoration-thickness: var(
96
- --dsn-breadcrumb-navigation-link-text-decoration-thickness
97
- );
98
- cursor: pointer;
99
- transition:
100
- color var(--dsn-transition-duration-normal)
101
- var(--dsn-transition-easing-default),
102
- text-decoration-color var(--dsn-transition-duration-normal)
103
- var(--dsn-transition-easing-default);
104
- }
105
-
106
- /* Current link — muted color, no underline, no hover effect */
107
- .dsn-breadcrumb-navigation__item--current .dsn-breadcrumb-navigation__link {
108
- color: var(--dsn-breadcrumb-navigation-current-color);
109
- text-decoration-line: none;
110
- cursor: default;
111
- }
112
-
113
- /* Hover */
114
- .dsn-breadcrumb-navigation__link:hover:not(
115
- .dsn-breadcrumb-navigation__item--current .dsn-breadcrumb-navigation__link
116
- ) {
117
- color: var(--dsn-breadcrumb-navigation-link-hover-color);
118
- text-decoration-line: var(
119
- --dsn-breadcrumb-navigation-link-hover-text-decoration-line
120
- );
121
- }
122
-
123
- /* Active */
124
- .dsn-breadcrumb-navigation__link:active:not(
125
- .dsn-breadcrumb-navigation__item--current .dsn-breadcrumb-navigation__link
126
- ) {
127
- color: var(--dsn-breadcrumb-navigation-link-active-color);
128
- text-decoration-line: var(
129
- --dsn-breadcrumb-navigation-link-active-text-decoration-line
130
- );
131
- }
132
-
133
- /* Focus */
134
- .dsn-breadcrumb-navigation__link:focus-visible {
135
- background-color: var(--dsn-focus-background-color);
136
- color: var(--dsn-focus-color);
137
- text-decoration: none;
138
- outline: var(--dsn-focus-outline-width) var(--dsn-focus-outline-style)
139
- var(--dsn-focus-outline-color);
140
- outline-offset: var(--dsn-focus-outline-offset);
141
- box-shadow: 0 0 0
142
- calc(var(--dsn-focus-outline-offset) + var(--dsn-focus-outline-width))
143
- var(--dsn-focus-inverse-outline-color);
144
- box-decoration-break: clone;
145
- }
146
-
147
- /* ===========================
148
- Separator icon
149
- =========================== */
150
- .dsn-breadcrumb-navigation__separator {
151
- flex-shrink: 0;
152
- width: var(--dsn-breadcrumb-navigation-separator-size);
153
- height: var(--dsn-breadcrumb-navigation-separator-size);
154
- color: var(--dsn-breadcrumb-navigation-separator-color);
155
- }
156
-
157
- /* Verberg separator na het laatste item */
158
- .dsn-breadcrumb-navigation__item:last-child
159
- .dsn-breadcrumb-navigation__separator {
160
- display: none;
161
- }
162
-
163
- /* ===========================
164
- Back icon (compact variant)
165
- =========================== */
166
- .dsn-breadcrumb-navigation__back-icon {
167
- display: none;
168
- flex-shrink: 0;
169
- width: var(--dsn-breadcrumb-navigation-icon-size);
170
- height: var(--dsn-breadcrumb-navigation-icon-size);
171
- }
172
-
173
- /* ===========================
174
- RTL — richtingsgevoelige iconen omdraaien
175
- =========================== */
176
- [dir='rtl'] .dsn-breadcrumb-navigation__separator,
177
- [dir='rtl'] .dsn-breadcrumb-navigation__back-icon {
178
- transform: scaleX(-1);
179
- }
180
-
181
- /* ===========================
182
- Compact variant — container query responsive collapse
183
- =========================== */
184
- .dsn-breadcrumb-navigation--compact {
185
- container-type: inline-size;
186
- container-name: breadcrumb;
187
- }
188
-
189
- @container breadcrumb (max-width: 32rem) {
190
- /* Verberg alle items */
191
- .dsn-breadcrumb-navigation--compact .dsn-breadcrumb-navigation__item {
192
- display: none;
193
- }
194
-
195
- /* Toon het ouder-item (tweede van achteren) */
196
- .dsn-breadcrumb-navigation--compact
197
- .dsn-breadcrumb-navigation__item:nth-last-child(2) {
198
- display: flex;
199
- align-items: center;
200
- }
201
-
202
- /* Toon het terug-icoon in het ouder-item */
203
- .dsn-breadcrumb-navigation--compact
204
- .dsn-breadcrumb-navigation__item:nth-last-child(2)
205
- .dsn-breadcrumb-navigation__back-icon {
206
- display: block;
207
- }
208
-
209
- /* Verberg het scheidingsteken na het ouder-item */
210
- .dsn-breadcrumb-navigation--compact
211
- .dsn-breadcrumb-navigation__item:nth-last-child(2)
212
- .dsn-breadcrumb-navigation__separator {
213
- display: none;
214
- }
215
- }
216
-
package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts DELETED
@@ -1,43 +0,0 @@
1
- import React from 'react';
2
- import './BreadcrumbNavigation.css';
3
- export interface BreadcrumbNavigationProps extends React.HTMLAttributes<HTMLElement> {
4
- /**
5
- * Toegankelijke naam van het `<nav>` landmark
6
- * @default "Broodkruimelpad"
7
- */
8
- 'aria-label'?: string;
9
- /**
10
- * `"compact"` activeert container-query responsief gedrag:
11
- * bij weinig ruimte wordt enkel het ouder-item met terug-pijl getoond
12
- * @default "default"
13
- */
14
- variant?: 'default' | 'compact';
15
- /**
16
- * `BreadcrumbNavigationItem` elementen
17
- */
18
- children: React.ReactNode;
19
- }
20
- /**
21
- * BreadcrumbNavigation component
22
- * Toont de hiërarchische locatie van de gebruiker en biedt navigatie naar bovenliggende pagina's.
23
- * Plaatsen vóór `<main>`, na de primaire navigatie.
24
- *
25
- * @example
26
- * ```tsx
27
- * // Standaard
28
- * <BreadcrumbNavigation aria-label="Broodkruimelpad">
29
- * <BreadcrumbNavigationItem href="/home">Home</BreadcrumbNavigationItem>
30
- * <BreadcrumbNavigationItem href="/categorie">Categorie</BreadcrumbNavigationItem>
31
- * <BreadcrumbNavigationItem href="/product" current>Product</BreadcrumbNavigationItem>
32
- * </BreadcrumbNavigation>
33
- *
34
- * // Compact variant
35
- * <BreadcrumbNavigation aria-label="Broodkruimelpad" variant="compact">
36
- * <BreadcrumbNavigationItem href="/home">Home</BreadcrumbNavigationItem>
37
- * <BreadcrumbNavigationItem href="/categorie">Categorie</BreadcrumbNavigationItem>
38
- * <BreadcrumbNavigationItem href="/product" current>Product</BreadcrumbNavigationItem>
39
- * </BreadcrumbNavigation>
40
- * ```
41
- */
42
- export declare const BreadcrumbNavigation: React.ForwardRefExoticComponent<BreadcrumbNavigationProps & React.RefAttributes<HTMLElement>>;
43
- //# sourceMappingURL=BreadcrumbNavigation.d.ts.map
package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbNavigation.d.ts","sourceRoot":"","sources":["../../src/BreadcrumbNavigation/BreadcrumbNavigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,4BAA4B,CAAC;AAEpC,MAAM,WAAW,yBAA0B,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClF;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,oBAAoB,+FA4ChC,CAAC"}
package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js DELETED
@@ -1,42 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { classNames } from '@dsn-starter-kit/core';
4
- import './BreadcrumbNavigation.css';
5
- /**
6
- * BreadcrumbNavigation component
7
- * Toont de hiërarchische locatie van de gebruiker en biedt navigatie naar bovenliggende pagina's.
8
- * Plaatsen vóór `<main>`, na de primaire navigatie.
9
- *
10
- * @example
11
- * ```tsx
12
- * // Standaard
13
- * <BreadcrumbNavigation aria-label="Broodkruimelpad">
14
- * <BreadcrumbNavigationItem href="/home">Home</BreadcrumbNavigationItem>
15
- * <BreadcrumbNavigationItem href="/categorie">Categorie</BreadcrumbNavigationItem>
16
- * <BreadcrumbNavigationItem href="/product" current>Product</BreadcrumbNavigationItem>
17
- * </BreadcrumbNavigation>
18
- *
19
- * // Compact variant
20
- * <BreadcrumbNavigation aria-label="Broodkruimelpad" variant="compact">
21
- * <BreadcrumbNavigationItem href="/home">Home</BreadcrumbNavigationItem>
22
- * <BreadcrumbNavigationItem href="/categorie">Categorie</BreadcrumbNavigationItem>
23
- * <BreadcrumbNavigationItem href="/product" current>Product</BreadcrumbNavigationItem>
24
- * </BreadcrumbNavigation>
25
- * ```
26
- */
27
- export const BreadcrumbNavigation = React.forwardRef(({ className, 'aria-label': ariaLabel = 'Broodkruimelpad', variant = 'default', children, ...props }, ref) => {
28
- const classes = classNames('dsn-breadcrumb-navigation', variant === 'compact' && 'dsn-breadcrumb-navigation--compact', className);
29
- const childArray = React.Children.toArray(children);
30
- const processedChildren = childArray.map((child, index) => {
31
- if (!React.isValidElement(child))
32
- return child;
33
- const isParentOfCurrent = variant === 'compact' && index === childArray.length - 2;
34
- if (isParentOfCurrent) {
35
- return React.cloneElement(child, { showBackIcon: true });
36
- }
37
- return child;
38
- });
39
- return (_jsx("nav", { ref: ref, className: classes, "aria-label": ariaLabel, ...props, children: _jsx("ol", { className: "dsn-breadcrumb-navigation__list", children: processedChildren }) }));
40
- });
41
- BreadcrumbNavigation.displayName = 'BreadcrumbNavigation';
42
- //# sourceMappingURL=BreadcrumbNavigation.js.map
package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbNavigation.js","sourceRoot":"","sources":["../../src/BreadcrumbNavigation/BreadcrumbNavigation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,OAAO,4BAA4B,CAAC;AAsBpC;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,UAAU,CAIlD,CACE,EACE,SAAS,EACT,YAAY,EAAE,SAAS,GAAG,iBAAiB,EAC3C,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,UAAU,CACxB,2BAA2B,EAC3B,OAAO,KAAK,SAAS,IAAI,oCAAoC,EAC7D,SAAS,CACV,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAEpD,MAAM,iBAAiB,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;QACxD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC;QAE/C,MAAM,iBAAiB,GACrB,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;QAE3D,IAAI,iBAAiB,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC,YAAY,CACvB,KAA0D,EAC1D,EAAE,YAAY,EAAE,IAAI,EAAE,CACvB,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,gBAAc,SAAS,KAAM,KAAK,YACjE,aAAI,SAAS,EAAC,iCAAiC,YAAE,iBAAiB,GAAM,GACpE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,oBAAoB,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts DELETED
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- export interface BreadcrumbNavigationItemProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- /**
4
- * URL van de pagina
5
- */
6
- href: string;
7
- /**
8
- * Markeert het huidige pagina-item; voegt `aria-current="page"` toe
9
- * @default false
10
- */
11
- current?: boolean;
12
- /**
13
- * Zichtbare link- of paginatekst
14
- */
15
- children: React.ReactNode;
16
- /**
17
- * @internal — wordt gezet door BreadcrumbNavigation (compact variant)
18
- */
19
- showBackIcon?: boolean;
20
- }
21
- /**
22
- * BreadcrumbNavigationItem component
23
- * Enkel item in een BreadcrumbNavigation. Gebruik altijd binnen een `<BreadcrumbNavigation>`.
24
- *
25
- * @example
26
- * ```tsx
27
- * <BreadcrumbNavigationItem href="/home">Home</BreadcrumbNavigationItem>
28
- * <BreadcrumbNavigationItem href="/categorie" current>Categorie</BreadcrumbNavigationItem>
29
- * ```
30
- */
31
- export declare const BreadcrumbNavigationItem: React.ForwardRefExoticComponent<BreadcrumbNavigationItemProps & React.RefAttributes<HTMLLIElement>>;
32
- //# sourceMappingURL=BreadcrumbNavigationItem.d.ts.map
package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbNavigationItem.d.ts","sourceRoot":"","sources":["../../src/BreadcrumbNavigation/BreadcrumbNavigationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAClG;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,wBAAwB,qGA8CpC,CAAC"}
package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js DELETED
@@ -1,20 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { classNames } from '@dsn-starter-kit/core';
4
- import { Icon } from '../Icon';
5
- /**
6
- * BreadcrumbNavigationItem component
7
- * Enkel item in een BreadcrumbNavigation. Gebruik altijd binnen een `<BreadcrumbNavigation>`.
8
- *
9
- * @example
10
- * ```tsx
11
- * <BreadcrumbNavigationItem href="/home">Home</BreadcrumbNavigationItem>
12
- * <BreadcrumbNavigationItem href="/categorie" current>Categorie</BreadcrumbNavigationItem>
13
- * ```
14
- */
15
- export const BreadcrumbNavigationItem = React.forwardRef(({ className, href, current = false, showBackIcon = false, children, ...props }, ref) => {
16
- const itemClasses = classNames('dsn-breadcrumb-navigation__item', current && 'dsn-breadcrumb-navigation__item--current', className);
17
- return (_jsxs("li", { ref: ref, className: itemClasses, children: [_jsxs("a", { href: href, className: "dsn-breadcrumb-navigation__link", "aria-current": current ? 'page' : undefined, ...props, children: [showBackIcon && (_jsx(Icon, { name: "arrow-left", className: "dsn-breadcrumb-navigation__back-icon", "aria-hidden": true })), children] }), _jsx(Icon, { name: "chevron-right", className: "dsn-breadcrumb-navigation__separator", "aria-hidden": true })] }));
18
- });
19
- BreadcrumbNavigationItem.displayName = 'BreadcrumbNavigationItem';
20
- //# sourceMappingURL=BreadcrumbNavigationItem.js.map
package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbNavigationItem.js","sourceRoot":"","sources":["../../src/BreadcrumbNavigation/BreadcrumbNavigationItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAyB/B;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAItD,CACE,EACE,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,UAAU,CAC5B,iCAAiC,EACjC,OAAO,IAAI,0CAA0C,EACrD,SAAS,CACV,CAAC;IAEF,OAAO,CACL,cAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,aAClC,aACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,iCAAiC,kBAC7B,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACtC,KAAK,aAER,YAAY,IAAI,CACf,KAAC,IAAI,IACH,IAAI,EAAC,YAAY,EACjB,SAAS,EAAC,sCAAsC,wBAEhD,CACH,EACA,QAAQ,IACP,EACJ,KAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,SAAS,EAAC,sCAAsC,wBAEhD,IACC,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}
package/dist/BreadcrumbNavigation/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export * from './BreadcrumbNavigation';
2
- export * from './BreadcrumbNavigationItem';
3
- //# sourceMappingURL=index.d.ts.map
package/dist/BreadcrumbNavigation/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BreadcrumbNavigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}
package/dist/BreadcrumbNavigation/index.js DELETED
@@ -1,3 +0,0 @@
1
- export * from './BreadcrumbNavigation';
2
- export * from './BreadcrumbNavigationItem';
3
- //# sourceMappingURL=index.js.map
package/dist/BreadcrumbNavigation/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BreadcrumbNavigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC"}
package/dist/BreakoutSection/BreakoutSection.css DELETED
@@ -1,23 +0,0 @@
1
- /**
2
- * BreakoutSection Layout Component
3
- * Laat een sectie "uitslaan" buiten een beperkte paginabreedte om de volledige
4
- * viewportbreedte te beslaan.
5
- *
6
- * Vereiste: de parent (.dsn-page-body) moet overflow-x: clip hebben om
7
- * horizontale scrolbalken te voorkomen.
8
- *
9
- * Usage:
10
- * <section class="dsn-breakout-section">
11
- * <!-- inhoud beslaat volledige viewportbreedte -->
12
- * </section>
13
- */
14
-
15
- .dsn-breakout-section {
16
- margin-block: var(--dsn-space-block-4xl);
17
- margin-inline: calc(50% - 50vw);
18
- border-block-start: var(--dsn-breakout-section-border-block-width) solid
19
- var(--dsn-color-transparent);
20
- border-block-end: var(--dsn-breakout-section-border-block-width) solid
21
- var(--dsn-color-transparent);
22
- }
23
-
package/dist/BreakoutSection/BreakoutSection.d.ts DELETED
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import './BreakoutSection.css';
3
- export type BreakoutSectionAs = 'div' | 'section' | 'article' | 'aside';
4
- export interface BreakoutSectionProps extends React.HTMLAttributes<HTMLElement> {
5
- /**
6
- * HTML-element — ontkoppelt semantiek van visuele stijl
7
- * @default 'section'
8
- */
9
- as?: BreakoutSectionAs;
10
- children?: React.ReactNode;
11
- }
12
- /**
13
- * BreakoutSection layout component
14
- * Laat een sectie "uitslaan" buiten een beperkte paginabreedte om de volledige
15
- * viewportbreedte te beslaan via `margin-inline: calc(50% - 50vw)`.
16
- *
17
- * Vereiste: de parent (.dsn-page-body) heeft `overflow-x: clip` zodat er geen
18
- * horizontale scrolbalk verschijnt.
19
- *
20
- * @example
21
- * ```tsx
22
- * <BreakoutSection style={{ backgroundColor: 'var(--dsn-color-accent-1-inverse-bg-default)' }}>
23
- * <div style={{ maxInlineSize: 'var(--dsn-page-max-inline-size)', marginInline: 'auto', paddingInline: 'var(--dsn-page-body-padding-inline)' }}>
24
- * <Heading level={2}>Uitgeslagen sectie</Heading>
25
- * </div>
26
- * </BreakoutSection>
27
- * ```
28
- */
29
- export declare const BreakoutSection: React.ForwardRefExoticComponent<BreakoutSectionProps & React.RefAttributes<HTMLElement>>;
30
- //# sourceMappingURL=BreakoutSection.d.ts.map
package/dist/BreakoutSection/BreakoutSection.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreakoutSection.d.ts","sourceRoot":"","sources":["../../src/BreakoutSection/BreakoutSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAExE,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC7E;;;OAGG;IACH,EAAE,CAAC,EAAE,iBAAiB,CAAC;IAEvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,eAAe,0FAW1B,CAAC"}
package/dist/BreakoutSection/BreakoutSection.js DELETED
@@ -1,27 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import React from 'react';
3
- import { classNames } from '@dsn-starter-kit/core';
4
- import './BreakoutSection.css';
5
- /**
6
- * BreakoutSection layout component
7
- * Laat een sectie "uitslaan" buiten een beperkte paginabreedte om de volledige
8
- * viewportbreedte te beslaan via `margin-inline: calc(50% - 50vw)`.
9
- *
10
- * Vereiste: de parent (.dsn-page-body) heeft `overflow-x: clip` zodat er geen
11
- * horizontale scrolbalk verschijnt.
12
- *
13
- * @example
14
- * ```tsx
15
- * <BreakoutSection style={{ backgroundColor: 'var(--dsn-color-accent-1-inverse-bg-default)' }}>
16
- * <div style={{ maxInlineSize: 'var(--dsn-page-max-inline-size)', marginInline: 'auto', paddingInline: 'var(--dsn-page-body-padding-inline)' }}>
17
- * <Heading level={2}>Uitgeslagen sectie</Heading>
18
- * </div>
19
- * </BreakoutSection>
20
- * ```
21
- */
22
- export const BreakoutSection = React.forwardRef(({ as: As = 'section', className, children, ...props }, ref) => {
23
- const classes = classNames('dsn-breakout-section', className);
24
- return (_jsx(As, { ref: ref, className: classes, ...props, children: children }));
25
- });
26
- BreakoutSection.displayName = 'BreakoutSection';
27
- //# sourceMappingURL=BreakoutSection.js.map
package/dist/BreakoutSection/BreakoutSection.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreakoutSection.js","sourceRoot":"","sources":["../../src/BreakoutSection/BreakoutSection.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,uBAAuB,CAAC;AAc/B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAG7C,CAAC,EAAE,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC/D,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,EAAE,SAAS,CAAC,CAAC;IAE9D,OAAO,CACL,KAAC,EAAE,IAAC,GAAG,EAAE,GAAgC,EAAE,SAAS,EAAE,OAAO,KAAM,KAAK,YACrE,QAAQ,GACN,CACN,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
package/dist/BreakoutSection/index.d.ts DELETED
@@ -1,3 +0,0 @@
1
- export { BreakoutSection } from './BreakoutSection';
2
- export type { BreakoutSectionProps, BreakoutSectionAs, } from './BreakoutSection';
3
- //# sourceMappingURL=index.d.ts.map
package/dist/BreakoutSection/index.d.ts.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BreakoutSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,iBAAiB,GAClB,MAAM,mBAAmB,CAAC"}
package/dist/BreakoutSection/index.js DELETED
@@ -1,2 +0,0 @@
1
- export { BreakoutSection } from './BreakoutSection';
2
- //# sourceMappingURL=index.js.map
package/dist/BreakoutSection/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/BreakoutSection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}