@aarhus-university/au-designsystem-delphinus 0.24.1 → 0.26.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (416) hide show
  1. package/.eslintrc.js +35 -0
  2. package/CHANGELOG.md +268 -237
  3. package/Gruntfile.js +418 -217
  4. package/README.md +5 -5
  5. package/babel.config.js +16 -0
  6. package/build/figma-tokens/breakpoint-styles.json +908 -0
  7. package/build/figma-tokens/color-themes.json +2653 -0
  8. package/build/figma-tokens/design-file.json +1378 -0
  9. package/build/figma-tokens/design-system.json +4652 -0
  10. package/build/js/3rdparty/iframeResizer.contentWindow.min.js +9 -9
  11. package/build/js/3rdparty/iframeResizer.min.js +8 -8
  12. package/build/js/app.js +1 -1
  13. package/build/js/app.js.map +1 -1
  14. package/{source/js/components/atom-picker.js → build/js/components/atom-picker.ts} +140 -141
  15. package/build/js/components/content-toggle.ts +46 -0
  16. package/{source/js/components/copy-hex-code.js → build/js/components/copy-hex-code.ts} +15 -15
  17. package/{source/js/components/helpers.js → build/js/components/helpers.ts} +45 -50
  18. package/build/js/components/modal-view.ts +69 -0
  19. package/{source/js/components/nav.js → build/js/components/nav.ts} +169 -187
  20. package/{source/js/components/ready.js → build/js/components/ready.ts} +10 -10
  21. package/{source/js/components/selection-list.js → build/js/components/selection-list.ts} +37 -37
  22. package/{source/js/components/table.js → build/js/components/table.ts} +44 -43
  23. package/{source/js/components/tabs.js → build/js/components/tabs.ts} +200 -177
  24. package/{source/js/components/toolbar.js → build/js/components/toolbar.ts} +63 -63
  25. package/{source/js/demo/app.js → build/js/demo/app.ts} +53 -51
  26. package/{source/js/production/app.js → build/js/production/app.ts} +67 -66
  27. package/build/projects/bachelor-applications/js/app.js +1 -1
  28. package/build/projects/bachelor-applications/js/app.js.map +1 -1
  29. package/build/projects/bachelor-applications/style.css +1 -1
  30. package/build/projects/bachelor-applications/style.css.map +81 -81
  31. package/build/projects/brightspace/style.css +1 -1
  32. package/build/projects/brightspace/style.css.map +72 -72
  33. package/build/projects/medarbejdere/js/app.js +1 -1
  34. package/build/projects/medarbejdere/js/app.js.map +1 -1
  35. package/build/projects/medarbejdere/style.css +1 -1
  36. package/build/projects/medarbejdere/style.css.map +71 -71
  37. package/build/projects/mitstudie/js/app.js +1 -1
  38. package/build/projects/mitstudie/js/app.js.map +1 -1
  39. package/build/projects/mitstudie/style.css +1 -1
  40. package/build/projects/mitstudie/style.css.map +79 -79
  41. package/build/projects/typo3/js/typo3.js +2 -47
  42. package/build/projects/typo3/js/typo3.js.map +1 -1
  43. package/build/projects/typo3/style.css +1 -1
  44. package/build/projects/typo3/style.css.map +42 -42
  45. package/build/style.css +1 -1
  46. package/build/style.css.map +75 -74
  47. package/build/types/common/interfaces.d.ts +10 -0
  48. package/build/types/common/main.d.ts +2 -0
  49. package/package.json +56 -34
  50. package/source/.htaccess +14 -14
  51. package/source/assets/au-logo-da.svg +39 -39
  52. package/source/assets/au-logo-en.svg +38 -38
  53. package/source/assets/au-seal-white.svg +61 -61
  54. package/source/assets/au-seal.svg +61 -61
  55. package/source/assets/delphinus-favicon.svg +11 -11
  56. package/source/assets/delphinus-logo.svg +10 -10
  57. package/source/atoms/_atoms-settings.scss +117 -111
  58. package/source/atoms/colors/_color-functions.scss +298 -298
  59. package/source/atoms/colors/_colors.scss +758 -758
  60. package/source/atoms/colors/atom-colors.scss +484 -484
  61. package/source/atoms/colors.pug +101 -101
  62. package/source/atoms/fonts/_au-passata.scss +44 -44
  63. package/source/atoms/fonts/_au-peto.scss +7 -7
  64. package/source/atoms/fonts/_fonts.scss +161 -159
  65. package/source/atoms/fonts/atom-fonts.scss +156 -156
  66. package/source/atoms/fonts.pug +69 -69
  67. package/source/atoms/functions/_power.scss +65 -65
  68. package/source/atoms/functions/_string-replace.scss +9 -9
  69. package/source/atoms/misc/_atom-layout.pug +15 -15
  70. package/source/atoms/misc/_atom-settings.pug +5 -5
  71. package/source/atoms/misc/_atom-template.scss +84 -84
  72. package/source/atoms/misc/atom-iframe.scss +6 -6
  73. package/source/atoms/misc/atoms-style.scss +5 -5
  74. package/source/atoms/spacing/_spacing.scss +113 -111
  75. package/source/atoms/spacing/atom-spacing.scss +121 -121
  76. package/source/atoms/spacing.pug +28 -28
  77. package/source/demo-style.scss +6 -6
  78. package/source/figma-tokens/blurs-default.json +11 -0
  79. package/source/figma-tokens/borders-default.json +98 -0
  80. package/source/figma-tokens/borders-nav-item-theme.json +124 -0
  81. package/source/figma-tokens/borders-nav-item.json +46 -0
  82. package/source/figma-tokens/borders-theme.json +98 -0
  83. package/source/figma-tokens/borders-widths.json +41 -0
  84. package/source/figma-tokens/colors-all.json +404 -0
  85. package/source/figma-tokens/cssvars/figma-tokens.scss +182 -0
  86. package/source/figma-tokens/shadows-default.json +136 -0
  87. package/{build/figma/figmatokens-wide.json → source/figma-tokens/sizes-default.json} +97 -97
  88. package/source/figma-tokens/sizing.json +129 -0
  89. package/source/figma-tokens/spacing.json +212 -0
  90. package/source/{figma/figmatokens-wide.json → figma-tokens/styles/breakpoint.json} +97 -97
  91. package/{build/figma/figmatokens-turquoise.json → source/figma-tokens/styles/theme.json} +202 -364
  92. package/source/figma-tokens/typography-fonts.json +78 -0
  93. package/source/figma-tokens/typography-line-widths.json +28 -0
  94. package/source/figma-tokens/typography-styles.json +620 -0
  95. package/source/js/3rdparty/iframeResizer.contentWindow.min.js +9 -9
  96. package/source/js/3rdparty/iframeResizer.min.js +8 -8
  97. package/source/js/components/atom-picker.ts +140 -0
  98. package/source/js/components/content-toggle.ts +46 -0
  99. package/source/js/components/copy-hex-code.ts +15 -0
  100. package/source/js/components/helpers.ts +45 -0
  101. package/source/js/components/modal-view.ts +69 -0
  102. package/source/js/components/nav.ts +169 -0
  103. package/source/js/components/ready.ts +10 -0
  104. package/source/js/components/selection-list.ts +37 -0
  105. package/source/js/components/table.ts +44 -0
  106. package/source/js/components/tabs.ts +200 -0
  107. package/source/js/components/toolbar.ts +63 -0
  108. package/source/js/demo/app.ts +53 -0
  109. package/source/js/production/app.ts +67 -0
  110. package/source/markup/404.pug +27 -27
  111. package/source/markup/atom-colors.pug +25 -25
  112. package/source/markup/atom-fonts.pug +24 -24
  113. package/source/markup/atom-spacing.pug +24 -24
  114. package/source/markup/blockquote.pug +39 -39
  115. package/source/markup/buttons.pug +149 -149
  116. package/source/markup/code.pug +550 -550
  117. package/source/markup/collage.pug +48 -48
  118. package/source/markup/colors-theme-dark.pug +28 -28
  119. package/source/markup/colors-theme-normal.pug +28 -28
  120. package/source/markup/colors.pug +118 -118
  121. package/source/markup/components/artwork.pug +75 -75
  122. package/source/markup/components/autosuggest.pug +82 -82
  123. package/source/markup/components/calendar.pug +262 -262
  124. package/source/markup/components/content-toggle.pug +77 -77
  125. package/source/markup/components/datepicker.pug +190 -190
  126. package/source/markup/components/empty-state.pug +39 -39
  127. package/source/markup/components/example-settings-list.pug +187 -187
  128. package/source/markup/components/example-toolbar-for-filtering-table.pug +170 -170
  129. package/source/markup/components/fact-list.pug +114 -114
  130. package/source/markup/components/header-callout.pug +68 -68
  131. package/source/markup/components/index.pug +20 -20
  132. package/source/markup/components/large-bullets.pug +71 -71
  133. package/source/markup/components/list-navigator.pug +27 -27
  134. package/source/markup/components/modal-view.pug +134 -134
  135. package/source/markup/components/navigation-list.pug +57 -57
  136. package/source/markup/components/notification.pug +56 -56
  137. package/source/markup/components/pre-header.pug +50 -50
  138. package/source/markup/components/processing-state.pug +122 -122
  139. package/source/markup/components/progress-bar.pug +177 -177
  140. package/source/markup/components/receipt.pug +33 -33
  141. package/source/markup/components/selection-list.pug +82 -82
  142. package/source/markup/components/settings-list.pug +59 -59
  143. package/source/markup/components/stepper.pug +48 -0
  144. package/source/markup/components/tabbed-content.pug +88 -88
  145. package/source/markup/components/toast-notification.pug +90 -90
  146. package/source/markup/components/toggle-button.pug +61 -61
  147. package/source/markup/components/toolbar.pug +187 -187
  148. package/source/markup/components/tooltip.pug +78 -78
  149. package/source/markup/cookies.pug +28 -28
  150. package/source/markup/font-size.pug +77 -77
  151. package/source/markup/form-example-change-password.pug +91 -91
  152. package/source/markup/form-fields.pug +148 -148
  153. package/source/markup/form-invalid.pug +91 -91
  154. package/source/markup/form-locked.pug +102 -102
  155. package/source/markup/form-search.pug +82 -82
  156. package/source/markup/form-visually-disabled.pug +105 -105
  157. package/source/markup/form.pug +119 -119
  158. package/source/markup/headings.pug +59 -59
  159. package/source/markup/icons.pug +103 -103
  160. package/source/markup/index.pug +123 -123
  161. package/source/markup/interactivity.pug +32 -32
  162. package/source/markup/layout-grid.pug +22 -22
  163. package/source/markup/layout-row.pug +92 -92
  164. package/source/markup/layout.pug +20 -20
  165. package/source/markup/line-height.pug +127 -127
  166. package/source/markup/line-width.pug +36 -36
  167. package/source/markup/links.pug +83 -83
  168. package/source/markup/lists.pug +86 -86
  169. package/source/markup/navigation.pug +135 -135
  170. package/source/markup/partials/mixins/_empty-state.pug +8 -8
  171. package/source/markup/partials/mixins/_header-callout.pug +7 -7
  172. package/source/markup/partials/mixins/_list-navigator.pug +7 -7
  173. package/source/markup/partials/mixins/_modal-view.pug +13 -13
  174. package/source/markup/partials/mixins/_notification.pug +13 -13
  175. package/source/markup/partials/mixins/_progress-bar.pug +5 -5
  176. package/source/markup/partials/mixins/_receipt.pug +9 -9
  177. package/source/markup/partials/mixins/_stepper.pug +7 -0
  178. package/source/markup/partials/mixins/_toast-notification.pug +9 -9
  179. package/source/markup/partials/mixins/_toggle-button.pug +4 -4
  180. package/source/markup/partials/mixins/_toolbar.pug +6 -6
  181. package/source/markup/partials/mixins-demo/_atom-picker.pug +13 -13
  182. package/source/markup/partials/mixins-demo/_color-tile.pug +22 -22
  183. package/source/markup/partials/mixins-demo/_nav-atoms.pug +11 -11
  184. package/source/markup/partials/mixins-demo/_nav-color.pug +7 -7
  185. package/source/markup/partials/mixins-demo/_nav-components.pug +32 -31
  186. package/source/markup/partials/mixins-demo/_nav-form.pug +12 -12
  187. package/source/markup/partials/mixins-demo/_nav-layout.pug +7 -7
  188. package/source/markup/partials/mixins-demo/_nav-text.pug +15 -15
  189. package/source/markup/partials/page-templates/_layout-error-page.pug +67 -67
  190. package/source/markup/partials/page-templates/_layout.pug +158 -158
  191. package/source/markup/sample-text.pug +86 -86
  192. package/source/markup/spacings.pug +98 -98
  193. package/source/markup/tables.pug +147 -147
  194. package/source/markup/text-callout.pug +39 -39
  195. package/source/markup/text.pug +50 -50
  196. package/source/projects/au-webshop/au-webshop-bolierplate.scss +72 -72
  197. package/source/projects/bachelor-applications/403-error-page.pug +12 -12
  198. package/source/projects/bachelor-applications/502-error-page.pug +14 -14
  199. package/source/projects/bachelor-applications/applicant-profile.pug +40 -40
  200. package/source/projects/bachelor-applications/application-statuses.pug +49 -49
  201. package/source/projects/bachelor-applications/applications-overview-gpa-combinations.pug +43 -43
  202. package/source/projects/bachelor-applications/applications-overview-no-offer.pug +51 -51
  203. package/source/projects/bachelor-applications/applications-overview-offer-accepted.pug +59 -59
  204. package/source/projects/bachelor-applications/applications-overview-sections.pug +57 -57
  205. package/source/projects/bachelor-applications/applications-overview-with-callout.pug +61 -61
  206. package/source/projects/bachelor-applications/applications-overview.pug +60 -60
  207. package/source/projects/bachelor-applications/empty-state-closed.pug +15 -15
  208. package/source/projects/bachelor-applications/impersonation-active.pug +44 -44
  209. package/source/projects/bachelor-applications/impersonation-form.pug +44 -44
  210. package/source/projects/bachelor-applications/index.pug +68 -68
  211. package/source/projects/bachelor-applications/kontoaktivering/faq.pug +173 -173
  212. package/source/projects/bachelor-applications/kontoaktivering/index.pug +25 -25
  213. package/source/projects/bachelor-applications/kontoaktivering/originals/faq.pug +168 -168
  214. package/source/projects/bachelor-applications/kontoaktivering/originals/password.pug +205 -205
  215. package/source/projects/bachelor-applications/kontoaktivering/originals/receipt.pug +170 -170
  216. package/source/projects/bachelor-applications/kontoaktivering/password.pug +203 -203
  217. package/source/projects/bachelor-applications/kontoaktivering/receipt-bachelor-applicants.pug +156 -156
  218. package/source/projects/bachelor-applications/kontoaktivering/receipt-others.pug +163 -163
  219. package/source/projects/bachelor-applications/kontoaktivering/start.pug +193 -193
  220. package/source/projects/bachelor-applications/login-signin-first.pug +35 -35
  221. package/source/projects/bachelor-applications/login-signup-first.pug +34 -34
  222. package/source/projects/bachelor-applications/markup/_applicant-course-list.pug +80 -80
  223. package/source/projects/bachelor-applications/markup/_applicant-profile.pug +51 -51
  224. package/source/projects/bachelor-applications/markup/_application.pug +147 -147
  225. package/source/projects/bachelor-applications/markup/_bachelor-applications-template.pug +128 -128
  226. package/source/projects/bachelor-applications/markup/_grade-point-average-modal.pug +5 -5
  227. package/source/projects/bachelor-applications/markup/_student-place-offer.pug +97 -97
  228. package/source/projects/bachelor-applications/markup/_vacant-student-places.pug +7 -7
  229. package/source/projects/bachelor-applications/receipt-accepted-animation-landscape.pug +48 -48
  230. package/source/projects/bachelor-applications/receipt-accepted-animation-portrait.pug +48 -48
  231. package/source/projects/bachelor-applications/receipt-accepted-multiple-links.pug +50 -50
  232. package/source/projects/bachelor-applications/receipt-accepted.pug +54 -54
  233. package/source/projects/bachelor-applications/receipt-rejected.pug +35 -35
  234. package/source/projects/bachelor-applications/student-place-offers.pug +35 -35
  235. package/source/projects/bachelor-applications/style/_animation-welcome.scss +25 -25
  236. package/source/projects/bachelor-applications/style/_applicant-course-list.scss +53 -53
  237. package/source/projects/bachelor-applications/style/_applicant-profile.scss +58 -58
  238. package/source/projects/bachelor-applications/style/_application.scss +341 -341
  239. package/source/projects/bachelor-applications/style/_applications-overview.scss +62 -62
  240. package/source/projects/bachelor-applications/style/_student-place-offer.scss +363 -363
  241. package/source/projects/bachelor-applications/style.scss +89 -89
  242. package/source/projects/brightspace/AU_00-all-standard-elements.pug +63 -63
  243. package/source/projects/brightspace/AU_01-empty-template.pug +5 -5
  244. package/source/projects/brightspace/AU_02-instructor.pug +20 -20
  245. package/source/projects/brightspace/index.pug +30 -30
  246. package/source/projects/brightspace/markup/_template.pug +20 -20
  247. package/source/projects/brightspace/style/_brightspace-instructor.scss +13 -13
  248. package/source/projects/brightspace/style/_brightspace-modifications.scss +29 -29
  249. package/source/projects/brightspace/style/_brightspace-sass-variables.scss +13 -13
  250. package/source/projects/brightspace/style/_brightspace-widget-course-setup.scss +39 -39
  251. package/source/projects/brightspace/style/_brightspace-widget.scss +5 -5
  252. package/source/projects/brightspace/style.scss +108 -108
  253. package/source/projects/brightspace/widgets/au-widget-course-setup.pug +32 -32
  254. package/source/projects/index.pug +22 -22
  255. package/source/projects/medarbejdere/course-config.pug +276 -276
  256. package/source/projects/medarbejdere/demo.scss +6 -6
  257. package/source/projects/medarbejdere/holiday-overview.pug +107 -107
  258. package/source/projects/medarbejdere/index.pug +21 -21
  259. package/source/projects/medarbejdere/markup/_course-config-modal-content.pug +242 -242
  260. package/source/projects/medarbejdere/markup/_holiday-calendar.pug +55 -55
  261. package/source/projects/medarbejdere/markup/_roles-config-modal-content.pug +6 -6
  262. package/source/projects/medarbejdere/roles-config.pug +150 -150
  263. package/source/projects/medarbejdere/style/_course-config.scss +493 -493
  264. package/source/projects/medarbejdere/style/_holiday-calendar.scss +209 -209
  265. package/source/projects/medarbejdere/style/_roles-config.scss +110 -110
  266. package/source/projects/medarbejdere/style.scss +79 -79
  267. package/source/projects/mitstudie/home.pug +161 -161
  268. package/source/projects/mitstudie/index.pug +22 -22
  269. package/source/projects/mitstudie/map.pug +18 -18
  270. package/source/projects/mitstudie/markup/_event-modals.pug +68 -68
  271. package/source/projects/mitstudie/markup/_mitstudie-template.pug +89 -89
  272. package/source/projects/mitstudie/markup/_timetable.pug +203 -203
  273. package/source/projects/mitstudie/student-id.pug +79 -79
  274. package/source/projects/mitstudie/studieordning.pug +780 -780
  275. package/source/projects/mitstudie/style/_academic-regulation.scss +90 -90
  276. package/source/projects/mitstudie/style/_diagramme.scss +49 -49
  277. package/source/projects/mitstudie/style/_iframe-embed.scss +28 -28
  278. package/source/projects/mitstudie/style/_map.scss +227 -227
  279. package/source/projects/mitstudie/style/_notifications.scss +45 -45
  280. package/source/projects/mitstudie/style/_refactor.scss +24 -24
  281. package/source/projects/mitstudie/style/_settings.scss +916 -916
  282. package/source/projects/mitstudie/style/_student-id.scss +38 -38
  283. package/source/projects/mitstudie/style/_timeline.scss +911 -911
  284. package/source/projects/mitstudie/style/_timetable-event-modal.scss +32 -32
  285. package/source/projects/mitstudie/style/_timetable.scss +565 -565
  286. package/source/projects/mitstudie/style.scss +90 -90
  287. package/source/projects/mitstudie/timeline.pug +256 -256
  288. package/source/projects/mitstudie/timetable-link-not-accessible.pug +20 -20
  289. package/source/projects/mitstudie/timetable.pug +26 -26
  290. package/source/projects/typo3/_content-elements.pug +537 -537
  291. package/source/projects/typo3/_elements.pug +152 -152
  292. package/source/projects/typo3/_event.pug +149 -149
  293. package/source/projects/typo3/_news-related.pug +56 -56
  294. package/source/projects/typo3/_news-story.pug +152 -152
  295. package/source/projects/typo3/editor-elements.pug +130 -130
  296. package/source/projects/typo3/elements.pug +5 -5
  297. package/source/projects/typo3/event-multiday-dash.pug +5 -5
  298. package/source/projects/typo3/event-multiday.pug +5 -5
  299. package/source/projects/typo3/event.pug +5 -5
  300. package/source/projects/typo3/full-width-content-elements.pug +8 -8
  301. package/source/projects/typo3/full-width.pug +7 -7
  302. package/source/projects/typo3/index.pug +72 -72
  303. package/source/projects/typo3/left-and-right-content-elements.pug +9 -9
  304. package/source/projects/typo3/left-and-right.pug +8 -8
  305. package/source/projects/typo3/left-menu-content-elements.pug +12 -12
  306. package/source/projects/typo3/left-menu.pug +11 -11
  307. package/source/projects/typo3/omnibus-article-content-elements.pug +336 -336
  308. package/source/projects/typo3/omnibus-article-content-elements2.pug +336 -336
  309. package/source/projects/typo3/omnibus-article-full-width.pug +341 -341
  310. package/source/projects/typo3/omnibus-article.pug +391 -391
  311. package/source/projects/typo3/omnibus-home-wide-image.pug +510 -510
  312. package/source/projects/typo3/omnibus-home.pug +491 -491
  313. package/source/projects/typo3/plain-delphinus.pug +13 -13
  314. package/source/projects/typo3/plain-delphinus.scss +20 -20
  315. package/source/projects/typo3/right-column-content-elements.pug +9 -9
  316. package/source/projects/typo3/right-column.pug +8 -8
  317. package/source/projects/typo3/style/_delphinus-gutters.scss +149 -149
  318. package/source/projects/typo3/style/_news-event.scss +1012 -1012
  319. package/source/projects/typo3/style/_news-related.scss +82 -82
  320. package/source/projects/typo3/style/_omnibus-font.scss +74 -74
  321. package/source/projects/typo3/style/_typo3-overwrites-content-elements-default.scss +192 -192
  322. package/source/projects/typo3/style/_typo3-overwrites.scss +167 -167
  323. package/source/projects/typo3/style/_typo3-sass-variables.scss +28 -28
  324. package/source/projects/typo3/style/_typo3-themes.scss +12 -12
  325. package/source/projects/typo3/style/typo3-news-list.scss +616 -616
  326. package/source/projects/typo3/style.scss +135 -135
  327. package/source/projects/typo3/typo3-delphinus.scss +4 -4
  328. package/source/projects/typo3/typo3-markup/_typo3-14-left-and-right.pug +9 -9
  329. package/source/projects/typo3/typo3-markup/_typo3-15-left-menu.pug +7 -7
  330. package/source/projects/typo3/typo3-markup/_typo3-16-full-width.pug +5 -5
  331. package/source/projects/typo3/typo3-markup/_typo3-17-right-column.pug +6 -6
  332. package/source/projects/typo3/typo3-markup/_typo3-footer.pug +2 -2
  333. package/source/projects/typo3/typo3-markup/_typo3-header.pug +4 -4
  334. package/source/projects/typo3/typo3-markup/_typo3-layout.pug +23 -23
  335. package/source/projects/typo3/universe-full-width.pug +450 -450
  336. package/source/projects/typo3/universe-left-and-right.pug +491 -491
  337. package/source/projects/typo3/universe-left-menu.pug +471 -471
  338. package/source/projects/typo3/universe-right-column.pug +459 -459
  339. package/source/style/_mixins/_all.scss +5 -5
  340. package/source/style/_mixins/_content-container.scss +13 -13
  341. package/source/style/_mixins/_font-awesome.scss +15 -15
  342. package/source/style/_mixins/_processing-animation.scss +42 -42
  343. package/source/style/_mixins/_utility-button.scss +54 -54
  344. package/source/style/_mixins/screenreader-only.scss +9 -9
  345. package/source/style/_sass-variables.scss +114 -114
  346. package/source/style/base/_accessibility.scss +18 -18
  347. package/source/style/base/_body.scss +48 -48
  348. package/source/style/base/_buttons.scss +385 -385
  349. package/source/style/base/_code.scss +4 -4
  350. package/source/style/base/_dl.scss +17 -17
  351. package/source/style/base/_forms.scss +594 -588
  352. package/source/style/base/_fundamentals.scss +21 -21
  353. package/source/style/base/_hr.scss +35 -35
  354. package/source/style/base/_icons.scss +85 -85
  355. package/source/style/base/_links.scss +81 -81
  356. package/source/style/base/_normalize.scss +341 -341
  357. package/source/style/base/_text.scss +492 -492
  358. package/source/style/base/_utility-classes.scss +20 -20
  359. package/source/style/layout/_breakpoints.scss +44 -44
  360. package/source/style/layout/_footer.scss +176 -176
  361. package/source/style/layout/_grid.scss +32 -32
  362. package/source/style/layout/_horizontal-scroll.scss +50 -50
  363. package/source/style/layout/_page.scss +314 -314
  364. package/source/style/layout/_row.scss +162 -162
  365. package/source/style/layout/_vertical-spacing.scss +38 -38
  366. package/source/style/module/_artwork-peto.scss +27 -27
  367. package/source/style/module/_autosuggest.scss +64 -64
  368. package/source/style/module/_box.scss +59 -59
  369. package/source/style/module/_calendar.scss +63 -63
  370. package/source/style/module/_content-toggle.scss +16 -16
  371. package/source/style/module/_datepicker.scss +12 -12
  372. package/source/style/module/_empty-state.scss +58 -58
  373. package/source/style/module/_environment-label.scss +67 -67
  374. package/source/style/module/_fact-list.scss +77 -77
  375. package/source/style/module/_header-callout.scss +110 -110
  376. package/source/style/module/_large-bullets.scss +132 -132
  377. package/source/style/module/_list-navigator.scss +45 -45
  378. package/source/style/module/_modal-view.scss +150 -150
  379. package/source/style/module/_nav.scss +652 -652
  380. package/source/style/module/_navigation-list.scss +52 -52
  381. package/source/style/module/_notification.scss +129 -129
  382. package/source/style/module/_pre-header.scss +61 -61
  383. package/source/style/module/_processing-state.scss +63 -63
  384. package/source/style/module/_progress-bar.scss +242 -242
  385. package/source/style/module/_receipt.scss +28 -28
  386. package/source/style/module/_search-filter.scss +80 -80
  387. package/source/style/module/_selection-list.scss +106 -106
  388. package/source/style/module/_settings-list.scss +78 -78
  389. package/source/style/module/_shortcut.scss +18 -18
  390. package/source/style/module/_stepper.scss +190 -0
  391. package/source/style/module/_sub-nav.scss +113 -113
  392. package/source/style/module/_tabbed-content.scss +31 -31
  393. package/source/style/module/_tables.scss +279 -279
  394. package/source/style/module/_toast-notification.scss +133 -133
  395. package/source/style/module/_toggle-button.scss +84 -84
  396. package/source/style/module/_toolbar.scss +291 -291
  397. package/source/style/module/_tooltip.scss +61 -61
  398. package/source/style/module-demo/_atom-picker.scss +83 -83
  399. package/source/style/module-demo/_delphinus.scss +37 -37
  400. package/source/style/module-demo/_demo.scss +99 -99
  401. package/source/style.scss +79 -78
  402. package/tsconfig.json +43 -0
  403. package/types/common/interfaces.d.ts +10 -0
  404. package/types/common/main.d.ts +2 -0
  405. package/types/common/package.json +5 -0
  406. package/webpack.config.js +75 -39
  407. package/.eslintrc +0 -19
  408. package/.git/logs/refs/heads/Changelog +0 -2
  409. package/.git/logs/refs/remotes/origin/Changelog +0 -2
  410. package/build/figma/figmatokens-all.json +0 -2157
  411. package/build/figma/figmatokens-global.json +0 -1698
  412. package/source/figma/figmatokens-all.json +0 -2157
  413. package/source/figma/figmatokens-global.json +0 -1698
  414. package/source/figma/figmatokens-turquoise.json +0 -364
  415. package/source/js/components/content-toggle.js +0 -44
  416. package/source/js/components/modal-view.js +0 -51
