@aarhus-university/au-designsystem-delphinus 0.34.4 → 0.34.6

package/CHANGELOG.md

@@ -1,8 +1,29 @@
+## 0.34.6 (January 20, 2022)
+
+### Core Delphinus Updates
+* Removes top/bottom margin of first/last child in Cards.
+* Adds Figma Tokens for dense paragraph spacing.
+* Fixes issue in `.horizontal-scroll--no-overflow` where content was squashed on wider screens.
+
+### Delphinus Projects Updates
+#### Typo3
+Adds processing-state and forms styling. But is not yet modified to work fully within the .typo3-delphinus wrapper.
+
+## 0.34.5 (January 18, 2022)
+
+### Core Delphinus Updates
+* Adjust padding on normal and large buttons
+* Figma Tokens updated to include fifth font size introduced in 0.34.0
+
+### Delphinus Projects Updates
+None
+
+
 ## 0.34.4 (January 17, 2022)
 
 ### Core Delphinus Updates
 * Fix gap in [copy-to-clipboard](https://delphinus.au.dk/components/copy-to-clipboard) hover hint and confirmation message, due to subpixel rendering.
-* Fix center alignment of content in `input[type="date"]` on iOS. Is now right aligned like all other browsers.
+* Fix center alignment of content in `input[type="date"]` on iOS. Is now left aligned like all other browsers.
 
 ### Delphinus Projects Updates
 None
@@ -65,13 +86,13 @@ This is the **biggest** Delphinus update yet! Enjoy!
 #### Mit Studie
 Fixed timetable style for new `.horizontal-scroll` markup and style.
 
-### Typo3
+#### Typo3
 * Adds support for using delphinus `.page` layout in Typo3.
 * Adds fixes for using Cards and Horizontal scroll components inside Typo3
 * Added initial styling and markup for [employee profiles](https://delphinus.au.dk/projects/typo3/employee-profiles/).
 * Moved news and events demo pages to subdirectory.
 
-### Course catalogue
+#### Course catalogue
 Adds [the project](https://delphinus.au.dk/projects/course-catalogue/)
 
 

package/Gruntfile.js

@@ -80,7 +80,7 @@ module.exports = (grunt) => {
         tasks: ['sass', 'cleanempty'],
       },
       pug: {
-        files: ['source/**/*.pug'],
+        files: ['source/**/*.pug', 'CHANGELOG.md'],
         tasks: ['pug', 'cleanempty'],
       },
       copy: {

package/build/changelog.html

@@ -17,11 +17,29 @@ a(href="/components" class= active_nav_item=="components" ? "nav__item--active"
 a(href="/atom-fonts.html" class= active_nav_item=="atoms" ? "nav__item--active" : "").nav__item Atoms
 a(href="/code.html" class= active_nav_item=="code" ? "nav__item--active" : "").nav__item Code
 a(href="/projects" class= active_nav_item=="projects" ? "nav__item--active" : "").nav__item Projects
-a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.4 (January 17, 2022)</h2>
+a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--active" : "").nav__item Changelog--><!--button(title="Show full menu" aria-label="Show full menu" aria-haspopup="true" aria-expanded="false" aria-controls="nav-items-global").nav__toggle Menu--></div></nav></header><main class="page__content theme--normal" id="content"><div class="page__content__block"><h1> <strong>Changelog</strong></h1><div class="changelog"><h2>0.34.6 (January 20, 2022)</h2>
+<h3>Core Delphinus Updates</h3>
+<ul>
+<li>Removes top/bottom margin of first/last child in Cards.</li>
+<li>Adds Figma Tokens for dense paragraph spacing.</li>
+<li>Fixes issue in <code>.horizontal-scroll--no-overflow</code> where content was squashed on wider screens.</li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<h4>Typo3</h4>
+<p>Adds processing-state and forms styling. But is not yet modified to work fully within the .typo3-delphinus wrapper.</p>
+<h2>0.34.5 (January 18, 2022)</h2>
+<h3>Core Delphinus Updates</h3>
+<ul>
+<li>Adjust padding on normal and large buttons</li>
+<li>Figma Tokens updated to include fifth font size introduced in 0.34.0</li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<p>None</p>
+<h2>0.34.4 (January 17, 2022)</h2>
 <h3>Core Delphinus Updates</h3>
 <ul>
 <li>Fix gap in <a href="https://delphinus.au.dk/components/copy-to-clipboard">copy-to-clipboard</a> hover hint and confirmation message, due to subpixel rendering.</li>
-<li>Fix center alignment of content in <code>input[type=&quot;date&quot;]</code> on iOS. Is now right aligned like all other browsers.</li>
+<li>Fix center alignment of content in <code>input[type=&quot;date&quot;]</code> on iOS. Is now left aligned like all other browsers.</li>
 </ul>
 <h3>Delphinus Projects Updates</h3>
 <p>None</p>
@@ -71,14 +89,14 @@ a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--activ
 <h3>Delphinus Projects Updates</h3>
 <h4>Mit Studie</h4>
 <p>Fixed timetable style for new <code>.horizontal-scroll</code> markup and style.</p>
-<h3>Typo3</h3>
+<h4>Typo3</h4>
 <ul>
 <li>Adds support for using delphinus <code>.page</code> layout in Typo3.</li>
 <li>Adds fixes for using Cards and Horizontal scroll components inside Typo3</li>
 <li>Added initial styling and markup for <a href="https://delphinus.au.dk/projects/typo3/employee-profiles/">employee profiles</a>.</li>
 <li>Moved news and events demo pages to subdirectory.</li>
 </ul>
-<h3>Course catalogue</h3>
+<h4>Course catalogue</h4>
 <p>Adds <a href="https://delphinus.au.dk/projects/course-catalogue/">the project</a></p>
 <h2>0.33.4 (December 15, 2022)</h2>
 <h3>Core Delphinus Updates</h3>

package/build/figma-tokens/breakpoint-styles.json

@@ -44,6 +44,12 @@
 					"value": "Solid",
 					"type": "fontWeights"
 				}
+			},
+			"Peto": {
+				"Regular": {
+					"value": "Regular",
+					"type": "fontWeights"
+				}
 			}
 		},
 		"textCases": {
@@ -67,6 +73,10 @@
 				"value": "$spacingSizes.Minus1",
 				"type": "paragraphSpacing"
 			},
+			"Dense": {
+				"value": "$spacingSizes.Minus5",
+				"type": "paragraphSpacing"
+			},
 			"None": {
 				"value": "0",
 				"type": "paragraphSpacing"
@@ -93,6 +103,10 @@
 				"value": "$fontSizes.Default * $lineWidthSizes.Default",
 				"type": "sizing"
 			},
+			"Large": {
+				"value": "$fontSizes.Large * $lineWidthSizes.Default",
+				"type": "sizing"
+			},
 			"Larger": {
 				"value": "$fontSizes.Larger * $lineWidthSizes.Default",
 				"type": "sizing"
@@ -186,6 +200,34 @@
 				},
 				"type": "typography",
 				"description": "Use this lineheight for paragraphs"
+			},
+			"Regular, single line, dense": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata",
+					"fontWeight": "$fontWeights.Regular",
+					"lineHeight": "$lineHieghts.Singleline.Default",
+					"fontSize": "$fontSizes.Default",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Dense",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for labels and headings"
+			},
+			"Regular, multiple lines, dense": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata",
+					"fontWeight": "$fontWeights.Regular",
+					"lineHeight": "$lineHieghts.Multiline.Default",
+					"fontSize": "$fontSizes.Default",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Dense",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for paragraphs"
 			}
 		},
 		"Small": {
@@ -260,6 +302,92 @@
 				"description": "Use this lineheight for labels and headings"
 			}
 		},
