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

package/CHANGELOG.md

@@ -1,8 +1,18 @@
+## 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 +75,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/build/changelog.html

@@ -21,7 +21,7 @@ a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--activ
 <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 +71,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": {
@@ -93,6 +99,10 @@
 				"value": "$fontSizes.Default * $lineWidthSizes.Default",
 				"type": "sizing"
 			},
+			"Large": {
+				"value": "$fontSizes.Large * $lineWidthSizes.Default",
+				"type": "sizing"
+			},
 			"Larger": {
 				"value": "$fontSizes.Larger * $lineWidthSizes.Default",
 				"type": "sizing"
@@ -260,6 +270,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 +532,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 +545,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 +555,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 +584,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 +624,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 +695,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 +767,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 +838,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 +894,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 +917,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 +939,17 @@
 					"value": "30",
 					"type": "lineHeights"
 				},
-				"Larger": {
+				"Large": {
 					"value": "35",
 					"type": "lineHeights"
 				},
-				"Largest": {
+				"Larger": {
 					"value": "41",
 					"type": "lineHeights"
+				},
+				"Largest": {
+					"value": "49",
+					"type": "lineHeights"
 				}
 			}
 		},
@@ -829,13 +1006,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 +1029,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 +1051,17 @@
 					"value": "31",
 					"type": "lineHeights"
 				},
-				"Larger": {
+				"Large": {
 					"value": "38",
 					"type": "lineHeights"
 				},
-				"Largest": {
+				"Larger": {
 					"value": "48",
 					"type": "lineHeights"
+				},
+				"Largest": {
+					"value": "61",
+					"type": "lineHeights"
 				}
 			}
 		},