@dsn-starter-kit/components-react 2.0.0 → 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 (674) hide show
  1. package/dist/index.cjs +5129 -0
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.css +4234 -6939
  4. package/dist/index.d.cts +3874 -0
  5. package/dist/index.d.cts.map +1 -0
  6. package/dist/index.d.mts +3874 -0
  7. package/dist/index.d.mts.map +1 -0
  8. package/dist/index.mjs +5007 -0
  9. package/dist/index.mjs.map +1 -0
  10. package/package.json +20 -17
  11. package/dist/ActionGroup/ActionGroup.css +0 -95
  12. package/dist/ActionGroup/ActionGroup.d.ts +0 -49
  13. package/dist/ActionGroup/ActionGroup.d.ts.map +0 -1
  14. package/dist/ActionGroup/ActionGroup.js +0 -54
  15. package/dist/ActionGroup/ActionGroup.js.map +0 -1
  16. package/dist/ActionGroup/index.d.ts +0 -3
  17. package/dist/ActionGroup/index.d.ts.map +0 -1
  18. package/dist/ActionGroup/index.js +0 -2
  19. package/dist/ActionGroup/index.js.map +0 -1
  20. package/dist/Alert/Alert.css +0 -159
  21. package/dist/Alert/Alert.d.ts +0 -83
  22. package/dist/Alert/Alert.d.ts.map +0 -1
  23. package/dist/Alert/Alert.js +0 -69
  24. package/dist/Alert/Alert.js.map +0 -1
  25. package/dist/Alert/index.d.ts +0 -3
  26. package/dist/Alert/index.d.ts.map +0 -1
  27. package/dist/Alert/index.js +0 -2
  28. package/dist/Alert/index.js.map +0 -1
  29. package/dist/Backdrop/Backdrop.css +0 -30
  30. package/dist/Backdrop/Backdrop.d.ts +0 -26
  31. package/dist/Backdrop/Backdrop.d.ts.map +0 -1
  32. package/dist/Backdrop/Backdrop.js +0 -23
  33. package/dist/Backdrop/Backdrop.js.map +0 -1
  34. package/dist/Backdrop/index.d.ts +0 -3
  35. package/dist/Backdrop/index.d.ts.map +0 -1
  36. package/dist/Backdrop/index.js +0 -2
  37. package/dist/Backdrop/index.js.map +0 -1
  38. package/dist/Body/Body.css +0 -14
  39. package/dist/Body/Body.d.ts +0 -27
  40. package/dist/Body/Body.d.ts.map +0 -1
  41. package/dist/Body/Body.js +0 -27
  42. package/dist/Body/Body.js.map +0 -1
  43. package/dist/Body/index.d.ts +0 -3
  44. package/dist/Body/index.d.ts.map +0 -1
  45. package/dist/Body/index.js +0 -2
  46. package/dist/Body/index.js.map +0 -1
  47. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.css +0 -216
  48. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts +0 -43
  49. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.d.ts.map +0 -1
  50. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js +0 -42
  51. package/dist/BreadcrumbNavigation/BreadcrumbNavigation.js.map +0 -1
  52. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts +0 -32
  53. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.d.ts.map +0 -1
  54. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js +0 -20
  55. package/dist/BreadcrumbNavigation/BreadcrumbNavigationItem.js.map +0 -1
  56. package/dist/BreadcrumbNavigation/index.d.ts +0 -3
  57. package/dist/BreadcrumbNavigation/index.d.ts.map +0 -1
  58. package/dist/BreadcrumbNavigation/index.js +0 -3
  59. package/dist/BreadcrumbNavigation/index.js.map +0 -1
  60. package/dist/BreakoutSection/BreakoutSection.css +0 -23
  61. package/dist/BreakoutSection/BreakoutSection.d.ts +0 -30
  62. package/dist/BreakoutSection/BreakoutSection.d.ts.map +0 -1
  63. package/dist/BreakoutSection/BreakoutSection.js +0 -27
  64. package/dist/BreakoutSection/BreakoutSection.js.map +0 -1
  65. package/dist/BreakoutSection/index.d.ts +0 -3
  66. package/dist/BreakoutSection/index.d.ts.map +0 -1
  67. package/dist/BreakoutSection/index.js +0 -2
  68. package/dist/BreakoutSection/index.js.map +0 -1
  69. package/dist/Button/Button.css +0 -337
  70. package/dist/Button/Button.d.ts +0 -90
  71. package/dist/Button/Button.d.ts.map +0 -1
  72. package/dist/Button/Button.js +0 -53
  73. package/dist/Button/Button.js.map +0 -1
  74. package/dist/Button/index.d.ts +0 -3
  75. package/dist/Button/index.d.ts.map +0 -1
  76. package/dist/Button/index.js +0 -2
  77. package/dist/Button/index.js.map +0 -1
  78. package/dist/ButtonLink/ButtonLink.css +0 -29
  79. package/dist/ButtonLink/ButtonLink.d.ts +0 -92
  80. package/dist/ButtonLink/ButtonLink.d.ts.map +0 -1
  81. package/dist/ButtonLink/ButtonLink.js +0 -50
  82. package/dist/ButtonLink/ButtonLink.js.map +0 -1
  83. package/dist/ButtonLink/index.d.ts +0 -3
  84. package/dist/ButtonLink/index.d.ts.map +0 -1
  85. package/dist/ButtonLink/index.js +0 -2
  86. package/dist/ButtonLink/index.js.map +0 -1
  87. package/dist/Card/Card.css +0 -169
  88. package/dist/Card/Card.d.ts +0 -105
  89. package/dist/Card/Card.d.ts.map +0 -1
  90. package/dist/Card/Card.js +0 -80
  91. package/dist/Card/Card.js.map +0 -1
  92. package/dist/Card/index.d.ts +0 -3
  93. package/dist/Card/index.d.ts.map +0 -1
  94. package/dist/Card/index.js +0 -2
  95. package/dist/Card/index.js.map +0 -1
  96. package/dist/Checkbox/Checkbox.css +0 -239
  97. package/dist/Checkbox/Checkbox.d.ts +0 -18
  98. package/dist/Checkbox/Checkbox.d.ts.map +0 -1
  99. package/dist/Checkbox/Checkbox.js +0 -24
  100. package/dist/Checkbox/Checkbox.js.map +0 -1
  101. package/dist/Checkbox/index.d.ts +0 -3
  102. package/dist/Checkbox/index.d.ts.map +0 -1
  103. package/dist/Checkbox/index.js +0 -2
  104. package/dist/Checkbox/index.js.map +0 -1
  105. package/dist/CheckboxGroup/CheckboxGroup.css +0 -10
  106. package/dist/CheckboxGroup/CheckboxGroup.d.ts +0 -37
  107. package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +0 -1
  108. package/dist/CheckboxGroup/CheckboxGroup.js +0 -37
  109. package/dist/CheckboxGroup/CheckboxGroup.js.map +0 -1
  110. package/dist/CheckboxGroup/index.d.ts +0 -3
  111. package/dist/CheckboxGroup/index.d.ts.map +0 -1
  112. package/dist/CheckboxGroup/index.js +0 -2
  113. package/dist/CheckboxGroup/index.js.map +0 -1
  114. package/dist/CheckboxOption/CheckboxOption.css +0 -17
  115. package/dist/CheckboxOption/CheckboxOption.d.ts +0 -14
  116. package/dist/CheckboxOption/CheckboxOption.d.ts.map +0 -1
  117. package/dist/CheckboxOption/CheckboxOption.js +0 -15
  118. package/dist/CheckboxOption/CheckboxOption.js.map +0 -1
  119. package/dist/CheckboxOption/index.d.ts +0 -3
  120. package/dist/CheckboxOption/index.d.ts.map +0 -1
  121. package/dist/CheckboxOption/index.js +0 -2
  122. package/dist/CheckboxOption/index.js.map +0 -1
  123. package/dist/Container/Container.css +0 -48
  124. package/dist/Container/Container.d.ts +0 -41
  125. package/dist/Container/Container.d.ts.map +0 -1
  126. package/dist/Container/Container.js +0 -33
  127. package/dist/Container/Container.js.map +0 -1
  128. package/dist/Container/index.d.ts +0 -3
  129. package/dist/Container/index.d.ts.map +0 -1
  130. package/dist/Container/index.js +0 -2
  131. package/dist/Container/index.js.map +0 -1
  132. package/dist/DateInput/DateInput.css +0 -37
  133. package/dist/DateInput/DateInput.d.ts +0 -37
  134. package/dist/DateInput/DateInput.d.ts.map +0 -1
  135. package/dist/DateInput/DateInput.js +0 -52
  136. package/dist/DateInput/DateInput.js.map +0 -1
  137. package/dist/DateInput/index.d.ts +0 -3
  138. package/dist/DateInput/index.d.ts.map +0 -1
  139. package/dist/DateInput/index.js +0 -2
  140. package/dist/DateInput/index.js.map +0 -1
  141. package/dist/DateInputGroup/DateInputGroup.css +0 -30
  142. package/dist/DateInputGroup/DateInputGroup.d.ts +0 -65
  143. package/dist/DateInputGroup/DateInputGroup.d.ts.map +0 -1
  144. package/dist/DateInputGroup/DateInputGroup.js +0 -53
  145. package/dist/DateInputGroup/DateInputGroup.js.map +0 -1
  146. package/dist/DateInputGroup/index.d.ts +0 -3
  147. package/dist/DateInputGroup/index.d.ts.map +0 -1
  148. package/dist/DateInputGroup/index.js +0 -2
  149. package/dist/DateInputGroup/index.js.map +0 -1
  150. package/dist/Details/Details.css +0 -148
  151. package/dist/Details/Details.d.ts +0 -46
  152. package/dist/Details/Details.d.ts.map +0 -1
  153. package/dist/Details/Details.js +0 -37
  154. package/dist/Details/Details.js.map +0 -1
  155. package/dist/Details/index.d.ts +0 -3
  156. package/dist/Details/index.d.ts.map +0 -1
  157. package/dist/Details/index.js +0 -2
  158. package/dist/Details/index.js.map +0 -1
  159. package/dist/DotBadge/DotBadge.css +0 -111
  160. package/dist/DotBadge/DotBadge.d.ts +0 -40
  161. package/dist/DotBadge/DotBadge.d.ts.map +0 -1
  162. package/dist/DotBadge/DotBadge.js +0 -33
  163. package/dist/DotBadge/DotBadge.js.map +0 -1
  164. package/dist/DotBadge/index.d.ts +0 -2
  165. package/dist/DotBadge/index.d.ts.map +0 -1
  166. package/dist/DotBadge/index.js +0 -2
  167. package/dist/DotBadge/index.js.map +0 -1
  168. package/dist/Drawer/Drawer.css +0 -258
  169. package/dist/Drawer/Drawer.d.ts +0 -109
  170. package/dist/Drawer/Drawer.d.ts.map +0 -1
  171. package/dist/Drawer/Drawer.js +0 -115
  172. package/dist/Drawer/Drawer.js.map +0 -1
  173. package/dist/Drawer/index.d.ts +0 -3
  174. package/dist/Drawer/index.d.ts.map +0 -1
  175. package/dist/Drawer/index.js +0 -2
  176. package/dist/Drawer/index.js.map +0 -1
  177. package/dist/EmailInput/EmailInput.css +0 -4
  178. package/dist/EmailInput/EmailInput.d.ts +0 -38
  179. package/dist/EmailInput/EmailInput.d.ts.map +0 -1
  180. package/dist/EmailInput/EmailInput.js +0 -27
  181. package/dist/EmailInput/EmailInput.js.map +0 -1
  182. package/dist/EmailInput/index.d.ts +0 -3
  183. package/dist/EmailInput/index.d.ts.map +0 -1
  184. package/dist/EmailInput/index.js +0 -2
  185. package/dist/EmailInput/index.js.map +0 -1
  186. package/dist/File/File.css +0 -222
  187. package/dist/File/File.d.ts +0 -116
  188. package/dist/File/File.d.ts.map +0 -1
  189. package/dist/File/File.js +0 -100
  190. package/dist/File/File.js.map +0 -1
  191. package/dist/File/index.d.ts +0 -3
  192. package/dist/File/index.d.ts.map +0 -1
  193. package/dist/File/index.js +0 -2
  194. package/dist/File/index.js.map +0 -1
  195. package/dist/FileInput/FileInput.css +0 -112
  196. package/dist/FileInput/FileInput.d.ts +0 -36
  197. package/dist/FileInput/FileInput.d.ts.map +0 -1
  198. package/dist/FileInput/FileInput.js +0 -31
  199. package/dist/FileInput/FileInput.js.map +0 -1
  200. package/dist/FileInput/index.d.ts +0 -3
  201. package/dist/FileInput/index.d.ts.map +0 -1
  202. package/dist/FileInput/index.js +0 -2
  203. package/dist/FileInput/index.js.map +0 -1
  204. package/dist/FormField/FormField.css +0 -16
  205. package/dist/FormField/FormField.d.ts +0 -85
  206. package/dist/FormField/FormField.d.ts.map +0 -1
  207. package/dist/FormField/FormField.js +0 -60
  208. package/dist/FormField/FormField.js.map +0 -1
  209. package/dist/FormField/index.d.ts +0 -3
  210. package/dist/FormField/index.d.ts.map +0 -1
  211. package/dist/FormField/index.js +0 -2
  212. package/dist/FormField/index.js.map +0 -1
  213. package/dist/FormFieldDescription/FormFieldDescription.css +0 -25
  214. package/dist/FormFieldDescription/FormFieldDescription.d.ts +0 -47
  215. package/dist/FormFieldDescription/FormFieldDescription.d.ts.map +0 -1
  216. package/dist/FormFieldDescription/FormFieldDescription.js +0 -37
  217. package/dist/FormFieldDescription/FormFieldDescription.js.map +0 -1
  218. package/dist/FormFieldDescription/index.d.ts +0 -3
  219. package/dist/FormFieldDescription/index.d.ts.map +0 -1
  220. package/dist/FormFieldDescription/index.js +0 -2
  221. package/dist/FormFieldDescription/index.js.map +0 -1
  222. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.css +0 -38
  223. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.ts +0 -40
  224. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.d.ts.map +0 -1
  225. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.js +0 -32
  226. package/dist/FormFieldErrorMessage/FormFieldErrorMessage.js.map +0 -1
  227. package/dist/FormFieldErrorMessage/index.d.ts +0 -3
  228. package/dist/FormFieldErrorMessage/index.d.ts.map +0 -1
  229. package/dist/FormFieldErrorMessage/index.js +0 -2
  230. package/dist/FormFieldErrorMessage/index.js.map +0 -1
  231. package/dist/FormFieldLabel/FormFieldLabel.css +0 -48
  232. package/dist/FormFieldLabel/FormFieldLabel.d.ts +0 -38
  233. package/dist/FormFieldLabel/FormFieldLabel.d.ts.map +0 -1
  234. package/dist/FormFieldLabel/FormFieldLabel.js +0 -30
  235. package/dist/FormFieldLabel/FormFieldLabel.js.map +0 -1
  236. package/dist/FormFieldLabel/index.d.ts +0 -3
  237. package/dist/FormFieldLabel/index.d.ts.map +0 -1
  238. package/dist/FormFieldLabel/index.js +0 -2
  239. package/dist/FormFieldLabel/index.js.map +0 -1
  240. package/dist/FormFieldLegend/FormFieldLegend.css +0 -7
  241. package/dist/FormFieldLegend/FormFieldLegend.d.ts +0 -39
  242. package/dist/FormFieldLegend/FormFieldLegend.d.ts.map +0 -1
  243. package/dist/FormFieldLegend/FormFieldLegend.js +0 -31
  244. package/dist/FormFieldLegend/FormFieldLegend.js.map +0 -1
  245. package/dist/FormFieldLegend/index.d.ts +0 -2
  246. package/dist/FormFieldLegend/index.d.ts.map +0 -1
  247. package/dist/FormFieldLegend/index.js +0 -2
  248. package/dist/FormFieldLegend/index.js.map +0 -1
  249. package/dist/FormFieldStatus/FormFieldStatus.css +0 -66
  250. package/dist/FormFieldStatus/FormFieldStatus.d.ts +0 -52
  251. package/dist/FormFieldStatus/FormFieldStatus.d.ts.map +0 -1
  252. package/dist/FormFieldStatus/FormFieldStatus.js +0 -44
  253. package/dist/FormFieldStatus/FormFieldStatus.js.map +0 -1
  254. package/dist/FormFieldStatus/index.d.ts +0 -3
  255. package/dist/FormFieldStatus/index.d.ts.map +0 -1
  256. package/dist/FormFieldStatus/index.js +0 -2
  257. package/dist/FormFieldStatus/index.js.map +0 -1
  258. package/dist/FormFieldset/FormFieldset.css +0 -24
  259. package/dist/FormFieldset/FormFieldset.d.ts +0 -83
  260. package/dist/FormFieldset/FormFieldset.d.ts.map +0 -1
  261. package/dist/FormFieldset/FormFieldset.js +0 -59
  262. package/dist/FormFieldset/FormFieldset.js.map +0 -1
  263. package/dist/FormFieldset/index.d.ts +0 -2
  264. package/dist/FormFieldset/index.d.ts.map +0 -1
  265. package/dist/FormFieldset/index.js +0 -2
  266. package/dist/FormFieldset/index.js.map +0 -1
  267. package/dist/Grid/Grid.css +0 -573
  268. package/dist/Grid/Grid.d.ts +0 -35
  269. package/dist/Grid/Grid.d.ts.map +0 -1
  270. package/dist/Grid/Grid.js +0 -29
  271. package/dist/Grid/Grid.js.map +0 -1
  272. package/dist/Grid/GridItem.d.ts +0 -84
  273. package/dist/Grid/GridItem.d.ts.map +0 -1
  274. package/dist/Grid/GridItem.js +0 -39
  275. package/dist/Grid/GridItem.js.map +0 -1
  276. package/dist/Grid/index.d.ts +0 -5
  277. package/dist/Grid/index.d.ts.map +0 -1
  278. package/dist/Grid/index.js +0 -3
  279. package/dist/Grid/index.js.map +0 -1
  280. package/dist/Heading/Heading.css +0 -81
  281. package/dist/Heading/Heading.d.ts +0 -38
  282. package/dist/Heading/Heading.d.ts.map +0 -1
  283. package/dist/Heading/Heading.js +0 -24
  284. package/dist/Heading/Heading.js.map +0 -1
  285. package/dist/Heading/index.d.ts +0 -3
  286. package/dist/Heading/index.d.ts.map +0 -1
  287. package/dist/Heading/index.js +0 -2
  288. package/dist/Heading/index.js.map +0 -1
  289. package/dist/HeadingGroup/HeadingGroup.css +0 -5
  290. package/dist/HeadingGroup/HeadingGroup.d.ts +0 -23
  291. package/dist/HeadingGroup/HeadingGroup.d.ts.map +0 -1
  292. package/dist/HeadingGroup/HeadingGroup.js +0 -12
  293. package/dist/HeadingGroup/HeadingGroup.js.map +0 -1
  294. package/dist/HeadingGroup/index.d.ts +0 -3
  295. package/dist/HeadingGroup/index.d.ts.map +0 -1
  296. package/dist/HeadingGroup/index.js +0 -2
  297. package/dist/HeadingGroup/index.js.map +0 -1
  298. package/dist/Hero/Hero.css +0 -847
  299. package/dist/Hero/Hero.d.ts +0 -45
  300. package/dist/Hero/Hero.d.ts.map +0 -1
  301. package/dist/Hero/Hero.js +0 -33
  302. package/dist/Hero/Hero.js.map +0 -1
  303. package/dist/Hero/index.d.ts +0 -3
  304. package/dist/Hero/index.d.ts.map +0 -1
  305. package/dist/Hero/index.js +0 -2
  306. package/dist/Hero/index.js.map +0 -1
  307. package/dist/Icon/Icon.css +0 -57
  308. package/dist/Icon/Icon.d.ts +0 -48
  309. package/dist/Icon/Icon.d.ts.map +0 -1
  310. package/dist/Icon/Icon.js +0 -42
  311. package/dist/Icon/Icon.js.map +0 -1
  312. package/dist/Icon/icon-registry.generated.d.ts +0 -4
  313. package/dist/Icon/icon-registry.generated.d.ts.map +0 -1
  314. package/dist/Icon/icon-registry.generated.js +0 -105
  315. package/dist/Icon/icon-registry.generated.js.map +0 -1
  316. package/dist/Icon/index.d.ts +0 -3
  317. package/dist/Icon/index.d.ts.map +0 -1
  318. package/dist/Icon/index.js +0 -2
  319. package/dist/Icon/index.js.map +0 -1
  320. package/dist/Image/Image.css +0 -123
  321. package/dist/Image/Image.d.ts +0 -54
  322. package/dist/Image/Image.d.ts.map +0 -1
  323. package/dist/Image/Image.js +0 -53
  324. package/dist/Image/Image.js.map +0 -1
  325. package/dist/Image/index.d.ts +0 -3
  326. package/dist/Image/index.d.ts.map +0 -1
  327. package/dist/Image/index.js +0 -2
  328. package/dist/Image/index.js.map +0 -1
  329. package/dist/Link/Link.css +0 -113
  330. package/dist/Link/Link.d.ts +0 -80
  331. package/dist/Link/Link.d.ts.map +0 -1
  332. package/dist/Link/Link.js +0 -58
  333. package/dist/Link/Link.js.map +0 -1
  334. package/dist/Link/index.d.ts +0 -3
  335. package/dist/Link/index.d.ts.map +0 -1
  336. package/dist/Link/index.js +0 -2
  337. package/dist/Link/index.js.map +0 -1
  338. package/dist/LinkButton/LinkButton.css +0 -40
  339. package/dist/LinkButton/LinkButton.d.ts +0 -52
  340. package/dist/LinkButton/LinkButton.d.ts.map +0 -1
  341. package/dist/LinkButton/LinkButton.js +0 -34
  342. package/dist/LinkButton/LinkButton.js.map +0 -1
  343. package/dist/LinkButton/index.d.ts +0 -3
  344. package/dist/LinkButton/index.d.ts.map +0 -1
  345. package/dist/LinkButton/index.js +0 -2
  346. package/dist/LinkButton/index.js.map +0 -1
  347. package/dist/Logo/Logo.css +0 -33
  348. package/dist/Logo/Logo.d.ts +0 -33
  349. package/dist/Logo/Logo.d.ts.map +0 -1
  350. package/dist/Logo/Logo.js +0 -32
  351. package/dist/Logo/Logo.js.map +0 -1
  352. package/dist/Logo/index.d.ts +0 -2
  353. package/dist/Logo/index.d.ts.map +0 -1
  354. package/dist/Logo/index.js +0 -2
  355. package/dist/Logo/index.js.map +0 -1
  356. package/dist/Menu/Menu.css +0 -57
  357. package/dist/Menu/Menu.d.ts +0 -56
  358. package/dist/Menu/Menu.d.ts.map +0 -1
  359. package/dist/Menu/Menu.js +0 -38
  360. package/dist/Menu/Menu.js.map +0 -1
  361. package/dist/Menu/index.d.ts +0 -2
  362. package/dist/Menu/index.d.ts.map +0 -1
  363. package/dist/Menu/index.js +0 -2
  364. package/dist/Menu/index.js.map +0 -1
  365. package/dist/MenuButton/MenuButton.css +0 -106
  366. package/dist/MenuButton/MenuButton.d.ts +0 -54
  367. package/dist/MenuButton/MenuButton.d.ts.map +0 -1
  368. package/dist/MenuButton/MenuButton.js +0 -37
  369. package/dist/MenuButton/MenuButton.js.map +0 -1
  370. package/dist/MenuButton/index.d.ts +0 -2
  371. package/dist/MenuButton/index.d.ts.map +0 -1
  372. package/dist/MenuButton/index.js +0 -2
  373. package/dist/MenuButton/index.js.map +0 -1
  374. package/dist/MenuLink/MenuLink.css +0 -212
  375. package/dist/MenuLink/MenuLink.d.ts +0 -96
  376. package/dist/MenuLink/MenuLink.d.ts.map +0 -1
  377. package/dist/MenuLink/MenuLink.js +0 -50
  378. package/dist/MenuLink/MenuLink.js.map +0 -1
  379. package/dist/MenuLink/index.d.ts +0 -2
  380. package/dist/MenuLink/index.d.ts.map +0 -1
  381. package/dist/MenuLink/index.js +0 -2
  382. package/dist/MenuLink/index.js.map +0 -1
  383. package/dist/ModalDialog/ModalDialog.css +0 -199
  384. package/dist/ModalDialog/ModalDialog.d.ts +0 -95
  385. package/dist/ModalDialog/ModalDialog.d.ts.map +0 -1
  386. package/dist/ModalDialog/ModalDialog.js +0 -93
  387. package/dist/ModalDialog/ModalDialog.js.map +0 -1
  388. package/dist/ModalDialog/index.d.ts +0 -3
  389. package/dist/ModalDialog/index.d.ts.map +0 -1
  390. package/dist/ModalDialog/index.js +0 -2
  391. package/dist/ModalDialog/index.js.map +0 -1
  392. package/dist/Note/Note.css +0 -177
  393. package/dist/Note/Note.d.ts +0 -93
  394. package/dist/Note/Note.d.ts.map +0 -1
  395. package/dist/Note/Note.js +0 -81
  396. package/dist/Note/Note.js.map +0 -1
  397. package/dist/Note/index.d.ts +0 -3
  398. package/dist/Note/index.d.ts.map +0 -1
  399. package/dist/Note/index.js +0 -2
  400. package/dist/Note/index.js.map +0 -1
  401. package/dist/NumberBadge/NumberBadge.css +0 -83
  402. package/dist/NumberBadge/NumberBadge.d.ts +0 -42
  403. package/dist/NumberBadge/NumberBadge.d.ts.map +0 -1
  404. package/dist/NumberBadge/NumberBadge.js +0 -46
  405. package/dist/NumberBadge/NumberBadge.js.map +0 -1
  406. package/dist/NumberBadge/index.d.ts +0 -2
  407. package/dist/NumberBadge/index.d.ts.map +0 -1
  408. package/dist/NumberBadge/index.js +0 -2
  409. package/dist/NumberBadge/index.js.map +0 -1
  410. package/dist/NumberInput/NumberInput.css +0 -4
  411. package/dist/NumberInput/NumberInput.d.ts +0 -45
  412. package/dist/NumberInput/NumberInput.d.ts.map +0 -1
  413. package/dist/NumberInput/NumberInput.js +0 -27
  414. package/dist/NumberInput/NumberInput.js.map +0 -1
  415. package/dist/NumberInput/index.d.ts +0 -3
  416. package/dist/NumberInput/index.d.ts.map +0 -1
  417. package/dist/NumberInput/index.js +0 -2
  418. package/dist/NumberInput/index.js.map +0 -1
  419. package/dist/OptionLabel/OptionLabel.css +0 -18
  420. package/dist/OptionLabel/OptionLabel.d.ts +0 -13
  421. package/dist/OptionLabel/OptionLabel.d.ts.map +0 -1
  422. package/dist/OptionLabel/OptionLabel.js +0 -13
  423. package/dist/OptionLabel/OptionLabel.js.map +0 -1
  424. package/dist/OptionLabel/index.d.ts +0 -3
  425. package/dist/OptionLabel/index.d.ts.map +0 -1
  426. package/dist/OptionLabel/index.js +0 -2
  427. package/dist/OptionLabel/index.js.map +0 -1
  428. package/dist/OrderedList/OrderedList.css +0 -37
  429. package/dist/OrderedList/OrderedList.d.ts +0 -32
  430. package/dist/OrderedList/OrderedList.d.ts.map +0 -1
  431. package/dist/OrderedList/OrderedList.js +0 -28
  432. package/dist/OrderedList/OrderedList.js.map +0 -1
  433. package/dist/OrderedList/index.d.ts +0 -3
  434. package/dist/OrderedList/index.d.ts.map +0 -1
  435. package/dist/OrderedList/index.js +0 -2
  436. package/dist/OrderedList/index.js.map +0 -1
  437. package/dist/PageBody/PageBody.css +0 -99
  438. package/dist/PageBody/PageBody.d.ts +0 -33
  439. package/dist/PageBody/PageBody.d.ts.map +0 -1
  440. package/dist/PageBody/PageBody.js +0 -28
  441. package/dist/PageBody/PageBody.js.map +0 -1
  442. package/dist/PageBody/index.d.ts +0 -2
  443. package/dist/PageBody/index.d.ts.map +0 -1
  444. package/dist/PageBody/index.js +0 -2
  445. package/dist/PageBody/index.js.map +0 -1
  446. package/dist/PageFooter/PageFooter.css +0 -101
  447. package/dist/PageFooter/PageFooter.d.ts +0 -55
  448. package/dist/PageFooter/PageFooter.d.ts.map +0 -1
  449. package/dist/PageFooter/PageFooter.js +0 -45
  450. package/dist/PageFooter/PageFooter.js.map +0 -1
  451. package/dist/PageFooter/index.d.ts +0 -2
  452. package/dist/PageFooter/index.d.ts.map +0 -1
  453. package/dist/PageFooter/index.js +0 -2
  454. package/dist/PageFooter/index.js.map +0 -1
  455. package/dist/PageHeader/PageHeader.css +0 -530
  456. package/dist/PageHeader/PageHeader.d.ts +0 -190
  457. package/dist/PageHeader/PageHeader.d.ts.map +0 -1
  458. package/dist/PageHeader/PageHeader.js +0 -115
  459. package/dist/PageHeader/PageHeader.js.map +0 -1
  460. package/dist/PageHeader/index.d.ts +0 -2
  461. package/dist/PageHeader/index.d.ts.map +0 -1
  462. package/dist/PageHeader/index.js +0 -2
  463. package/dist/PageHeader/index.js.map +0 -1
  464. package/dist/PageLayout/PageLayout.css +0 -6
  465. package/dist/PageLayout/PageLayout.d.ts +0 -38
  466. package/dist/PageLayout/PageLayout.d.ts.map +0 -1
  467. package/dist/PageLayout/PageLayout.js +0 -33
  468. package/dist/PageLayout/PageLayout.js.map +0 -1
  469. package/dist/PageLayout/index.d.ts +0 -2
  470. package/dist/PageLayout/index.d.ts.map +0 -1
  471. package/dist/PageLayout/index.js +0 -2
  472. package/dist/PageLayout/index.js.map +0 -1
  473. package/dist/Paragraph/Paragraph.css +0 -38
  474. package/dist/Paragraph/Paragraph.d.ts +0 -35
  475. package/dist/Paragraph/Paragraph.d.ts.map +0 -1
  476. package/dist/Paragraph/Paragraph.js +0 -25
  477. package/dist/Paragraph/Paragraph.js.map +0 -1
  478. package/dist/Paragraph/index.d.ts +0 -3
  479. package/dist/Paragraph/index.d.ts.map +0 -1
  480. package/dist/Paragraph/index.js +0 -2
  481. package/dist/Paragraph/index.js.map +0 -1
  482. package/dist/PasswordInput/PasswordInput.css +0 -4
  483. package/dist/PasswordInput/PasswordInput.d.ts +0 -52
  484. package/dist/PasswordInput/PasswordInput.d.ts.map +0 -1
  485. package/dist/PasswordInput/PasswordInput.js +0 -32
  486. package/dist/PasswordInput/PasswordInput.js.map +0 -1
  487. package/dist/PasswordInput/index.d.ts +0 -3
  488. package/dist/PasswordInput/index.d.ts.map +0 -1
  489. package/dist/PasswordInput/index.js +0 -2
  490. package/dist/PasswordInput/index.js.map +0 -1
  491. package/dist/Popover/Popover.css +0 -233
  492. package/dist/Popover/Popover.d.ts +0 -117
  493. package/dist/Popover/Popover.d.ts.map +0 -1
  494. package/dist/Popover/Popover.js +0 -219
  495. package/dist/Popover/Popover.js.map +0 -1
  496. package/dist/Popover/index.d.ts +0 -3
  497. package/dist/Popover/index.d.ts.map +0 -1
  498. package/dist/Popover/index.js +0 -2
  499. package/dist/Popover/index.js.map +0 -1
  500. package/dist/PreHeading/PreHeading.css +0 -10
  501. package/dist/PreHeading/PreHeading.d.ts +0 -8
  502. package/dist/PreHeading/PreHeading.d.ts.map +0 -1
  503. package/dist/PreHeading/PreHeading.js +0 -9
  504. package/dist/PreHeading/PreHeading.js.map +0 -1
  505. package/dist/PreHeading/index.d.ts +0 -3
  506. package/dist/PreHeading/index.d.ts.map +0 -1
  507. package/dist/PreHeading/index.js +0 -2
  508. package/dist/PreHeading/index.js.map +0 -1
  509. package/dist/ProgressBar/ProgressBar.css +0 -105
  510. package/dist/ProgressBar/ProgressBar.d.ts +0 -58
  511. package/dist/ProgressBar/ProgressBar.d.ts.map +0 -1
  512. package/dist/ProgressBar/ProgressBar.js +0 -36
  513. package/dist/ProgressBar/ProgressBar.js.map +0 -1
  514. package/dist/ProgressBar/index.d.ts +0 -2
  515. package/dist/ProgressBar/index.d.ts.map +0 -1
  516. package/dist/ProgressBar/index.js +0 -2
  517. package/dist/ProgressBar/index.js.map +0 -1
  518. package/dist/Radio/Radio.css +0 -205
  519. package/dist/Radio/Radio.d.ts +0 -14
  520. package/dist/Radio/Radio.d.ts.map +0 -1
  521. package/dist/Radio/Radio.js +0 -14
  522. package/dist/Radio/Radio.js.map +0 -1
  523. package/dist/Radio/index.d.ts +0 -3
  524. package/dist/Radio/index.d.ts.map +0 -1
  525. package/dist/Radio/index.js +0 -2
  526. package/dist/Radio/index.js.map +0 -1
  527. package/dist/RadioGroup/RadioGroup.css +0 -10
  528. package/dist/RadioGroup/RadioGroup.d.ts +0 -37
  529. package/dist/RadioGroup/RadioGroup.d.ts.map +0 -1
  530. package/dist/RadioGroup/RadioGroup.js +0 -37
  531. package/dist/RadioGroup/RadioGroup.js.map +0 -1
  532. package/dist/RadioGroup/index.d.ts +0 -3
  533. package/dist/RadioGroup/index.d.ts.map +0 -1
  534. package/dist/RadioGroup/index.js +0 -2
  535. package/dist/RadioGroup/index.js.map +0 -1
  536. package/dist/RadioOption/RadioOption.css +0 -17
  537. package/dist/RadioOption/RadioOption.d.ts +0 -14
  538. package/dist/RadioOption/RadioOption.d.ts.map +0 -1
  539. package/dist/RadioOption/RadioOption.js +0 -15
  540. package/dist/RadioOption/RadioOption.js.map +0 -1
  541. package/dist/RadioOption/index.d.ts +0 -3
  542. package/dist/RadioOption/index.d.ts.map +0 -1
  543. package/dist/RadioOption/index.js +0 -2
  544. package/dist/RadioOption/index.js.map +0 -1
  545. package/dist/SearchInput/SearchInput.css +0 -67
  546. package/dist/SearchInput/SearchInput.d.ts +0 -40
  547. package/dist/SearchInput/SearchInput.d.ts.map +0 -1
  548. package/dist/SearchInput/SearchInput.js +0 -31
  549. package/dist/SearchInput/SearchInput.js.map +0 -1
  550. package/dist/SearchInput/index.d.ts +0 -3
  551. package/dist/SearchInput/index.d.ts.map +0 -1
  552. package/dist/SearchInput/index.js +0 -2
  553. package/dist/SearchInput/index.js.map +0 -1
  554. package/dist/Select/Select.css +0 -94
  555. package/dist/Select/Select.d.ts +0 -52
  556. package/dist/Select/Select.d.ts.map +0 -1
  557. package/dist/Select/Select.js +0 -43
  558. package/dist/Select/Select.js.map +0 -1
  559. package/dist/Select/index.d.ts +0 -3
  560. package/dist/Select/index.d.ts.map +0 -1
  561. package/dist/Select/index.js +0 -2
  562. package/dist/Select/index.js.map +0 -1
  563. package/dist/SkipLink/SkipLink.css +0 -58
  564. package/dist/SkipLink/SkipLink.d.ts +0 -35
  565. package/dist/SkipLink/SkipLink.d.ts.map +0 -1
  566. package/dist/SkipLink/SkipLink.js +0 -23
  567. package/dist/SkipLink/SkipLink.js.map +0 -1
  568. package/dist/SkipLink/index.d.ts +0 -2
  569. package/dist/SkipLink/index.d.ts.map +0 -1
  570. package/dist/SkipLink/index.js +0 -2
  571. package/dist/SkipLink/index.js.map +0 -1
  572. package/dist/Spinner/Spinner.css +0 -118
  573. package/dist/Spinner/Spinner.d.ts +0 -43
  574. package/dist/Spinner/Spinner.d.ts.map +0 -1
  575. package/dist/Spinner/Spinner.js +0 -30
  576. package/dist/Spinner/Spinner.js.map +0 -1
  577. package/dist/Spinner/index.d.ts +0 -2
  578. package/dist/Spinner/index.d.ts.map +0 -1
  579. package/dist/Spinner/index.js +0 -2
  580. package/dist/Spinner/index.js.map +0 -1
  581. package/dist/Stack/Stack.css +0 -59
  582. package/dist/Stack/Stack.d.ts +0 -35
  583. package/dist/Stack/Stack.d.ts.map +0 -1
  584. package/dist/Stack/Stack.js +0 -29
  585. package/dist/Stack/Stack.js.map +0 -1
  586. package/dist/Stack/index.d.ts +0 -3
  587. package/dist/Stack/index.d.ts.map +0 -1
  588. package/dist/Stack/index.js +0 -2
  589. package/dist/Stack/index.js.map +0 -1
  590. package/dist/StatusBadge/StatusBadge.css +0 -87
  591. package/dist/StatusBadge/StatusBadge.d.ts +0 -50
  592. package/dist/StatusBadge/StatusBadge.d.ts.map +0 -1
  593. package/dist/StatusBadge/StatusBadge.js +0 -40
  594. package/dist/StatusBadge/StatusBadge.js.map +0 -1
  595. package/dist/StatusBadge/index.d.ts +0 -2
  596. package/dist/StatusBadge/index.d.ts.map +0 -1
  597. package/dist/StatusBadge/index.js +0 -2
  598. package/dist/StatusBadge/index.js.map +0 -1
  599. package/dist/SummaryList/SummaryList.css +0 -151
  600. package/dist/SummaryList/SummaryList.d.ts +0 -49
  601. package/dist/SummaryList/SummaryList.d.ts.map +0 -1
  602. package/dist/SummaryList/SummaryList.js +0 -31
  603. package/dist/SummaryList/SummaryList.js.map +0 -1
  604. package/dist/SummaryList/index.d.ts +0 -3
  605. package/dist/SummaryList/index.d.ts.map +0 -1
  606. package/dist/SummaryList/index.js +0 -2
  607. package/dist/SummaryList/index.js.map +0 -1
  608. package/dist/Table/Table.css +0 -243
  609. package/dist/Table/Table.d.ts +0 -61
  610. package/dist/Table/Table.d.ts.map +0 -1
  611. package/dist/Table/Table.js +0 -37
  612. package/dist/Table/Table.js.map +0 -1
  613. package/dist/Table/index.d.ts +0 -3
  614. package/dist/Table/index.d.ts.map +0 -1
  615. package/dist/Table/index.js +0 -2
  616. package/dist/Table/index.js.map +0 -1
  617. package/dist/TableOfContents/TableOfContents.css +0 -75
  618. package/dist/TableOfContents/TableOfContents.d.ts +0 -61
  619. package/dist/TableOfContents/TableOfContents.d.ts.map +0 -1
  620. package/dist/TableOfContents/TableOfContents.js +0 -32
  621. package/dist/TableOfContents/TableOfContents.js.map +0 -1
  622. package/dist/TableOfContents/index.d.ts +0 -3
  623. package/dist/TableOfContents/index.d.ts.map +0 -1
  624. package/dist/TableOfContents/index.js +0 -2
  625. package/dist/TableOfContents/index.js.map +0 -1
  626. package/dist/TelephoneInput/TelephoneInput.css +0 -4
  627. package/dist/TelephoneInput/TelephoneInput.d.ts +0 -38
  628. package/dist/TelephoneInput/TelephoneInput.d.ts.map +0 -1
  629. package/dist/TelephoneInput/TelephoneInput.js +0 -27
  630. package/dist/TelephoneInput/TelephoneInput.js.map +0 -1
  631. package/dist/TelephoneInput/index.d.ts +0 -3
  632. package/dist/TelephoneInput/index.d.ts.map +0 -1
  633. package/dist/TelephoneInput/index.js +0 -2
  634. package/dist/TelephoneInput/index.js.map +0 -1
  635. package/dist/TextArea/TextArea.css +0 -126
  636. package/dist/TextArea/TextArea.d.ts +0 -44
  637. package/dist/TextArea/TextArea.d.ts.map +0 -1
  638. package/dist/TextArea/TextArea.js +0 -33
  639. package/dist/TextArea/TextArea.js.map +0 -1
  640. package/dist/TextArea/index.d.ts +0 -3
  641. package/dist/TextArea/index.d.ts.map +0 -1
  642. package/dist/TextArea/index.js +0 -2
  643. package/dist/TextArea/index.js.map +0 -1
  644. package/dist/TextInput/TextInput.css +0 -122
  645. package/dist/TextInput/TextInput.d.ts +0 -44
  646. package/dist/TextInput/TextInput.d.ts.map +0 -1
  647. package/dist/TextInput/TextInput.js +0 -33
  648. package/dist/TextInput/TextInput.js.map +0 -1
  649. package/dist/TextInput/index.d.ts +0 -3
  650. package/dist/TextInput/index.d.ts.map +0 -1
  651. package/dist/TextInput/index.js +0 -2
  652. package/dist/TextInput/index.js.map +0 -1
  653. package/dist/TimeInput/TimeInput.css +0 -37
  654. package/dist/TimeInput/TimeInput.d.ts +0 -37
  655. package/dist/TimeInput/TimeInput.d.ts.map +0 -1
  656. package/dist/TimeInput/TimeInput.js +0 -52
  657. package/dist/TimeInput/TimeInput.js.map +0 -1
  658. package/dist/TimeInput/index.d.ts +0 -3
  659. package/dist/TimeInput/index.d.ts.map +0 -1
  660. package/dist/TimeInput/index.js +0 -2
  661. package/dist/TimeInput/index.js.map +0 -1
  662. package/dist/UnorderedList/UnorderedList.css +0 -38
  663. package/dist/UnorderedList/UnorderedList.d.ts +0 -26
  664. package/dist/UnorderedList/UnorderedList.d.ts.map +0 -1
  665. package/dist/UnorderedList/UnorderedList.js +0 -22
  666. package/dist/UnorderedList/UnorderedList.js.map +0 -1
  667. package/dist/UnorderedList/index.d.ts +0 -3
  668. package/dist/UnorderedList/index.d.ts.map +0 -1
  669. package/dist/UnorderedList/index.js +0 -2
  670. package/dist/UnorderedList/index.js.map +0 -1
  671. package/dist/index.d.ts +0 -79
  672. package/dist/index.d.ts.map +0 -1
  673. package/dist/index.js +0 -89
  674. package/dist/index.js.map +0 -1