+		"Large": {
+			"Regular, single line": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata",
+					"fontWeight": "$fontWeights.Regular",
+					"lineHeight": "$lineHieghts.Singleline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Default",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for labels and headings"
+			},
+			"Regular, multiple lines": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata",
+					"fontWeight": "$fontWeights.Regular",
+					"lineHeight": "$lineHieghts.Multiline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Default",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for paragraphs"
+			},
+			"Bold, single line": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata",
+					"fontWeight": "$fontWeights.Bold",
+					"lineHeight": "$lineHieghts.Singleline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Default",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for labels and headings"
+			},
+			"Bold, multiple lines": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata",
+					"fontWeight": "$fontWeights.Bold",
+					"lineHeight": "$lineHieghts.Multiline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Default",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for paragraphs"
+			},
+			"Light, single line": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata-light",
+					"fontWeight": "$fontWeights.Light",
+					"lineHeight": "$lineHieghts.Singleline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Default",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for labels and headings"
+			},
+			"Light, multiple lines": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-passata-light",
+					"fontWeight": "$fontWeights.Light",
+					"lineHeight": "$lineHieghts.Multiline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.Default",
+					"textDecoration": "$textDecorations.None",
+					"textCase": "$textCases.None"
+				},
+				"type": "typography",
+				"description": "Use this lineheight for paragraphs"
+			}
+		},
 		"Larger": {
 			"Regular, single line": {
 				"value": {
@@ -436,7 +564,7 @@
 			"Default": {
 				"value": {
 					"fontFamily": "$fontFamilies.au-peto",
-					"fontWeight": "$fontWeights.Regular",
+					"fontWeight": "$fontWeights.Peto.Regular",
 					"lineHeight": "$fontSizes.Default",
 					"fontSize": "$fontSizes.Default",
 					"letterSpacing": "$letterSpacings.Default",
@@ -449,7 +577,7 @@
 			"Small": {
 				"value": {
 					"fontFamily": "$fontFamilies.au-peto",
-					"fontWeight": "$fontWeights.Regular",
+					"fontWeight": "$fontWeights.Peto.Regular",
 					"lineHeight": "$fontSizes.Small",
 					"fontSize": "$fontSizes.Small",
 					"letterSpacing": "$letterSpacings.Default",
@@ -459,10 +587,23 @@
 				},
 				"type": "typography"
 			},
+			"Large": {
+				"value": {
+					"fontFamily": "$fontFamilies.au-peto",
+					"fontWeight": "$fontWeights.Peto.Regular",
+					"lineHeight": "$fontSizes.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.None",
+					"textCase": "$textCases.None",
+					"textDecoration": "$textDecorations.None"
+				},
+				"type": "typography"
+			},
 			"Larger": {
 				"value": {
 					"fontFamily": "$fontFamilies.au-peto",
-					"fontWeight": "$fontWeights.Regular",
+					"fontWeight": "$fontWeights.Peto.Regular",
 					"lineHeight": "$fontSizes.Larger",
 					"fontSize": "$fontSizes.Larger",
 					"letterSpacing": "$letterSpacings.Default",
@@ -475,7 +616,7 @@
 			"Largest": {
 				"value": {
 					"fontFamily": "$fontFamilies.au-peto",
-					"fontWeight": "$fontWeights.Regular",
+					"fontWeight": "$fontWeights.Peto.Regular",
 					"lineHeight": "$fontSizes.Largest",
 					"fontSize": "$fontSizes.Largest",
 					"letterSpacing": "$letterSpacings.Default",
@@ -515,6 +656,20 @@
 				"type": "typography",
 				"description": "This is the default icon weight, use this except when the icon is an interactive element that is active. Then use the solid weight icon."
 			},
+			"Large": {
+				"value": {
+					"fontFamily": "$fontFamilies.font-awesome-5-pro",
+					"fontWeight": "$fontWeights.FontAwesome.Light",
+					"lineHeight": "$lineHieghts.Singleline.Large",
+					"fontSize": "$fontSizes.Large",
+					"letterSpacing": "$letterSpacings.Default",
+					"paragraphSpacing": "$paragraphSpacings.None",
+					"textCase": "$textCases.None",
+					"textDecoration": "$textDecorations.None"
+				},
+				"type": "typography",
+				"description": "This is the default icon weight, use this except when the icon is an interactive element that is active. Then use the solid weight icon."
+			},
 			"Larger": {
 				"value": {
 					"fontFamily": "$fontFamilies.font-awesome-5-pro",
@@ -572,6 +727,20 @@
 					"type": "typography",
 					"description": "Use this icon weight ONLY when the icon is an interactive element, that is active."
 				},
+				"Large": {
+					"value": {
+						"fontFamily": "$fontFamilies.font-awesome-5-pro",
+						"fontWeight": "$fontWeights.FontAwesome.Solid",
+						"lineHeight": "$lineHieghts.Singleline.Large",
+						"fontSize": "$fontSizes.Large",
+						"letterSpacing": "$letterSpacings.Default",
+						"paragraphSpacing": "$paragraphSpacings.None",
+						"textCase": "$textCases.None",
+						"textDecoration": "$textDecorations.None"
+					},
+					"type": "typography",
+					"description": "Use this icon weight ONLY when the icon is an interactive element, that is active."
+				},
 				"Larger": {
 					"value": {
 						"fontFamily": "$fontFamilies.font-awesome-5-pro",
@@ -630,6 +799,20 @@
 					"type": "typography",
 					"description": "This is the default icon weight, use this except when the icon is an interactive element that is active. Then use the solid weight icon."
 				},
+				"Large": {
+					"value": {
+						"fontFamily": "$fontFamilies.font-awesome-5-pro",
+						"fontWeight": "$fontWeights.FontAwesome.Light",
+						"lineHeight": "$fontSizes.Large",
+						"fontSize": "$fontSizes.Large",
+						"letterSpacing": "$letterSpacings.Default",
+						"paragraphSpacing": "$paragraphSpacings.None",
+						"textCase": "$textCases.None",
+						"textDecoration": "$textDecorations.None"
+					},
+					"type": "typography",
+					"description": "This is the default icon weight, use this except when the icon is an interactive element that is active. Then use the solid weight icon."
+				},
 				"Larger": {
 					"value": {
 						"fontFamily": "$fontFamilies.font-awesome-5-pro",
@@ -687,6 +870,20 @@
 						"type": "typography",
 						"description": "Use this icon weight ONLY when the icon is an interactive element, that is active."
 					},
+					"Large": {
+						"value": {
+							"fontFamily": "$fontFamilies.font-awesome-5-pro",
+							"fontWeight": "$fontWeights.FontAwesome.Solid",
+							"lineHeight": "$fontSizes.Large",
+							"fontSize": "$fontSizes.Large",
+							"letterSpacing": "$letterSpacings.Default",
+							"paragraphSpacing": "$paragraphSpacings.None",
+							"textCase": "$textCases.None",
+							"textDecoration": "$textDecorations.None"
+						},
+						"type": "typography",
+						"description": "Use this icon weight ONLY when the icon is an interactive element, that is active."
+					},
 					"Larger": {
 						"value": {
 							"fontFamily": "$fontFamilies.font-awesome-5-pro",
@@ -729,13 +926,17 @@
 				"value": "17",
 				"type": "fontSizes"
 			},
-			"Larger": {
+			"Large": {
 				"value": "21",
 				"type": "fontSizes"
 			},
-			"Largest": {
+			"Larger": {
 				"value": "27",
 				"type": "fontSizes"
+			},
+			"Largest": {
+				"value": "34",
+				"type": "fontSizes"
 			}
 		},
 		"lineHieghts": {
@@ -748,13 +949,17 @@
 					"value": "24",
 					"type": "lineHeights"
 				},
-				"Larger": {
+				"Large": {
 					"value": "28",
 					"type": "lineHeights"
 				},
-				"Largest": {
+				"Larger": {
 					"value": "34",
 					"type": "lineHeights"
+				},
+				"Largest": {
+					"value": "42",
+					"type": "lineHeights"
 				}
 			},
 			"Multiline": {
@@ -766,13 +971,17 @@
 					"value": "30",
 					"type": "lineHeights"
 				},
-				"Larger": {
+				"Large": {
 					"value": "35",
 					"type": "lineHeights"
 				},
-				"Largest": {
+				"Larger": {
 					"value": "41",
 					"type": "lineHeights"
+				},
+				"Largest": {
+					"value": "49",
+					"type": "lineHeights"
 				}
 			}
 		},
@@ -829,13 +1038,17 @@
 				"value": "18",
 				"type": "fontSizes"
 			},
-			"Larger": {
+			"Large": {
 				"value": "24",
 				"type": "fontSizes"
 			},
-			"Largest": {
+			"Larger": {
 				"value": "33",
 				"type": "fontSizes"
+			},
+			"Largest": {
+				"value": "45",
+				"type": "fontSizes"
 			}
 		},
 		"lineHieghts": {
@@ -848,13 +1061,17 @@
 					"value": "25",
 					"type": "lineHeights"
 				},
-				"Larger": {
+				"Large": {
 					"value": "32",
 					"type": "lineHeights"
 				},
-				"Largest": {
+				"Larger": {
 					"value": "41",
 					"type": "lineHeights"
+				},
+				"Largest": {
+					"value": "55",
+					"type": "lineHeights"
 				}
 			},
 			"Multiline": {
@@ -866,13 +1083,17 @@
 					"value": "31",
 					"type": "lineHeights"
 				},
-				"Larger": {
+				"Large": {
 					"value": "38",
 					"type": "lineHeights"
 				},
-				"Largest": {
+				"Larger": {
 					"value": "48",
 					"type": "lineHeights"
+				},
+				"Largest": {
+					"value": "61",
+					"type": "lineHeights"
 				}
 			}
 		},