package/.eslintrc.js ADDED
@@ -0,0 +1,35 @@
1
+ module.exports = {
2
+ root: true,
3
+ extends: [
4
+ 'airbnb',
5
+ 'plugin:@typescript-eslint/eslint-recommended',
6
+ 'plugin:@typescript-eslint/recommended',
7
+ ],
8
+ plugins: [
9
+ 'react',
10
+ '@typescript-eslint',
11
+ ],
12
+ parser: '@typescript-eslint/parser',
13
+ rules: {
14
+ 'import/extensions': [0],
15
+ 'react/jsx-filename-extension': [0],
16
+ 'no-use-before-define': [0],
17
+ '@typescript-eslint/no-use-before-define': ['error'],
18
+ 'no-shadow': 'off',
19
+ '@typescript-eslint/no-shadow': ['error'],
20
+ 'react/no-danger': [0],
21
+ 'linebreak-style': [0],
22
+ },
23
+ settings: {
24
+ react: {
25
+ version: 'detect',
26
+ },
27
+ 'import/resolver': {
28
+ typescript: {},
29
+ },
30
+ },
31
+ globals: {
32
+ AU: true,
33
+ $: true,
34
+ },
35
+ };
package/CHANGELOG.md CHANGED
@@ -1,237 +1,268 @@
1
- ## 0.24.1 (April 21, 2022)
2
-
3
- ### Core Delphinus Updates
4
- None
5
-
6
- ### Delphinus Projects Updates
7
-
8
- #### Typo3
9
- Adds overwrite for all default content elements style in typo3 v10.
10
-
11
-
12
-
13
- ## 0.24.0 (March 29, 2022)
14
-
15
- ### Core Delphinus Updates
16
- * `.hr--page-content-block-seperator` modifier for adding equal space above an below a `hr` that is the first or last element of a content block.
17
- * `.page__footer--only-logo-and-seal`modifier for when the footer should only contain the logo and seal.
18
-
19
- ### Delphinus Projects Updates
20
-
21
- None
22
-
23
-
24
-
25
- ## 0.23.25 (March 14, 2022)
26
-
27
- ### Core Delphinus Updates
28
- Fixes icon size in `.nav__item--icon` so that the icon is only large, when used in `.nav__utilities`. Otherwise, the icon has the same size as the text.
29
-
30
- ### Delphinus Projects Updates
31
-
32
- #### Mit Studie
33
- Fixes rendering issue in Chrome, where the missing exam component could have 1px line on the left.
34
-
35
-
36
-
37
-
38
- ## 0.23.24 (February 24, 2022)
39
-
40
- ### Core Delphinus Updates
41
- None
42
-
43
- ### Delphinus Projects Updates
44
-
45
- #### Typo3
46
- Adds support for the HTML content element type in news.
47
-
48
-
49
-
50
- ## 0.23.23 (February 23, 2022)
51
-
52
- ### Core Delphinus Updates
53
- None
54
-
55
- ### Delphinus Projects Updates
56
-
57
- #### Typo3
58
- Fixes alignment when using content element headers and subheader in news.
59
-
60
-
61
-
62
- ## 0.23.22 (February 15, 2022)
63
-
64
- Don't use has bugs.
65
-
66
-
67
-
68
- ## 0.23.21 (February 14, 2022)
69
-
70
- ### Core Delphinus Updates
71
- None
72
-
73
- ### Delphinus Projects Updates
74
-
75
- #### Typo3
76
- Support news using content elements in other layouts, than full width layouts.
77
-
78
-
79
-
80
-
81
-
82
- ## 0.23.20 (February 10, 2022)
83
-
84
- ### Core Delphinus Updates
85
- Improved design for skip-to-content accessibility-link.
86
-
87
- ### Delphinus Projects Updates
88
- None
89
-
90
-
91
-
92
- ## 0.23.19 (February 8, 2022)
93
-
94
- ### Core Delphinus Updates
95
- None
96
-
97
- ### Delphinus Projects Updates
98
-
99
- #### Typo3
100
- * Prevents pseudo element in news figures from being z-indexed above the image.
101
- * Allows images in one column galleries in content elements to be less wide, than the text and makes the caption follow the width of the image.
102
-
103
-
104
-
105
- ## 0.23.18 (February 7, 2022)
106
-
107
- ### Core Delphinus Updates
108
- `.typography-dense` now supports headings, blockquotes, lists and hr.
109
-
110
- ### Delphinus Projects Updates
111
- None
112
-
113
-
114
-
115
- ## 0.23.17 (February 7, 2022)
116
-
117
- ### Core Delphinus Updates
118
- When you have a list of links (`ul` or `ol`) you can skip the underlining of the links for visual clarity by adding class `.list--links` to the list.
119
-
120
- ### Delphinus Projects Updates
121
-
122
- #### Typo3
123
- * New icons on infobox in news.
124
- * Allow tables to be wider than text when using content elements.
125
-
126
-
127
- ## 0.23.16 (February 4, 2022)
128
-
129
- ### Core Delphinus Updates
130
- None
131
-
132
- ### Delphinus Projects Updates
133
-
134
- #### Typo3
135
- Prevent news hero images from stretching, when not as wide as the page. And prevent hero image from being of a wider aspect ratio than 16:9 in narrow viewports (cropped on sides).
136
-
137
- Loads of stuff for supporting news using content elements:
138
- * Center aligned text in articles
139
- * Floated images and video (above the medium breakpoint)
140
- * Multicolumn image galleries (above the medium breakpoint)
141
- * Infobox (collapsed and with an expand-toggle in narrow viewports)
142
-
143
-
144
-
145
- ## 0.23.15 (January 28, 2022)
146
-
147
- ### Core Delphinus Updates
148
- * Prevent site logo from hanging, when there is no other content (no site name) in the header home link.
149
- * Fix processing state of buttons that use the utility-button mixin, before this fix the spinner was in the same color, as the button background and therefore hard to see, also button text was still showing.
150
-
151
- ### Delphinus Projects Updates
152
- None
153
-
154
-
155
-
156
- ## 0.23.14 (January 21, 2022)
157
-
158
- ### Core Delphinus Updates
159
- Fixes styling of links in an `.empty-state` component.
160
-
161
- ### Delphinus Projects Updates
162
- None
163
-
164
-
165
- ## 0.23.13 (January 20, 2022)
166
-
167
- ### Core Delphinus Updates
168
- * Support for nesting in `ul`, `ol` lists.
169
- * Introduces `utility-shadow` color for setting shadows on buttons etc. in elements that has a utility color as background.
170
-
171
- ### Delphinus Projects Updates
172
-
173
- #### Bachelor applications
174
- Removes custom strike-through in annulled application titles. Back to `text-decoration: line-through` in order to support multiline titles.
175
-
176
-
177
-
178
- ## 0.23.12 (January 12, 2022)
179
-
180
- ### Core Delphinus Updates
181
- None
182
-
183
- ### Delphinus Projects Updates
184
- #### TYPO3-project
185
-
186
- * Adds styling for table, pre and hr tags in news content.
187
- * Fixes rendering of custom bullets in news content.
188
-
189
-
190
- ## 0.23.11 (January 12, 2022)
191
- Don't use, has bug in typo3-project.
192
-
193
-
194
- ## 0.23.10 (January 12, 2022)
195
- Don't use, has bug in typo3-project.
196
-
197
-
198
- ## 0.23.9 (January 12, 2022)
199
-
200
- ### Core Delphinus Updates
201
-
202
- Fixes foreground-color for elements with "theme" and "theme-secondary" as background-color, that could otherwise have too low contrast in dark themes.
203
-
204
- ### Delphinus Projects Updates
205
- #### TYPO3-project
206
-
207
- * Adjusts vertical gutters in the .typo3-delphinus wrapper for various layout templates, to be in line with Delphinus vertical gutter.
208
- * Adjusts horizontal gutters for typo3 sites that are "framed" on wide screens (.universe, .omnibus, .aarhus-bss).
209
- * Various styling fixes for omnibus: Font rendering on headers, link underlining.
210
-
211
-
212
- ## 0.23.8 (December 22, 2021)
213
-
214
- Adds README-file to project.
215
-
216
- ## 0.23.7 (December 22, 2021)
217
-
218
- Adds .typography-dense class for less spacious typography. Currently only adds less vertical margin to p-tags.
219
-
220
- ## 0.23.6 (December 14, 2021)
221
-
222
- Adds compiled versions of css and js for typo3-project to npm-package.
223
-
224
-
225
- ## 0.23.5 (November 11, 2021)
226
-
227
- Release containing a lot of new stuff for minansøgning.au.dk: https://delphinus.au.dk/projects/bachelor-applications/
228
-
229
- ### New features and components in core Delphinus
230
-
231
- * Header-callout: Put messages directly below the page header. Less real-estate consuming than using .notfication in a .page__content__block: https://delphinus.au.dk/components/header-callout.html
232
- * Large bullet lists: https://delphinus.au.dk/components/large-bullets.html
233
- * List for highlighting a list of facts or figures: https://delphinus.au.dk/components/fact-list.html
234
- * Better, easier center alignment of content in a .page__content__block. E.g. used here: https://delphinus.au.dk/projects/bachelor-applications/receipt-accepted.html
235
- * Page content can snap to content above. See this link, previously there would have been whitespace between the header and the first .page__content__block in the content: https://delphinus.au.dk/projects/bachelor-applications/applications-overview.html
236
- * Collapse content into tabs in narrow viewports: https://delphinus.au.dk/components/tabbed-content.html
237
- * Impersonation and simplar stuff for testing-purposes can be put away in a collapsible-panel above the header: https://delphinus.au.dk/projects/bachelor-applications/impersonation-form.html
1
+ ## 0.26.1 (May 23, 2022)
2
+
3
+ ### Core Delphinus Updates
4
+ * Moved types folder to root and added missing package.json for automatic type recognition in other projects.
5
+
6
+ ### Delphinus Projects Updates
7
+ None
8
+
9
+
10
+
11
+ ## 0.26.0 (May 23, 2022)
12
+
13
+ ### Core Delphinus Updates
14
+ * Added support for Typescript and converted existing scripts to Typescript.
15
+
16
+ ### Delphinus Projects Updates
17
+ None
18
+
19
+
20
+
21
+ ## 0.25.0 (May 19, 2022)
22
+
23
+ ### Core Delphinus Updates
24
+ * Added stepper component <https://delphinus.au.dk/components/stepper>.
25
+ * Fix missing red border on invalid checkbox and radiobutton input.
26
+
27
+ ### Delphinus Projects Updates
28
+ None
29
+
30
+
31
+
32
+ ## 0.24.1 (April 21, 2022)
33
+
34
+ ### Core Delphinus Updates
35
+ None
36
+
37
+ ### Delphinus Projects Updates
38
+
39
+ #### Typo3
40
+ Adds overwrite for all default content elements style in typo3 v10.
41
+
42
+
43
+
44
+ ## 0.24.0 (March 29, 2022)
45
+
46
+ ### Core Delphinus Updates
47
+ * `.hr--page-content-block-seperator` modifier for adding equal space above an below a `hr` that is the first or last element of a content block.
48
+ * `.page__footer--only-logo-and-seal`modifier for when the footer should only contain the logo and seal.
49
+
50
+ ### Delphinus Projects Updates
51
+
52
+ None
53
+
54
+
55
+
56
+ ## 0.23.25 (March 14, 2022)
57
+
58
+ ### Core Delphinus Updates
59
+ Fixes icon size in `.nav__item--icon` so that the icon is only large, when used in `.nav__utilities`. Otherwise, the icon has the same size as the text.
60
+
61
+ ### Delphinus Projects Updates
62
+
63
+ #### Mit Studie
64
+ Fixes rendering issue in Chrome, where the missing exam component could have 1px line on the left.
65
+
66
+
67
+
68
+
69
+ ## 0.23.24 (February 24, 2022)
70
+
71
+ ### Core Delphinus Updates
72
+ None
73
+
74
+ ### Delphinus Projects Updates
75
+
76
+ #### Typo3
77
+ Adds support for the HTML content element type in news.
78
+
79
+
80
+
81
+ ## 0.23.23 (February 23, 2022)
82
+
83
+ ### Core Delphinus Updates
84
+ None
85
+
86
+ ### Delphinus Projects Updates
87
+
88
+ #### Typo3
89
+ Fixes alignment when using content element headers and subheader in news.
90
+
91
+
92
+
93
+ ## 0.23.22 (February 15, 2022)
94
+
95
+ Don't use has bugs.
96
+
97
+
98
+
99
+ ## 0.23.21 (February 14, 2022)
100
+
101
+ ### Core Delphinus Updates
102
+ None
103
+
104
+ ### Delphinus Projects Updates
105
+
106
+ #### Typo3
107
+ Support news using content elements in other layouts, than full width layouts.
108
+
109
+
110
+
111
+
112
+
113
+ ## 0.23.20 (February 10, 2022)
114
+
115
+ ### Core Delphinus Updates
116
+ Improved design for skip-to-content accessibility-link.
117
+
118
+ ### Delphinus Projects Updates
119
+ None
120
+
121
+
122
+
123
+ ## 0.23.19 (February 8, 2022)
124
+
125
+ ### Core Delphinus Updates
126
+ None
127
+
128
+ ### Delphinus Projects Updates
129
+
130
+ #### Typo3
131
+ * Prevents pseudo element in news figures from being z-indexed above the image.
132
+ * Allows images in one column galleries in content elements to be less wide, than the text and makes the caption follow the width of the image.
133
+
134
+
135
+
136
+ ## 0.23.18 (February 7, 2022)
137
+
138
+ ### Core Delphinus Updates
139
+ `.typography-dense` now supports headings, blockquotes, lists and hr.
140
+
141
+ ### Delphinus Projects Updates
142
+ None
143
+
144
+
145
+
146
+ ## 0.23.17 (February 7, 2022)
147
+
148
+ ### Core Delphinus Updates
149
+ When you have a list of links (`ul` or `ol`) you can skip the underlining of the links for visual clarity by adding class `.list--links` to the list.
150
+
151
+ ### Delphinus Projects Updates
152
+
153
+ #### Typo3
154
+ * New icons on infobox in news.
155
+ * Allow tables to be wider than text when using content elements.
156
+
157
+
158
+ ## 0.23.16 (February 4, 2022)
159
+
160
+ ### Core Delphinus Updates
161
+ None
162
+
163
+ ### Delphinus Projects Updates
164
+
165
+ #### Typo3
166
+ Prevent news hero images from stretching, when not as wide as the page. And prevent hero image from being of a wider aspect ratio than 16:9 in narrow viewports (cropped on sides).
167
+
168
+ Loads of stuff for supporting news using content elements:
169
+ * Center aligned text in articles
170
+ * Floated images and video (above the medium breakpoint)
171
+ * Multicolumn image galleries (above the medium breakpoint)
172
+ * Infobox (collapsed and with an expand-toggle in narrow viewports)
173
+
174
+
175
+
176
+ ## 0.23.15 (January 28, 2022)
177
+
178
+ ### Core Delphinus Updates
179
+ * Prevent site logo from hanging, when there is no other content (no site name) in the header home link.
180
+ * Fix processing state of buttons that use the utility-button mixin, before this fix the spinner was in the same color, as the button background and therefore hard to see, also button text was still showing.
181
+
182
+ ### Delphinus Projects Updates
183
+ None
184
+
185
+
186
+
187
+ ## 0.23.14 (January 21, 2022)
188
+
189
+ ### Core Delphinus Updates
190
+ Fixes styling of links in an `.empty-state` component.
191
+
192
+ ### Delphinus Projects Updates
193
+ None
194
+
195
+
196
+ ## 0.23.13 (January 20, 2022)
197
+
198
+ ### Core Delphinus Updates
199
+ * Support for nesting in `ul`, `ol` lists.
200
+ * Introduces `utility-shadow` color for setting shadows on buttons etc. in elements that has a utility color as background.
201
+
202
+ ### Delphinus Projects Updates
203
+
204
+ #### Bachelor applications
205
+ Removes custom strike-through in annulled application titles. Back to `text-decoration: line-through` in order to support multiline titles.
206
+
207
+
208
+
209
+ ## 0.23.12 (January 12, 2022)
210
+
211
+ ### Core Delphinus Updates
212
+ None
213
+
214
+ ### Delphinus Projects Updates
215
+ #### TYPO3-project
216
+
217
+ * Adds styling for table, pre and hr tags in news content.
218
+ * Fixes rendering of custom bullets in news content.
219
+
220
+
221
+ ## 0.23.11 (January 12, 2022)
222
+ Don't use, has bug in typo3-project.
223
+
224
+
225
+ ## 0.23.10 (January 12, 2022)
226
+ Don't use, has bug in typo3-project.
227
+
228
+
229
+ ## 0.23.9 (January 12, 2022)
230
+
231
+ ### Core Delphinus Updates
232
+
233
+ Fixes foreground-color for elements with "theme" and "theme-secondary" as background-color, that could otherwise have too low contrast in dark themes.
234
+
235
+ ### Delphinus Projects Updates
236
+ #### TYPO3-project
237
+
238
+ * Adjusts vertical gutters in the .typo3-delphinus wrapper for various layout templates, to be in line with Delphinus vertical gutter.
239
+ * Adjusts horizontal gutters for typo3 sites that are "framed" on wide screens (.universe, .omnibus, .aarhus-bss).
240
+ * Various styling fixes for omnibus: Font rendering on headers, link underlining.
241
+
242
+
243
+ ## 0.23.8 (December 22, 2021)
244
+
245
+ Adds README-file to project.
246
+
247
+ ## 0.23.7 (December 22, 2021)
248
+
249
+ Adds .typography-dense class for less spacious typography. Currently only adds less vertical margin to p-tags.
250
+
251
+ ## 0.23.6 (December 14, 2021)
252
+
253
+ Adds compiled versions of css and js for typo3-project to npm-package.
254
+
255
+
256
+ ## 0.23.5 (November 11, 2021)
257
+
258
+ Release containing a lot of new stuff for minansøgning.au.dk: https://delphinus.au.dk/projects/bachelor-applications/
259
+
260
+ ### New features and components in core Delphinus
261
+
262
+ * Header-callout: Put messages directly below the page header. Less real-estate consuming than using .notfication in a .page__content__block: https://delphinus.au.dk/components/header-callout.html
263
+ * Large bullet lists: https://delphinus.au.dk/components/large-bullets.html
264
+ * List for highlighting a list of facts or figures: https://delphinus.au.dk/components/fact-list.html
265
+ * Better, easier center alignment of content in a .page__content__block. E.g. used here: https://delphinus.au.dk/projects/bachelor-applications/receipt-accepted.html
266
+ * Page content can snap to content above. See this link, previously there would have been whitespace between the header and the first .page__content__block in the content: https://delphinus.au.dk/projects/bachelor-applications/applications-overview.html
267
+ * Collapse content into tabs in narrow viewports: https://delphinus.au.dk/components/tabbed-content.html
268
+ * Impersonation and simplar stuff for testing-purposes can be put away in a collapsible-panel above the header: https://delphinus.au.dk/projects/bachelor-applications/impersonation-form.html