package/dist/Hero/Hero.css DELETED
@@ -1,847 +0,0 @@
1
- /* Force light-mode kleurwaarden binnen image hero — voorkomt donkere tekst op foto.
2
- Per thema gescoopt (.dsn-theme-{name} .dsn-hero--image); gegenereerd door token-build. */
3
- /**
4
- * Do not edit directly
5
- * Generated on Sun, 12 Jul 2026 08:06:04 GMT
6
- */
7
-
8
- .dsn-theme-start .dsn-hero--image {
9
- --dsn-color-neutral-bg-document: #fcfcfc;
10
- --dsn-color-neutral-bg-elevated: #fcfcfc;
11
- --dsn-color-neutral-bg-subtle: #f6f6f6;
12
- --dsn-color-neutral-bg-default: #f1f1f1;
13
- --dsn-color-neutral-bg-hover: #ebebeb;
14
- --dsn-color-neutral-bg-active: #e5e5e5;
15
- --dsn-color-neutral-border-subtle: #c4c4c4;
16
- --dsn-color-neutral-border-default: #868686;
17
- --dsn-color-neutral-border-hover: #7c7c7c;
18
- --dsn-color-neutral-border-active: #727272;
19
- --dsn-color-neutral-color-default: #595959;
20
- --dsn-color-neutral-color-hover: #4b4b4b;
21
- --dsn-color-neutral-color-active: #3e3e3e;
22
- --dsn-color-neutral-color-subtle: #636363;
23
- --dsn-color-neutral-color-document: #1b1b1b;
24
- --dsn-color-accent-1-bg-document: #fbfcfd;
25
- --dsn-color-accent-1-bg-elevated: #fbfcfd;
26
- --dsn-color-accent-1-bg-subtle: #f4f7fa;
27
- --dsn-color-accent-1-bg-default: #ecf1f7;
28
- --dsn-color-accent-1-bg-hover: #e4ecf4;
29
- --dsn-color-accent-1-bg-active: #dde6f1;
30
- --dsn-color-accent-1-border-subtle: #b0c6df;
31
- --dsn-color-accent-1-border-default: #5c89be;
32
- --dsn-color-accent-1-border-hover: #4e7fb8;
33
- --dsn-color-accent-1-border-active: #3f74b2;
34
- --dsn-color-accent-1-color-default: #1b59a4;
35
- --dsn-color-accent-1-color-hover: #04499a;
36
- --dsn-color-accent-1-color-active: #003b81;
37
- --dsn-color-accent-1-color-subtle: #2964aa;
38
- --dsn-color-accent-1-color-document: #001b3c;
39
- --dsn-color-accent-2-bg-document: #fbfcfd;
40
- --dsn-color-accent-2-bg-elevated: #fbfcfd;
41
- --dsn-color-accent-2-bg-subtle: #f4f7fa;
42
- --dsn-color-accent-2-bg-default: #ecf1f7;
43
- --dsn-color-accent-2-bg-hover: #e4ecf4;
44
- --dsn-color-accent-2-bg-active: #dde6f1;
45
- --dsn-color-accent-2-border-subtle: #b0c6df;
46
- --dsn-color-accent-2-border-default: #5c89be;
47
- --dsn-color-accent-2-border-hover: #4e7fb8;
48
- --dsn-color-accent-2-border-active: #3f74b2;
49
- --dsn-color-accent-2-color-default: #1b59a4;
50
- --dsn-color-accent-2-color-hover: #04499a;
51
- --dsn-color-accent-2-color-active: #003b81;
52
- --dsn-color-accent-2-color-subtle: #2964aa;
53
- --dsn-color-accent-2-color-document: #001b3c;
54
- --dsn-color-accent-3-bg-document: #fbfcfd;
55
- --dsn-color-accent-3-bg-elevated: #fbfcfd;
56
- --dsn-color-accent-3-bg-subtle: #f4f7fa;
57
- --dsn-color-accent-3-bg-default: #ecf1f7;
58
- --dsn-color-accent-3-bg-hover: #e4ecf4;
59
- --dsn-color-accent-3-bg-active: #dde6f1;
60
- --dsn-color-accent-3-border-subtle: #b0c6df;
61
- --dsn-color-accent-3-border-default: #5c89be;
62
- --dsn-color-accent-3-border-hover: #4e7fb8;
63
- --dsn-color-accent-3-border-active: #3f74b2;
64
- --dsn-color-accent-3-color-default: #1b59a4;
65
- --dsn-color-accent-3-color-hover: #04499a;
66
- --dsn-color-accent-3-color-active: #003b81;
67
- --dsn-color-accent-3-color-subtle: #2964aa;
68
- --dsn-color-accent-3-color-document: #001b3c;
69
- --dsn-color-action-1-bg-document: #fbfcfd;
70
- --dsn-color-action-1-bg-elevated: #fbfcfd;
71
- --dsn-color-action-1-bg-subtle: #f4f7fa;
72
- --dsn-color-action-1-bg-default: #ecf1f7;
73
- --dsn-color-action-1-bg-hover: #e4ecf4;
74
- --dsn-color-action-1-bg-active: #dde6f1;
75
- --dsn-color-action-1-border-subtle: #b0c6df;
76
- --dsn-color-action-1-border-default: #5c89be;
77
- --dsn-color-action-1-border-hover: #4e7fb8;
78
- --dsn-color-action-1-border-active: #3f74b2;
79
- --dsn-color-action-1-color-default: #1b59a4;
80
- --dsn-color-action-1-color-hover: #04499a;
81
- --dsn-color-action-1-color-active: #003b81;
82
- --dsn-color-action-1-color-subtle: #2964aa;
83
- --dsn-color-action-1-color-document: #001b3c;
84
- --dsn-color-action-2-bg-document: #fbfcfd;
85
- --dsn-color-action-2-bg-elevated: #fbfcfd;
86
- --dsn-color-action-2-bg-subtle: #f4f7fa;
87
- --dsn-color-action-2-bg-default: #ecf1f7;
88
- --dsn-color-action-2-bg-hover: #e4ecf4;
89
- --dsn-color-action-2-bg-active: #dde6f1;
90
- --dsn-color-action-2-border-subtle: #b0c6df;
91
- --dsn-color-action-2-border-default: #5c89be;
92
- --dsn-color-action-2-border-hover: #4e7fb8;
93
- --dsn-color-action-2-border-active: #3f74b2;
94
- --dsn-color-action-2-color-default: #1b59a4;
95
- --dsn-color-action-2-color-hover: #04499a;
96
- --dsn-color-action-2-color-active: #003b81;
97
- --dsn-color-action-2-color-subtle: #2964aa;
98
- --dsn-color-action-2-color-document: #001b3c;
99
- --dsn-color-info-bg-document: #fbfcfd;
100
- --dsn-color-info-bg-elevated: #fbfcfd;
101
- --dsn-color-info-bg-subtle: #f4f7fa;
102
- --dsn-color-info-bg-default: #ecf1f7;
103
- --dsn-color-info-bg-hover: #e4ecf4;
104
- --dsn-color-info-bg-active: #dde6f1;
105
- --dsn-color-info-border-subtle: #b0c6df;
106
- --dsn-color-info-border-default: #5c89be;
107
- --dsn-color-info-border-hover: #4e7fb8;
108
- --dsn-color-info-border-active: #3f74b2;
109
- --dsn-color-info-color-default: #1b59a4;
110
- --dsn-color-info-color-hover: #04499a;
111
- --dsn-color-info-color-active: #003b81;
112
- --dsn-color-info-color-subtle: #2964aa;
113
- --dsn-color-info-color-document: #001b3c;
114
- --dsn-color-negative-bg-document: #fffbfb;
115
- --dsn-color-negative-bg-elevated: #fffbfb;
116
- --dsn-color-negative-bg-subtle: #fef4f4;
117
- --dsn-color-negative-bg-default: #feeded;
118
- --dsn-color-negative-bg-hover: #fde6e6;
119
- --dsn-color-negative-bg-active: #fddede;
120
- --dsn-color-negative-border-subtle: #f9b1b1;
121
- --dsn-color-negative-border-default: #f14848;
122
- --dsn-color-negative-border-hover: #ef2929;
123
- --dsn-color-negative-border-active: #e60000;
124
- --dsn-color-negative-color-default: #b70000;
125
- --dsn-color-negative-color-hover: #9c0000;
126
- --dsn-color-negative-color-active: #930000;
127
- --dsn-color-negative-color-subtle: #ca0000;
128
- --dsn-color-negative-color-document: #410000;
129
- --dsn-color-positive-bg-document: #fafdfb;
130
- --dsn-color-positive-bg-elevated: #fafdfb;
131
- --dsn-color-positive-bg-subtle: #eff9f3;
132
- --dsn-color-positive-bg-default: #e4f5ea;
133
- --dsn-color-positive-bg-hover: #d9f1e2;
134
- --dsn-color-positive-bg-active: #ceedd9;
135
- --dsn-color-positive-border-subtle: #8ad3a6;
136
- --dsn-color-positive-border-default: #009b3a;
137
- --dsn-color-positive-border-hover: #009036;
138
- --dsn-color-positive-border-active: #008432;
139
- --dsn-color-positive-color-default: #006827;
140
- --dsn-color-positive-color-hover: #005821;
141
- --dsn-color-positive-color-active: #00481b;
142
- --dsn-color-positive-color-subtle: #00732b;
143
- --dsn-color-positive-color-document: #00210c;
144
- --dsn-color-warning-bg-document: #fffcf8;
145
- --dsn-color-warning-bg-elevated: #fffcf8;
146
- --dsn-color-warning-bg-subtle: #fff5eb;
147
- --dsn-color-warning-bg-default: #ffeedd;
148
- --dsn-color-warning-bg-hover: #ffe7d0;
149
- --dsn-color-warning-bg-active: #ffe0c2;
150
- --dsn-color-warning-border-subtle: #ffb46b;
151
- --dsn-color-warning-border-default: #c8700e;
152
- --dsn-color-warning-border-hover: #b86810;
153
- --dsn-color-warning-border-active: #a96011;
154
- --dsn-color-warning-color-default: #844c12;
155
- --dsn-color-warning-color-hover: #6f4012;
156
- --dsn-color-warning-color-active: #5a3511;
157
- --dsn-color-warning-color-subtle: #935412;
158
- --dsn-color-warning-color-document: #27190a;
159
- --dsn-color-neutral-inverse-bg-document: #242424;
160
- --dsn-color-neutral-inverse-bg-elevated: #242424;
161
- --dsn-color-neutral-inverse-bg-subtle: #1b1b1b;
162
- --dsn-color-neutral-inverse-bg-default: #595959;
163
- --dsn-color-neutral-inverse-bg-hover: #4b4b4b;
164
- --dsn-color-neutral-inverse-bg-active: #3e3e3e;
165
- --dsn-color-neutral-inverse-border-subtle: #474747;
166
- --dsn-color-neutral-inverse-border-default: #c9c9c9;
167
- --dsn-color-neutral-inverse-border-hover: #d4d4d4;
168
- --dsn-color-neutral-inverse-border-active: #dfdfdf;
169
- --dsn-color-neutral-inverse-color-default: #ffffff;
170
- --dsn-color-neutral-inverse-color-hover: #ffffff;
171
- --dsn-color-neutral-inverse-color-active: #ffffff;
172
- --dsn-color-neutral-inverse-color-subtle: #c4c4c4;
173
- --dsn-color-neutral-inverse-color-document: #ffffff;
174
- --dsn-color-accent-1-inverse-bg-document: #00234d;
175
- --dsn-color-accent-1-inverse-bg-elevated: #00234d;
176
- --dsn-color-accent-1-inverse-bg-subtle: #001b3c;
177
- --dsn-color-accent-1-inverse-bg-default: #1b59a4;
178
- --dsn-color-accent-1-inverse-bg-hover: #04499a;
179
- --dsn-color-accent-1-inverse-bg-active: #003b81;
180
- --dsn-color-accent-1-inverse-border-subtle: #004494;
181
- --dsn-color-accent-1-inverse-border-default: #b8cbe2;
182
- --dsn-color-accent-1-inverse-border-hover: #c6d6e8;
183
- --dsn-color-accent-1-inverse-border-active: #d5e1ee;
184
- --dsn-color-accent-1-inverse-color-default: #ffffff;
185
- --dsn-color-accent-1-inverse-color-hover: #ffffff;
186
- --dsn-color-accent-1-inverse-color-active: #ffffff;
187
- --dsn-color-accent-1-inverse-color-subtle: #b0c6df;
188
- --dsn-color-accent-1-inverse-color-document: #ffffff;
189
- --dsn-color-accent-2-inverse-bg-document: #00234d;
190
- --dsn-color-accent-2-inverse-bg-elevated: #00234d;
191
- --dsn-color-accent-2-inverse-bg-subtle: #001b3c;
192
- --dsn-color-accent-2-inverse-bg-default: #1b59a4;
193
- --dsn-color-accent-2-inverse-bg-hover: #04499a;
194
- --dsn-color-accent-2-inverse-bg-active: #003b81;
195
- --dsn-color-accent-2-inverse-border-subtle: #004494;
196
- --dsn-color-accent-2-inverse-border-default: #b8cbe2;
197
- --dsn-color-accent-2-inverse-border-hover: #c6d6e8;
198
- --dsn-color-accent-2-inverse-border-active: #d5e1ee;
199
- --dsn-color-accent-2-inverse-color-default: #ffffff;
200
- --dsn-color-accent-2-inverse-color-hover: #ffffff;
201
- --dsn-color-accent-2-inverse-color-active: #ffffff;
202
- --dsn-color-accent-2-inverse-color-subtle: #b0c6df;
203
- --dsn-color-accent-2-inverse-color-document: #ffffff;
204
- --dsn-color-accent-3-inverse-bg-document: #00234d;
205
- --dsn-color-accent-3-inverse-bg-elevated: #00234d;
206
- --dsn-color-accent-3-inverse-bg-subtle: #001b3c;
207
- --dsn-color-accent-3-inverse-bg-default: #1b59a4;
208
- --dsn-color-accent-3-inverse-bg-hover: #04499a;
209
- --dsn-color-accent-3-inverse-bg-active: #003b81;
210
- --dsn-color-accent-3-inverse-border-subtle: #004494;
211
- --dsn-color-accent-3-inverse-border-default: #b8cbe2;
212
- --dsn-color-accent-3-inverse-border-hover: #c6d6e8;
213
- --dsn-color-accent-3-inverse-border-active: #d5e1ee;
214
- --dsn-color-accent-3-inverse-color-default: #ffffff;
215
- --dsn-color-accent-3-inverse-color-hover: #ffffff;
216
- --dsn-color-accent-3-inverse-color-active: #ffffff;
217
- --dsn-color-accent-3-inverse-color-subtle: #b0c6df;
218
- --dsn-color-accent-3-inverse-color-document: #ffffff;
219
- --dsn-color-action-1-inverse-bg-document: #00234d;
220
- --dsn-color-action-1-inverse-bg-elevated: #00234d;
221
- --dsn-color-action-1-inverse-bg-subtle: #001b3c;
222
- --dsn-color-action-1-inverse-bg-default: #1b59a4;
223
- --dsn-color-action-1-inverse-bg-hover: #04499a;
224
- --dsn-color-action-1-inverse-bg-active: #003b81;
225
- --dsn-color-action-1-inverse-border-subtle: #004494;
226
- --dsn-color-action-1-inverse-border-default: #b8cbe2;
227
- --dsn-color-action-1-inverse-border-hover: #c6d6e8;
228
- --dsn-color-action-1-inverse-border-active: #d5e1ee;
229
- --dsn-color-action-1-inverse-color-default: #ffffff;
230
- --dsn-color-action-1-inverse-color-hover: #ffffff;
231
- --dsn-color-action-1-inverse-color-active: #ffffff;
232
- --dsn-color-action-1-inverse-color-subtle: #b0c6df;
233
- --dsn-color-action-1-inverse-color-document: #ffffff;
234
- --dsn-color-action-2-inverse-bg-document: #00234d;
235
- --dsn-color-action-2-inverse-bg-elevated: #00234d;
236
- --dsn-color-action-2-inverse-bg-subtle: #001b3c;
237
- --dsn-color-action-2-inverse-bg-default: #1b59a4;
238
- --dsn-color-action-2-inverse-bg-hover: #04499a;
239
- --dsn-color-action-2-inverse-bg-active: #003b81;
240
- --dsn-color-action-2-inverse-border-subtle: #004494;
241
- --dsn-color-action-2-inverse-border-default: #b8cbe2;
242
- --dsn-color-action-2-inverse-border-hover: #c6d6e8;
243
- --dsn-color-action-2-inverse-border-active: #d5e1ee;
244
- --dsn-color-action-2-inverse-color-default: #ffffff;
245
- --dsn-color-action-2-inverse-color-hover: #ffffff;
246
- --dsn-color-action-2-inverse-color-active: #ffffff;
247
- --dsn-color-action-2-inverse-color-subtle: #b0c6df;
248
- --dsn-color-action-2-inverse-color-document: #ffffff;
249
- --dsn-color-info-inverse-bg-document: #00234d;
250
- --dsn-color-info-inverse-bg-elevated: #00234d;
251
- --dsn-color-info-inverse-bg-subtle: #001b3c;
252
- --dsn-color-info-inverse-bg-default: #1b59a4;
253
- --dsn-color-info-inverse-bg-hover: #04499a;
254
- --dsn-color-info-inverse-bg-active: #003b81;
255
- --dsn-color-info-inverse-border-subtle: #004494;
256
- --dsn-color-info-inverse-border-default: #b8cbe2;
257
- --dsn-color-info-inverse-border-hover: #c6d6e8;
258
- --dsn-color-info-inverse-border-active: #d5e1ee;
259
- --dsn-color-info-inverse-color-default: #ffffff;
260
- --dsn-color-info-inverse-color-hover: #ffffff;
261
- --dsn-color-info-inverse-color-active: #ffffff;
262
- --dsn-color-info-inverse-color-subtle: #b0c6df;
263
- --dsn-color-info-inverse-color-document: #ffffff;
264
- --dsn-color-negative-inverse-bg-document: #510000;
265
- --dsn-color-negative-inverse-bg-elevated: #510000;
266
- --dsn-color-negative-inverse-bg-subtle: #410000;
267
- --dsn-color-negative-inverse-bg-default: #b70000;
268
- --dsn-color-negative-inverse-bg-hover: #9c0000;
269
- --dsn-color-negative-inverse-bg-active: #820000;
270
- --dsn-color-negative-inverse-border-subtle: #930000;
271
- --dsn-color-negative-inverse-border-default: #fab9b9;
272
- --dsn-color-negative-inverse-border-hover: #fbc8c8;
273
- --dsn-color-negative-inverse-border-active: #fcd7d7;
274
- --dsn-color-negative-inverse-color-default: #ffffff;
275
- --dsn-color-negative-inverse-color-hover: #ffffff;
276
- --dsn-color-negative-inverse-color-active: #ffffff;
277
- --dsn-color-negative-inverse-color-subtle: #f9b1b1;
278
- --dsn-color-negative-inverse-color-document: #ffffff;
279
- --dsn-color-positive-inverse-bg-document: #002b10;
280
- --dsn-color-positive-inverse-bg-elevated: #002b10;
281
- --dsn-color-positive-inverse-bg-subtle: #00210c;
282
- --dsn-color-positive-inverse-bg-default: #006827;
283
- --dsn-color-positive-inverse-bg-hover: #005821;
284
- --dsn-color-positive-inverse-bg-active: #00481b;
285
- --dsn-color-positive-inverse-border-subtle: #00531f;
286
- --dsn-color-positive-inverse-border-default: #96d8ae;
287
- --dsn-color-positive-inverse-border-hover: #ace0c0;
288
- --dsn-color-positive-inverse-border-active: #c3e9d1;
289
- --dsn-color-positive-inverse-color-default: #ffffff;
290
- --dsn-color-positive-inverse-color-hover: #ffffff;
291
- --dsn-color-positive-inverse-color-active: #ffffff;
292
- --dsn-color-positive-inverse-color-subtle: #8ad3a6;
293
- --dsn-color-positive-inverse-color-document: #ffffff;
294
- --dsn-color-warning-inverse-bg-document: #331f0d;
295
- --dsn-color-warning-inverse-bg-elevated: #331f0d;
296
- --dsn-color-warning-inverse-bg-subtle: #27190a;
297
- --dsn-color-warning-inverse-bg-default: #844c12;
298
- --dsn-color-warning-inverse-bg-hover: #6f4012;
299
- --dsn-color-warning-inverse-bg-active: #5a3511;
300
- --dsn-color-warning-inverse-border-subtle: #683c12;
301
- --dsn-color-warning-inverse-border-default: #ffbc7a;
302
- --dsn-color-warning-inverse-border-hover: #ffcb98;
303
- --dsn-color-warning-inverse-border-active: #ffd9b4;
304
- --dsn-color-warning-inverse-color-default: #ffffff;
305
- --dsn-color-warning-inverse-color-hover: #ffffff;
306
- --dsn-color-warning-inverse-color-active: #ffffff;
307
- --dsn-color-warning-inverse-color-subtle: #ffb46b;
308
- --dsn-color-warning-inverse-color-document: #ffffff;
309
- --dsn-color-transparent: rgba(0, 0, 0, 0);
310
- --dsn-color-shadow-direct: color-mix(in srgb, black 12%, transparent);
311
- --dsn-color-shadow-ambient: color-mix(in srgb, black 6%, transparent);
312
- --dsn-color-shadow-highlight: rgba(0, 0, 0, 0);
313
- --dsn-color-shadow-scroll: rgba(0, 0, 0, 0.15);
314
- --dsn-hero-background-color-default: #ecf1f7;
315
- --dsn-hero-background-color-inverse: #1b59a4;
316
- --dsn-hero-color-default: #1b59a4;
317
- --dsn-hero-color-inverse: #ffffff;
318
- --dsn-hero-image-blend-color: #1b59a4;
319
- }
320
-
321
- /**
322
- * Do not edit directly
323
- * Generated on Sun, 12 Jul 2026 08:06:05 GMT
324
- */
325
-
326
- .dsn-theme-wireframe .dsn-hero--image {
327
- --dsn-color-neutral-bg-document: #ffffff;
328
- --dsn-color-neutral-bg-elevated: #ffffff;
329
- --dsn-color-neutral-bg-subtle: #ffffff;
330
- --dsn-color-neutral-bg-default: #ffffff;
331
- --dsn-color-neutral-bg-hover: #ffffff;
332
- --dsn-color-neutral-bg-active: #ffffff;
333
- --dsn-color-neutral-border-subtle: #000000;
334
- --dsn-color-neutral-border-default: #000000;
335
- --dsn-color-neutral-border-hover: #000000;
336
- --dsn-color-neutral-border-active: #000000;
337
- --dsn-color-neutral-color-default: #000000;
338
- --dsn-color-neutral-color-hover: #000000;
339
- --dsn-color-neutral-color-active: #000000;
340
- --dsn-color-neutral-color-subtle: #000000;
341
- --dsn-color-neutral-color-document: #000000;
342
- --dsn-color-accent-1-bg-document: #ffffff;
343
- --dsn-color-accent-1-bg-elevated: #ffffff;
344
- --dsn-color-accent-1-bg-subtle: #ffffff;
345
- --dsn-color-accent-1-bg-default: #ffffff;
346
- --dsn-color-accent-1-bg-hover: #ffffff;
347
- --dsn-color-accent-1-bg-active: #ffffff;
348
- --dsn-color-accent-1-border-subtle: #000000;
349
- --dsn-color-accent-1-border-default: #000000;
350
- --dsn-color-accent-1-border-hover: #000000;
351
- --dsn-color-accent-1-border-active: #000000;
352
- --dsn-color-accent-1-color-default: #000000;
353
- --dsn-color-accent-1-color-hover: #000000;
354
- --dsn-color-accent-1-color-active: #000000;
355
- --dsn-color-accent-1-color-subtle: #000000;
356
- --dsn-color-accent-1-color-document: #000000;
357
- --dsn-color-accent-2-bg-document: #ffffff;
358
- --dsn-color-accent-2-bg-elevated: #ffffff;
359
- --dsn-color-accent-2-bg-subtle: #ffffff;
360
- --dsn-color-accent-2-bg-default: #ffffff;
361
- --dsn-color-accent-2-bg-hover: #ffffff;
362
- --dsn-color-accent-2-bg-active: #ffffff;
363
- --dsn-color-accent-2-border-subtle: #000000;
364
- --dsn-color-accent-2-border-default: #000000;
365
- --dsn-color-accent-2-border-hover: #000000;
366
- --dsn-color-accent-2-border-active: #000000;
367
- --dsn-color-accent-2-color-default: #000000;
368
- --dsn-color-accent-2-color-hover: #000000;
369
- --dsn-color-accent-2-color-active: #000000;
370
- --dsn-color-accent-2-color-subtle: #000000;
371
- --dsn-color-accent-2-color-document: #000000;
372
- --dsn-color-accent-3-bg-document: #ffffff;
373
- --dsn-color-accent-3-bg-elevated: #ffffff;
374
- --dsn-color-accent-3-bg-subtle: #ffffff;
375
- --dsn-color-accent-3-bg-default: #ffffff;
376
- --dsn-color-accent-3-bg-hover: #ffffff;
377
- --dsn-color-accent-3-bg-active: #ffffff;
378
- --dsn-color-accent-3-border-subtle: #000000;
379
- --dsn-color-accent-3-border-default: #000000;
380
- --dsn-color-accent-3-border-hover: #000000;
381
- --dsn-color-accent-3-border-active: #000000;
382
- --dsn-color-accent-3-color-default: #000000;
383
- --dsn-color-accent-3-color-hover: #000000;
384
- --dsn-color-accent-3-color-active: #000000;
385
- --dsn-color-accent-3-color-subtle: #000000;
386
- --dsn-color-accent-3-color-document: #000000;
387
- --dsn-color-action-1-bg-document: #ffffff;
388
- --dsn-color-action-1-bg-elevated: #ffffff;
389
- --dsn-color-action-1-bg-subtle: #ffffff;
390
- --dsn-color-action-1-bg-default: #ffffff;
391
- --dsn-color-action-1-bg-hover: #ffffff;
392
- --dsn-color-action-1-bg-active: #ffffff;
393
- --dsn-color-action-1-border-subtle: #000000;
394
- --dsn-color-action-1-border-default: #000000;
395
- --dsn-color-action-1-border-hover: #000000;
396
- --dsn-color-action-1-border-active: #000000;
397
- --dsn-color-action-1-color-default: #000000;
398
- --dsn-color-action-1-color-hover: #000000;
399
- --dsn-color-action-1-color-active: #000000;
400
- --dsn-color-action-1-color-subtle: #000000;
401
- --dsn-color-action-1-color-document: #000000;
402
- --dsn-color-action-2-bg-document: #ffffff;
403
- --dsn-color-action-2-bg-elevated: #ffffff;
404
- --dsn-color-action-2-bg-subtle: #ffffff;
405
- --dsn-color-action-2-bg-default: #ffffff;
406
- --dsn-color-action-2-bg-hover: #ffffff;
407
- --dsn-color-action-2-bg-active: #ffffff;
408
- --dsn-color-action-2-border-subtle: #000000;
409
- --dsn-color-action-2-border-default: #000000;
410
- --dsn-color-action-2-border-hover: #000000;
411
- --dsn-color-action-2-border-active: #000000;
412
- --dsn-color-action-2-color-default: #000000;
413
- --dsn-color-action-2-color-hover: #000000;
414
- --dsn-color-action-2-color-active: #000000;
415
- --dsn-color-action-2-color-subtle: #000000;
416
- --dsn-color-action-2-color-document: #000000;
417
- --dsn-color-positive-bg-document: #ffffff;
418
- --dsn-color-positive-bg-elevated: #ffffff;
419
- --dsn-color-positive-bg-subtle: #ffffff;
420
- --dsn-color-positive-bg-default: #ffffff;
421
- --dsn-color-positive-bg-hover: #ffffff;
422
- --dsn-color-positive-bg-active: #ffffff;
423
- --dsn-color-positive-border-subtle: #000000;
424
- --dsn-color-positive-border-default: #000000;
425
- --dsn-color-positive-border-hover: #000000;
426
- --dsn-color-positive-border-active: #000000;
427
- --dsn-color-positive-color-default: #000000;
428
- --dsn-color-positive-color-hover: #000000;
429
- --dsn-color-positive-color-active: #000000;
430
- --dsn-color-positive-color-subtle: #000000;
431
- --dsn-color-positive-color-document: #000000;
432
- --dsn-color-negative-bg-document: #ffffff;
433
- --dsn-color-negative-bg-elevated: #ffffff;
434
- --dsn-color-negative-bg-subtle: #ffffff;
435
- --dsn-color-negative-bg-default: #ffffff;
436
- --dsn-color-negative-bg-hover: #ffffff;
437
- --dsn-color-negative-bg-active: #ffffff;
438
- --dsn-color-negative-border-subtle: #000000;
439
- --dsn-color-negative-border-default: #000000;
440
- --dsn-color-negative-border-hover: #000000;
441
- --dsn-color-negative-border-active: #000000;
442
- --dsn-color-negative-color-default: #000000;
443
- --dsn-color-negative-color-hover: #000000;
444
- --dsn-color-negative-color-active: #000000;
445
- --dsn-color-negative-color-subtle: #000000;
446
- --dsn-color-negative-color-document: #000000;
447
- --dsn-color-warning-bg-document: #ffffff;
448
- --dsn-color-warning-bg-elevated: #ffffff;
449
- --dsn-color-warning-bg-subtle: #ffffff;
450
- --dsn-color-warning-bg-default: #ffffff;
451
- --dsn-color-warning-bg-hover: #ffffff;
452
- --dsn-color-warning-bg-active: #ffffff;
453
- --dsn-color-warning-border-subtle: #000000;
454
- --dsn-color-warning-border-default: #000000;
455
- --dsn-color-warning-border-hover: #000000;
456
- --dsn-color-warning-border-active: #000000;
457
- --dsn-color-warning-color-default: #000000;
458
- --dsn-color-warning-color-hover: #000000;
459
- --dsn-color-warning-color-active: #000000;
460
- --dsn-color-warning-color-subtle: #000000;
461
- --dsn-color-warning-color-document: #000000;
462
- --dsn-color-info-bg-document: #ffffff;
463
- --dsn-color-info-bg-elevated: #ffffff;
464
- --dsn-color-info-bg-subtle: #ffffff;
465
- --dsn-color-info-bg-default: #ffffff;
466
- --dsn-color-info-bg-hover: #ffffff;
467
- --dsn-color-info-bg-active: #ffffff;
468
- --dsn-color-info-border-subtle: #000000;
469
- --dsn-color-info-border-default: #000000;
470
- --dsn-color-info-border-hover: #000000;
471
- --dsn-color-info-border-active: #000000;
472
- --dsn-color-info-color-default: #000000;
473
- --dsn-color-info-color-hover: #000000;
474
- --dsn-color-info-color-active: #000000;
475
- --dsn-color-info-color-subtle: #000000;
476
- --dsn-color-info-color-document: #000000;
477
- --dsn-color-neutral-inverse-bg-document: #000000;
478
- --dsn-color-neutral-inverse-bg-elevated: #000000;
479
- --dsn-color-neutral-inverse-bg-subtle: #000000;
480
- --dsn-color-neutral-inverse-bg-default: #000000;
481
- --dsn-color-neutral-inverse-bg-hover: #000000;
482
- --dsn-color-neutral-inverse-bg-active: #000000;
483
- --dsn-color-neutral-inverse-border-subtle: #000000;
484
- --dsn-color-neutral-inverse-border-default: #000000;
485
- --dsn-color-neutral-inverse-border-hover: #000000;
486
- --dsn-color-neutral-inverse-border-active: #000000;
487
- --dsn-color-neutral-inverse-color-default: #ffffff;
488
- --dsn-color-neutral-inverse-color-hover: #ffffff;
489
- --dsn-color-neutral-inverse-color-active: #ffffff;
490
- --dsn-color-neutral-inverse-color-subtle: #ffffff;
491
- --dsn-color-neutral-inverse-color-document: #ffffff;
492
- --dsn-color-accent-1-inverse-bg-document: #000000;
493
- --dsn-color-accent-1-inverse-bg-elevated: #000000;
494
- --dsn-color-accent-1-inverse-bg-subtle: #000000;
495
- --dsn-color-accent-1-inverse-bg-default: #000000;
496
- --dsn-color-accent-1-inverse-bg-hover: #000000;
497
- --dsn-color-accent-1-inverse-bg-active: #000000;
498
- --dsn-color-accent-1-inverse-border-subtle: #000000;
499
- --dsn-color-accent-1-inverse-border-default: #000000;
500
- --dsn-color-accent-1-inverse-border-hover: #000000;
501
- --dsn-color-accent-1-inverse-border-active: #000000;
502
- --dsn-color-accent-1-inverse-color-default: #ffffff;
503
- --dsn-color-accent-1-inverse-color-hover: #ffffff;
504
- --dsn-color-accent-1-inverse-color-active: #ffffff;
505
- --dsn-color-accent-1-inverse-color-subtle: #ffffff;
506
- --dsn-color-accent-1-inverse-color-document: #ffffff;
507
- --dsn-color-accent-2-inverse-bg-document: #000000;
508
- --dsn-color-accent-2-inverse-bg-elevated: #000000;
509
- --dsn-color-accent-2-inverse-bg-subtle: #000000;
510
- --dsn-color-accent-2-inverse-bg-default: #000000;
511
- --dsn-color-accent-2-inverse-bg-hover: #000000;
512
- --dsn-color-accent-2-inverse-bg-active: #000000;
513
- --dsn-color-accent-2-inverse-border-subtle: #000000;
514
- --dsn-color-accent-2-inverse-border-default: #000000;
515
- --dsn-color-accent-2-inverse-border-hover: #000000;
516
- --dsn-color-accent-2-inverse-border-active: #000000;
517
- --dsn-color-accent-2-inverse-color-default: #ffffff;
518
- --dsn-color-accent-2-inverse-color-hover: #ffffff;
519
- --dsn-color-accent-2-inverse-color-active: #ffffff;
520
- --dsn-color-accent-2-inverse-color-subtle: #ffffff;
521
- --dsn-color-accent-2-inverse-color-document: #ffffff;
522
- --dsn-color-accent-3-inverse-bg-document: #000000;
523
- --dsn-color-accent-3-inverse-bg-elevated: #000000;
524
- --dsn-color-accent-3-inverse-bg-subtle: #000000;
525
- --dsn-color-accent-3-inverse-bg-default: #000000;
526
- --dsn-color-accent-3-inverse-bg-hover: #000000;
527
- --dsn-color-accent-3-inverse-bg-active: #000000;
528
- --dsn-color-accent-3-inverse-border-subtle: #000000;
529
- --dsn-color-accent-3-inverse-border-default: #000000;
530
- --dsn-color-accent-3-inverse-border-hover: #000000;
531
- --dsn-color-accent-3-inverse-border-active: #000000;
532
- --dsn-color-accent-3-inverse-color-default: #ffffff;
533
- --dsn-color-accent-3-inverse-color-hover: #ffffff;
534
- --dsn-color-accent-3-inverse-color-active: #ffffff;
535
- --dsn-color-accent-3-inverse-color-subtle: #ffffff;
536
- --dsn-color-accent-3-inverse-color-document: #ffffff;
537
- --dsn-color-action-1-inverse-bg-document: #000000;
538
- --dsn-color-action-1-inverse-bg-elevated: #000000;
539
- --dsn-color-action-1-inverse-bg-subtle: #000000;
540
- --dsn-color-action-1-inverse-bg-default: #000000;
541
- --dsn-color-action-1-inverse-bg-hover: #000000;
542
- --dsn-color-action-1-inverse-bg-active: #000000;
543
- --dsn-color-action-1-inverse-border-subtle: #000000;
544
- --dsn-color-action-1-inverse-border-default: #000000;
545
- --dsn-color-action-1-inverse-border-hover: #000000;
546
- --dsn-color-action-1-inverse-border-active: #000000;
547
- --dsn-color-action-1-inverse-color-default: #ffffff;
548
- --dsn-color-action-1-inverse-color-hover: #ffffff;
549
- --dsn-color-action-1-inverse-color-active: #ffffff;
550
- --dsn-color-action-1-inverse-color-subtle: #ffffff;
551
- --dsn-color-action-1-inverse-color-document: #ffffff;
552
- --dsn-color-action-2-inverse-bg-document: #000000;
553
- --dsn-color-action-2-inverse-bg-elevated: #000000;
554
- --dsn-color-action-2-inverse-bg-subtle: #000000;
555
- --dsn-color-action-2-inverse-bg-default: #000000;
556
- --dsn-color-action-2-inverse-bg-hover: #000000;
557
- --dsn-color-action-2-inverse-bg-active: #000000;
558
- --dsn-color-action-2-inverse-border-subtle: #000000;
559
- --dsn-color-action-2-inverse-border-default: #000000;
560
- --dsn-color-action-2-inverse-border-hover: #000000;
561
- --dsn-color-action-2-inverse-border-active: #000000;
562
- --dsn-color-action-2-inverse-color-default: #ffffff;
563
- --dsn-color-action-2-inverse-color-hover: #ffffff;
564
- --dsn-color-action-2-inverse-color-active: #ffffff;
565
- --dsn-color-action-2-inverse-color-subtle: #ffffff;
566
- --dsn-color-action-2-inverse-color-document: #ffffff;
567
- --dsn-color-positive-inverse-bg-document: #000000;
568
- --dsn-color-positive-inverse-bg-elevated: #000000;
569
- --dsn-color-positive-inverse-bg-subtle: #000000;
570
- --dsn-color-positive-inverse-bg-default: #000000;
571
- --dsn-color-positive-inverse-bg-hover: #000000;
572
- --dsn-color-positive-inverse-bg-active: #000000;
573
- --dsn-color-positive-inverse-border-subtle: #000000;
574
- --dsn-color-positive-inverse-border-default: #000000;
575
- --dsn-color-positive-inverse-border-hover: #000000;
576
- --dsn-color-positive-inverse-border-active: #000000;
577
- --dsn-color-positive-inverse-color-default: #ffffff;
578
- --dsn-color-positive-inverse-color-hover: #ffffff;
579
- --dsn-color-positive-inverse-color-active: #ffffff;
580
- --dsn-color-positive-inverse-color-subtle: #ffffff;
581
- --dsn-color-positive-inverse-color-document: #ffffff;
582
- --dsn-color-negative-inverse-bg-document: #000000;
583
- --dsn-color-negative-inverse-bg-elevated: #000000;
584
- --dsn-color-negative-inverse-bg-subtle: #000000;
585
- --dsn-color-negative-inverse-bg-default: #000000;
586
- --dsn-color-negative-inverse-bg-hover: #000000;
587
- --dsn-color-negative-inverse-bg-active: #000000;
588
- --dsn-color-negative-inverse-border-subtle: #000000;
589
- --dsn-color-negative-inverse-border-default: #000000;
590
- --dsn-color-negative-inverse-border-hover: #000000;
591
- --dsn-color-negative-inverse-border-active: #000000;
592
- --dsn-color-negative-inverse-color-default: #ffffff;
593
- --dsn-color-negative-inverse-color-hover: #ffffff;
594
- --dsn-color-negative-inverse-color-active: #ffffff;
595
- --dsn-color-negative-inverse-color-subtle: #ffffff;
596
- --dsn-color-negative-inverse-color-document: #ffffff;
597
- --dsn-color-warning-inverse-bg-document: #000000;
598
- --dsn-color-warning-inverse-bg-elevated: #000000;
599
- --dsn-color-warning-inverse-bg-subtle: #000000;
600
- --dsn-color-warning-inverse-bg-default: #000000;
601
- --dsn-color-warning-inverse-bg-hover: #000000;
602
- --dsn-color-warning-inverse-bg-active: #000000;
603
- --dsn-color-warning-inverse-border-subtle: #000000;
604
- --dsn-color-warning-inverse-border-default: #000000;
605
- --dsn-color-warning-inverse-border-hover: #000000;
606
- --dsn-color-warning-inverse-border-active: #000000;
607
- --dsn-color-warning-inverse-color-default: #ffffff;
608
- --dsn-color-warning-inverse-color-hover: #ffffff;
609
- --dsn-color-warning-inverse-color-active: #ffffff;
610
- --dsn-color-warning-inverse-color-subtle: #ffffff;
611
- --dsn-color-warning-inverse-color-document: #ffffff;
612
- --dsn-color-info-inverse-bg-document: #000000;
613
- --dsn-color-info-inverse-bg-elevated: #000000;
614
- --dsn-color-info-inverse-bg-subtle: #000000;
615
- --dsn-color-info-inverse-bg-default: #000000;
616
- --dsn-color-info-inverse-bg-hover: #000000;
617
- --dsn-color-info-inverse-bg-active: #000000;
618
- --dsn-color-info-inverse-border-subtle: #000000;
619
- --dsn-color-info-inverse-border-default: #000000;
620
- --dsn-color-info-inverse-border-hover: #000000;
621
- --dsn-color-info-inverse-border-active: #000000;
622
- --dsn-color-info-inverse-color-default: #ffffff;
623
- --dsn-color-info-inverse-color-hover: #ffffff;
624
- --dsn-color-info-inverse-color-active: #ffffff;
625
- --dsn-color-info-inverse-color-subtle: #ffffff;
626
- --dsn-color-info-inverse-color-document: #ffffff;
627
- --dsn-color-transparent: rgba(0, 0, 0, 0);
628
- --dsn-color-shadow-scroll: rgba(0, 0, 0, 0.15);
629
- --dsn-hero-background-color-default: #ffffff;
630
- --dsn-hero-background-color-inverse: #000000;
631
- --dsn-hero-color-default: #000000;
632
- --dsn-hero-color-inverse: #ffffff;
633
- --dsn-hero-image-blend-color: #000000;
634
- }
635
-
636
-
637
- /**
638
- * Hero Component
639
- * Prominente introductiesectie direct onder de PageHeader. Beslaat de volledige
640
- * paginabreedte via het BreakoutSection-patroon (margin-inline: calc(50% - 50vw)).
641
- *
642
- * Vereiste: de parent heeft overflow-x: clip (dsn-page-body).
643
- *
644
- * Usage:
645
- * <section class="dsn-hero" aria-labelledby="hero-heading">
646
- * <div class="dsn-hero__inner">
647
- * <div class="dsn-hero__content">
648
- * <!-- heading, paragraph, action group of searchbox -->
649
- * </div>
650
- * </div>
651
- * </section>
652
- *
653
- * Searchbox (zoekfunctie als primaire actie):
654
- * <div class="dsn-hero__searchbox">
655
- * <!-- SearchInput wrapper + submit button -->
656
- * </div>
657
- */
658
-
659
- /* =============================================================================
660
- Base
661
- ============================================================================= */
662
-
663
- .dsn-hero {
664
- margin-inline: calc(50% - 50vw);
665
- border-block-start: var(--dsn-hero-border-block-width) solid
666
- var(--dsn-color-transparent);
667
- border-block-end: var(--dsn-hero-border-block-width) solid
668
- var(--dsn-color-transparent);
669
- min-block-size: max(
670
- var(--dsn-hero-min-block-size),
671
- var(--dsn-hero-block-size)
672
- );
673
- background-color: var(--dsn-hero-background-color-default);
674
- color: var(--dsn-hero-color-default);
675
- display: flex;
676
- flex-direction: column;
677
- }
678
-
679
- /* =============================================================================
680
- Inner — centrerende wrapper (stemt af op dsn-page-body__inner)
681
- ============================================================================= */
682
-
683
- .dsn-hero__inner {
684
- flex: 1;
685
- display: flex;
686
- flex-direction: column;
687
- max-inline-size: var(--dsn-page-max-inline-size);
688
- margin-inline: auto;
689
- padding-inline: var(--dsn-hero-padding-inline);
690
- padding-block: var(--dsn-hero-padding-block);
691
- inline-size: 100%;
692
- }
693
-
694
- /* =============================================================================
695
- Content — verticaal gecentreerde slot-container
696
- ============================================================================= */
697
-
698
- .dsn-hero__content {
699
- flex: 1;
700
- display: flex;
701
- flex-direction: column;
702
- justify-content: center;
703
- }
704
-
705
- /* =============================================================================
706
- Searchbox — zoekveld + submit button naast elkaar
707
- ============================================================================= */
708
-
709
- .dsn-hero__searchbox {
710
- display: flex;
711
- align-items: center;
712
- gap: var(--dsn-space-inline-md);
713
- }
714
-
715
- /* SearchInput wrapper vult beschikbare ruimte; button behoudt zijn natuurlijke breedte */
716
- .dsn-hero__searchbox .dsn-search-input-wrapper {
717
- flex: 1;
718
- min-inline-size: 0;
719
- max-inline-size: none;
720
- }
721
-
722
- .dsn-hero__searchbox .dsn-text-input {
723
- max-inline-size: none;
724
- inline-size: 100%;
725
- }
726
-
727
- /* =============================================================================
728
- Modifier: --inverse
729
- Achtergrond + tekst- en componentkleur-overrides via CSS custom properties.
730
- Patroon identiek aan PageHeader en PageFooter --inverse.
731
- ============================================================================= */
732
-
733
- .dsn-hero--inverse {
734
- background-color: var(--dsn-hero-background-color-inverse);
735
- color: var(--dsn-hero-color-inverse);
736
-
737
- /* Tekst-componenten */
738
- --dsn-pre-heading-color: var(--dsn-hero-color-inverse);
739
- --dsn-heading-level-1-color: var(--dsn-hero-color-inverse);
740
- --dsn-heading-level-2-color: var(--dsn-hero-color-inverse);
741
- --dsn-heading-level-3-color: var(--dsn-hero-color-inverse);
742
- --dsn-heading-level-4-color: var(--dsn-hero-color-inverse);
743
- --dsn-heading-level-5-color: var(--dsn-hero-color-inverse);
744
- --dsn-heading-level-6-color: var(--dsn-hero-color-inverse);
745
- --dsn-paragraph-color: var(--dsn-hero-color-inverse);
746
-
747
- /* Strong button — action-1 kleurenschaal op inverse achtergrond */
748
- --dsn-button-strong-background-color: var(--dsn-color-action-1-bg-default);
749
- --dsn-button-strong-color: var(--dsn-color-action-1-color-default);
750
- --dsn-button-strong-hover-background-color: var(
751
- --dsn-color-action-1-bg-hover
752
- );
753
- --dsn-button-strong-hover-color: var(--dsn-color-action-1-color-hover);
754
- --dsn-button-strong-active-background-color: var(
755
- --dsn-color-action-1-bg-active
756
- );
757
- --dsn-button-strong-active-color: var(--dsn-color-action-1-color-active);
758
-
759
- /* Subtle button — transparant met lichte tekst/rand op inverse achtergrond */
760
- --dsn-button-subtle-color: var(--dsn-color-accent-1-inverse-color-default);
761
- --dsn-button-subtle-hover-background-color: var(
762
- --dsn-color-accent-1-inverse-bg-hover
763
- );
764
- --dsn-button-subtle-hover-color: var(
765
- --dsn-color-accent-1-inverse-color-hover
766
- );
767
- --dsn-button-subtle-active-background-color: var(
768
- --dsn-color-accent-1-inverse-bg-active
769
- );
770
- --dsn-button-subtle-active-color: var(
771
- --dsn-color-accent-1-inverse-color-active
772
- );
773
- }
774
-
775
- /* =============================================================================
776
- Modifier: --image
777
- ============================================================================= */
778
-
779
- .dsn-hero--image {
780
- background-image: var(--dsn-hero-bg-image);
781
- background-size: cover;
782
- background-position: center;
783
- color: var(--dsn-hero-color-inverse);
784
-
785
- /* Tekst-componenten */
786
- --dsn-pre-heading-color: var(--dsn-hero-color-inverse);
787
- --dsn-heading-level-1-color: var(--dsn-hero-color-inverse);
788
- --dsn-heading-level-2-color: var(--dsn-hero-color-inverse);
789
- --dsn-heading-level-3-color: var(--dsn-hero-color-inverse);
790
- --dsn-heading-level-4-color: var(--dsn-hero-color-inverse);
791
- --dsn-heading-level-5-color: var(--dsn-hero-color-inverse);
792
- --dsn-heading-level-6-color: var(--dsn-hero-color-inverse);
793
- --dsn-paragraph-color: var(--dsn-hero-color-inverse);
794
-
795
- /* Buttons — zelfde als inverse */
796
- --dsn-button-strong-background-color: var(--dsn-color-action-1-bg-default);
797
- --dsn-button-strong-color: var(--dsn-color-action-1-color-default);
798
- --dsn-button-strong-hover-background-color: var(
799
- --dsn-color-action-1-bg-hover
800
- );
801
- --dsn-button-strong-hover-color: var(--dsn-color-action-1-color-hover);
802
- --dsn-button-strong-active-background-color: var(
803
- --dsn-color-action-1-bg-active
804
- );
805
- --dsn-button-strong-active-color: var(--dsn-color-action-1-color-active);
806
- --dsn-button-subtle-color: var(--dsn-color-accent-1-inverse-color-default);
807
- --dsn-button-subtle-hover-background-color: var(
808
- --dsn-color-accent-1-inverse-bg-hover
809
- );
810
- --dsn-button-subtle-hover-color: var(
811
- --dsn-color-accent-1-inverse-color-hover
812
- );
813
- --dsn-button-subtle-active-background-color: var(
814
- --dsn-color-accent-1-inverse-bg-active
815
- );
816
- --dsn-button-subtle-active-color: var(
817
- --dsn-color-accent-1-inverse-color-active
818
- );
819
- }
820
-
821
- /* =============================================================================
822
- Modifier: --image-blend (gecombineerd met --image)
823
- ============================================================================= */
824
-
825
- .dsn-hero--image.dsn-hero--image-blend {
826
- background-color: var(--dsn-hero-image-blend-color);
827
- background-blend-mode: multiply;
828
- }
829
-
830
- /* =============================================================================
831
- Modifier: --align-center
832
- ============================================================================= */
833
-
834
- .dsn-hero--align-center .dsn-hero__content {
835
- align-items: center;
836
- text-align: center;
837
- }
838
-
839
- /* ActionGroup en searchbox centreren mee */
840
- .dsn-hero--align-center .dsn-action-group {
841
- justify-content: center;
842
- }
843
-
844
- .dsn-hero--align-center .dsn-hero__searchbox {
845
- justify-content: center;
846
- }
847
-