@aarhus-university/au-designsystem-delphinus 0.24.0 → 0.26.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 (416) hide show
  1. package/.eslintrc.js +35 -0
  2. package/CHANGELOG.md +258 -225
  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 -41
  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 -122
  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 -0
  198. package/source/projects/bachelor-applications/{error-page.pug → 502-error-page.pug} +14 -13
  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 -66
  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 -335
  308. package/source/projects/typo3/omnibus-article-content-elements2.pug +336 -0
  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 -0
  322. package/source/projects/typo3/style/_typo3-overwrites.scss +167 -149
  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 -134
  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/source/types/common/interfaces.d.ts +10 -0
  403. package/source/types/common/main.d.ts +2 -0
  404. package/tsconfig.json +43 -0
  405. package/webpack.config.js +75 -39
  406. package/.eslintrc +0 -19
  407. package/.git/logs/refs/heads/Changelog +0 -2
  408. package/.git/logs/refs/remotes/origin/Changelog +0 -2
  409. package/build/figma/figmatokens-all.json +0 -2157
  410. package/build/figma/figmatokens-global.json +0 -1698
  411. package/source/figma/figmatokens-all.json +0 -2157
  412. package/source/figma/figmatokens-global.json +0 -1698
  413. package/source/figma/figmatokens-turquoise.json +0 -364
  414. package/source/js/components/content-toggle.js +0 -44
  415. package/source/js/components/modal-view.js +0 -51
  416. package/source/projects/typo3/style/type3-content-elements-default.css +0 -83
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,225 +1,258 @@
1
- ## 0.24.0 (March 29, 2022)
2
-
3
- ### Core Delphinus Updates
4
- * `.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.
5
- * `.page__footer--only-logo-and-seal`modifier for when the footer should only contain the logo and seal.
6
-
7
- ### Delphinus Projects Updates
8
-
9
- None
10
-
11
-
12
-
13
- ## 0.23.25 (March 14, 2022)
14
-
15
- ### Core Delphinus Updates
16
- 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.
17
-
18
- ### Delphinus Projects Updates
19
-
20
- #### Mit Studie
21
- Fixes rendering issue in Chrome, where the missing exam component could have 1px line on the left.
22
-
23
-
24
-
25
-
26
- ## 0.23.24 (February 24, 2022)
27
-
28
- ### Core Delphinus Updates
29
- None
30
-
31
- ### Delphinus Projects Updates
32
-
33
- #### Typo3
34
- Adds support for the HTML content element type in news.
35
-
36
-
37
-
38
- ## 0.23.23 (February 23, 2022)
39
-
40
- ### Core Delphinus Updates
41
- None
42
-
43
- ### Delphinus Projects Updates
44
-
45
- #### Typo3
46
- Fixes alignment when using content element headers and subheader in news.
47
-
48
-
49
-
50
- ## 0.23.22 (February 15, 2022)
51
-
52
- Don't use has bugs.
53
-
54
-
55
-
56
- ## 0.23.21 (February 14, 2022)
57
-
58
- ### Core Delphinus Updates
59
- None
60
-
61
- ### Delphinus Projects Updates
62
-
63
- #### Typo3
64
- Support news using content elements in other layouts, than full width layouts.
65
-
66
-
67
-
68
-
69
-
70
- ## 0.23.20 (February 10, 2022)
71
-
72
- ### Core Delphinus Updates
73
- Improved design for skip-to-content accessibility-link.
74
-
75
- ### Delphinus Projects Updates
76
- None
77
-
78
-
79
-
80
- ## 0.23.19 (February 8, 2022)
81
-
82
- ### Core Delphinus Updates
83
- None
84
-
85
- ### Delphinus Projects Updates
86
-
87
- #### Typo3
88
- * Prevents pseudo element in news figures from being z-indexed above the image.
89
- * 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.
90
-
91
-
92
-
93
- ## 0.23.18 (February 7, 2022)
94
-
95
- ### Core Delphinus Updates
96
- `.typography-dense` now supports headings, blockquotes, lists and hr.
97
-
98
- ### Delphinus Projects Updates
99
- None
100
-
101
-
102
-
103
- ## 0.23.17 (February 7, 2022)
104
-
105
- ### Core Delphinus Updates
106
- 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.
107
-
108
- ### Delphinus Projects Updates
109
-
110
- #### Typo3
111
- * New icons on infobox in news.
112
- * Allow tables to be wider than text when using content elements.
113
-
114
-
115
- ## 0.23.16 (February 4, 2022)
116
-
117
- ### Core Delphinus Updates
118
- None
119
-
120
- ### Delphinus Projects Updates
121
-
122
- #### Typo3
123
- 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).
124
-
125
- Loads of stuff for supporting news using content elements:
126
- * Center aligned text in articles
127
- * Floated images and video (above the medium breakpoint)
128
- * Multicolumn image galleries (above the medium breakpoint)
129
- * Infobox (collapsed and with an expand-toggle in narrow viewports)
130
-
131
-
132
-
133
- ## 0.23.15 (January 28, 2022)
134
-
135
- ### Core Delphinus Updates
136
- * Prevent site logo from hanging, when there is no other content (no site name) in the header home link.
137
- * 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.
138
-
139
- ### Delphinus Projects Updates
140
- None
141
-
142
-
143
-
144
- ## 0.23.14 (January 21, 2022)
145
-
146
- ### Core Delphinus Updates
147
- Fixes styling of links in an `.empty-state` component.
148
-
149
- ### Delphinus Projects Updates
150
- None
151
-
152
-
153
- ## 0.23.13 (January 20, 2022)
154
-
155
- ### Core Delphinus Updates
156
- * Support for nesting in `ul`, `ol` lists.
157
- * Introduces `utility-shadow` color for setting shadows on buttons etc. in elements that has a utility color as background.
158
-
159
- ### Delphinus Projects Updates
160
-
161
- #### Bachelor applications
162
- Removes custom strike-through in annulled application titles. Back to `text-decoration: line-through` in order to support multiline titles.
163
-
164
-
165
-
166
- ## 0.23.12 (January 12, 2022)
167
-
168
- ### Core Delphinus Updates
169
- None
170
-
171
- ### Delphinus Projects Updates
172
- #### TYPO3-project
173
-
174
- * Adds styling for table, pre and hr tags in news content.
175
- * Fixes rendering of custom bullets in news content.
176
-
177
-
178
- ## 0.23.11 (January 12, 2022)
179
- Don't use, has bug in typo3-project.
180
-
181
-
182
- ## 0.23.10 (January 12, 2022)
183
- Don't use, has bug in typo3-project.
184
-
185
-
186
- ## 0.23.9 (January 12, 2022)
187
-
188
- ### Core Delphinus Updates
189
-
190
- Fixes foreground-color for elements with "theme" and "theme-secondary" as background-color, that could otherwise have too low contrast in dark themes.
191
-
192
- ### Delphinus Projects Updates
193
- #### TYPO3-project
194
-
195
- * Adjusts vertical gutters in the .typo3-delphinus wrapper for various layout templates, to be in line with Delphinus vertical gutter.
196
- * Adjusts horizontal gutters for typo3 sites that are "framed" on wide screens (.universe, .omnibus, .aarhus-bss).
197
- * Various styling fixes for omnibus: Font rendering on headers, link underlining.
198
-
199
-
200
- ## 0.23.8 (December 22, 2021)
201
-
202
- Adds README-file to project.
203
-
204
- ## 0.23.7 (December 22, 2021)
205
-
206
- Adds .typography-dense class for less spacious typography. Currently only adds less vertical margin to p-tags.
207
-
208
- ## 0.23.6 (December 14, 2021)
209
-
210
- Adds compiled versions of css and js for typo3-project to npm-package.
211
-
212
-
213
- ## 0.23.5 (November 11, 2021)
214
-
215
- Release containing a lot of new stuff for minansøgning.au.dk: https://delphinus.au.dk/projects/bachelor-applications/
216
-
217
- ### New features and components in core Delphinus
218
-
219
- * 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
220
- * Large bullet lists: https://delphinus.au.dk/components/large-bullets.html
221
- * List for highlighting a list of facts or figures: https://delphinus.au.dk/components/fact-list.html
222
- * 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
223
- * 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
224
- * Collapse content into tabs in narrow viewports: https://delphinus.au.dk/components/tabbed-content.html
225
- * 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.0 (May 23, 2022)
2
+
3
+ ### Core Delphinus Updates
4
+ * Added support for Typescript and converted existing scripts to Typescript.
5
+
6
+ ### Delphinus Projects Updates
7
+ None
8
+
9
+
10
+
11
+ ## 0.25.0 (May 19, 2022)
12
+
13
+ ### Core Delphinus Updates
14
+ * Added stepper component <https://delphinus.au.dk/components/stepper>.
15
+ * Fix missing red border on invalid checkbox and radiobutton input.
16
+
17
+ ### Delphinus Projects Updates
18
+ None
19
+
20
+
21
+
22
+ ## 0.24.1 (April 21, 2022)
23
+
24
+ ### Core Delphinus Updates
25
+ None
26
+
27
+ ### Delphinus Projects Updates
28
+
29
+ #### Typo3
30
+ Adds overwrite for all default content elements style in typo3 v10.
31
+
32
+
33
+
34
+ ## 0.24.0 (March 29, 2022)
35
+
36
+ ### Core Delphinus Updates
37
+ * `.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.
38
+ * `.page__footer--only-logo-and-seal`modifier for when the footer should only contain the logo and seal.
39
+
40
+ ### Delphinus Projects Updates
41
+
42
+ None
43
+
44
+
45
+
46
+ ## 0.23.25 (March 14, 2022)
47
+
48
+ ### Core Delphinus Updates
49
+ 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.
50
+
51
+ ### Delphinus Projects Updates
52
+
53
+ #### Mit Studie
54
+ Fixes rendering issue in Chrome, where the missing exam component could have 1px line on the left.
55
+
56
+
57
+
58
+
59
+ ## 0.23.24 (February 24, 2022)
60
+
61
+ ### Core Delphinus Updates
62
+ None
63
+
64
+ ### Delphinus Projects Updates
65
+
66
+ #### Typo3
67
+ Adds support for the HTML content element type in news.
68
+
69
+
70
+
71
+ ## 0.23.23 (February 23, 2022)
72
+
73
+ ### Core Delphinus Updates
74
+ None
75
+
76
+ ### Delphinus Projects Updates
77
+
78
+ #### Typo3
79
+ Fixes alignment when using content element headers and subheader in news.
80
+
81
+
82
+
83
+ ## 0.23.22 (February 15, 2022)
84
+
85
+ Don't use has bugs.
86
+
87
+
88
+
89
+ ## 0.23.21 (February 14, 2022)
90
+
91
+ ### Core Delphinus Updates
92
+ None
93
+
94
+ ### Delphinus Projects Updates
95
+
96
+ #### Typo3
97
+ Support news using content elements in other layouts, than full width layouts.
98
+
99
+
100
+
101
+
102
+
103
+ ## 0.23.20 (February 10, 2022)
104
+
105
+ ### Core Delphinus Updates
106
+ Improved design for skip-to-content accessibility-link.
107
+
108
+ ### Delphinus Projects Updates
109
+ None
110
+
111
+
112
+
113
+ ## 0.23.19 (February 8, 2022)
114
+
115
+ ### Core Delphinus Updates
116
+ None
117
+
118
+ ### Delphinus Projects Updates
119
+
120
+ #### Typo3
121
+ * Prevents pseudo element in news figures from being z-indexed above the image.
122
+ * 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.
123
+
124
+
125
+
126
+ ## 0.23.18 (February 7, 2022)
127
+
128
+ ### Core Delphinus Updates
129
+ `.typography-dense` now supports headings, blockquotes, lists and hr.
130
+
131
+ ### Delphinus Projects Updates
132
+ None
133
+
134
+
135
+
136
+ ## 0.23.17 (February 7, 2022)
137
+
138
+ ### Core Delphinus Updates
139
+ 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.
140
+
141
+ ### Delphinus Projects Updates
142
+
143
+ #### Typo3
144
+ * New icons on infobox in news.
145
+ * Allow tables to be wider than text when using content elements.
146
+
147
+
148
+ ## 0.23.16 (February 4, 2022)
149
+
150
+ ### Core Delphinus Updates
151
+ None
152
+
153
+ ### Delphinus Projects Updates
154
+
155
+ #### Typo3
156
+ 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).
157
+
158
+ Loads of stuff for supporting news using content elements:
159
+ * Center aligned text in articles
160
+ * Floated images and video (above the medium breakpoint)
161
+ * Multicolumn image galleries (above the medium breakpoint)
162
+ * Infobox (collapsed and with an expand-toggle in narrow viewports)
163
+
164
+
165
+
166
+ ## 0.23.15 (January 28, 2022)
167
+
168
+ ### Core Delphinus Updates
169
+ * Prevent site logo from hanging, when there is no other content (no site name) in the header home link.
170
+ * 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.
171
+
172
+ ### Delphinus Projects Updates
173
+ None
174
+
175
+
176
+
177
+ ## 0.23.14 (January 21, 2022)
178
+
179
+ ### Core Delphinus Updates
180
+ Fixes styling of links in an `.empty-state` component.
181
+
182
+ ### Delphinus Projects Updates
183
+ None
184
+
185
+
186
+ ## 0.23.13 (January 20, 2022)
187
+
188
+ ### Core Delphinus Updates
189
+ * Support for nesting in `ul`, `ol` lists.
190
+ * Introduces `utility-shadow` color for setting shadows on buttons etc. in elements that has a utility color as background.
191
+
192
+ ### Delphinus Projects Updates
193
+
194
+ #### Bachelor applications
195
+ Removes custom strike-through in annulled application titles. Back to `text-decoration: line-through` in order to support multiline titles.
196
+
197
+
198
+
199
+ ## 0.23.12 (January 12, 2022)
200
+
201
+ ### Core Delphinus Updates
202
+ None
203
+
204
+ ### Delphinus Projects Updates
205
+ #### TYPO3-project
206
+
207
+ * Adds styling for table, pre and hr tags in news content.
208
+ * Fixes rendering of custom bullets in news content.
209
+
210
+
211
+ ## 0.23.11 (January 12, 2022)
212
+ Don't use, has bug in typo3-project.
213
+
214
+
215
+ ## 0.23.10 (January 12, 2022)
216
+ Don't use, has bug in typo3-project.
217
+
218
+
219
+ ## 0.23.9 (January 12, 2022)
220
+
221
+ ### Core Delphinus Updates
222
+
223
+ Fixes foreground-color for elements with "theme" and "theme-secondary" as background-color, that could otherwise have too low contrast in dark themes.
224
+
225
+ ### Delphinus Projects Updates
226
+ #### TYPO3-project
227
+
228
+ * Adjusts vertical gutters in the .typo3-delphinus wrapper for various layout templates, to be in line with Delphinus vertical gutter.
229
+ * Adjusts horizontal gutters for typo3 sites that are "framed" on wide screens (.universe, .omnibus, .aarhus-bss).
230
+ * Various styling fixes for omnibus: Font rendering on headers, link underlining.
231
+
232
+
233
+ ## 0.23.8 (December 22, 2021)
234
+
235
+ Adds README-file to project.
236
+
237
+ ## 0.23.7 (December 22, 2021)
238
+
239
+ Adds .typography-dense class for less spacious typography. Currently only adds less vertical margin to p-tags.
240
+
241
+ ## 0.23.6 (December 14, 2021)
242
+
243
+ Adds compiled versions of css and js for typo3-project to npm-package.
244
+
245
+
246
+ ## 0.23.5 (November 11, 2021)
247
+
248
+ Release containing a lot of new stuff for minansøgning.au.dk: https://delphinus.au.dk/projects/bachelor-applications/
249
+
250
+ ### New features and components in core Delphinus
251
+
252
+ * 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
253
+ * Large bullet lists: https://delphinus.au.dk/components/large-bullets.html
254
+ * List for highlighting a list of facts or figures: https://delphinus.au.dk/components/fact-list.html
255
+ * 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
256
+ * 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
257
+ * Collapse content into tabs in narrow viewports: https://delphinus.au.dk/components/tabbed-content.html
258
+ * 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