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

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+## 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 left aligned like all other browsers.
+
+### Delphinus Projects Updates
+None
+
+
 ## 0.34.3 (January 13, 2022)
 
 ### Core Delphinus Updates
@@ -55,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

@@ -17,7 +17,15 @@ 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.3 (January 13, 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.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 left aligned like all other browsers.</li>
+</ul>
+<h3>Delphinus Projects Updates</h3>
+<p>None</p>
+<h2>0.34.3 (January 13, 2022)</h2>
 <h3>Core Delphinus Updates</h3>
 <p>None</p>
 <h3>Delphinus Projects Updates</h3>
@@ -63,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>
@@ -442,4 +450,4 @@ a(href="/changelog.html" class= active_nav_item=="changelog" ? "nav__item--activ
 <li>Impersonation and simplar stuff for testing-purposes can be put away in a collapsible-panel above the header: <a href="https://delphinus.au.dk/projects/bachelor-applications/impersonation-form.html">https://delphinus.au.dk/projects/bachelor-applications/impersonation-form.html</a></li>
 </ul>
 </div></div></main><footer class="page__footer"><div class="page__footer__content"><div class="row row--align-left"><div class="row__item row__item--basis-15"><h1 class="text--default-size text--pull"><strong>Delphinus Design System </strong> <span class="u-avoid-wrap">is built and maintained by:</span></h1><p>AU IT - Brugeropevelser,
-<span class="u-avoid-wrap">Aarhus University</span><br/>Helsingforsgade 10<br/>8200 Aarhus N, Denmark</p></div><div class="row__item row__item--basis-15"><h2 class="text--default-size text--strong text--pull">Contact</h2><ul class="list--dense ul--no-bullets"><li>Claus Stadel at  <a href="mailto:claus.stadel@au.dk">claus.stadel@au.dk</a></li><li>Thomas Riis Hansen at  <a href="mailto:trh@au.dk">trh@au.dk</a></li></ul></div></div></div><div class="page__footer__compliance"><ul class="page__footer__compliance__links"><li> <a href="/cookies.html">Cookies on this site</a></li><li> <a href="https://international.au.dk/about/profile/privacy-policy/">Aarhus University's privacy policy</a></li></ul></div><div class="page__footer__artwork"><div class="artwork-peto" aria-hidden="true"><div class="artwork-peto__foreground"><svg viewBox="0 0 600 200"><text x="0" y="100">Delphi</text><text x="0" y="200">nus</text></svg></div><div class="artwork-peto__background"><svg viewBox="0 0 600 200"><text x="0" y="100">Design</text><text x="0" y="200">System</text></svg></div></div></div><object class="page__footer__logo" role="img" type="image/svg+xml" tabindex="-1" aria-labelledby="page-footer-logo"><p id="page-footer-logo">The logo of Aarhus University.</p></object><object class="page__footer__seal" role="img" type="image/svg+xml" tabindex="-1" aria-labelledby="page-footer-seal"><p id="page-footer-seal">The seal of Aarhus University. The seal depicts an anchor surrounded by two dolphins. The university motto and Latin name are written on the outline: Solidum petit in profundis - Universitas Arhusiensis.</p></object></footer></div><div class="modal-views"></div><section class="atom-picker theme--normal view--default" aria-label="Color and theme picker" id="atom-picker"><div class="atom-picker__scale"><button class="atom-picker__scale__item atom-picker__scale__item__position-toggle" title="Toggle postion of picker" tabindex="-1"></button><button class="atom-picker__scale__item atom-picker__scale__item__theme-style" title="Toggle between normal and dark theme" tabindex="-1"></button><button class="atom-picker__scale__item__default atom-picker__scale__item" title="Force scale to: default" tabindex="-1"></button><button class="atom-picker__scale__item__medium atom-picker__scale__item" title="Force scale to: medium" tabindex="-1"></button><button class="atom-picker__scale__item__wide atom-picker__scale__item" title="Force scale to: wide" tabindex="-1"></button><button class="atom-picker__scale__item atom-picker__scale__item__reset" tabindex="-1">Reset</button></div><div class="atom-picker__color"><button class="theme--blue atom-picker__color__item" title="Switch theme to color: blue" tabindex="-1"></button><button class="theme--cyan atom-picker__color__item" title="Switch theme to color: cyan" tabindex="-1"></button><button class="theme--turquoise atom-picker__color__item" title="Switch theme to color: turquoise" tabindex="-1"></button><button class="theme--green atom-picker__color__item" title="Switch theme to color: green" tabindex="-1"></button><button class="theme--yellow atom-picker__color__item" title="Switch theme to color: yellow" tabindex="-1"></button><button class="theme--orange atom-picker__color__item" title="Switch theme to color: orange" tabindex="-1"></button><button class="theme--red atom-picker__color__item" title="Switch theme to color: red" tabindex="-1"></button><button class="theme--magenta atom-picker__color__item" title="Switch theme to color: magenta" tabindex="-1"></button><button class="theme--purple atom-picker__color__item" title="Switch theme to color: purple" tabindex="-1"></button></div></section></body></html>
+<span class="u-avoid-wrap">Aarhus University</span><br/>Universitetsbyen 82<br/>8200 Aarhus N, Denmark</p></div><div class="row__item row__item--basis-15"><h2 class="text--default-size text--strong text--pull">Contact</h2><ul class="list--dense ul--no-bullets"><li>Claus Stadel at  <a href="mailto:claus.stadel@au.dk">claus.stadel@au.dk</a></li><li>Thomas Riis Hansen at  <a href="mailto:trh@au.dk">trh@au.dk</a></li></ul></div></div></div><div class="page__footer__compliance"><ul class="page__footer__compliance__links"><li> <a href="/cookies.html">Cookies on this site</a></li><li> <a href="https://international.au.dk/about/profile/privacy-policy/">Aarhus University's privacy policy</a></li></ul></div><div class="page__footer__artwork"><div class="artwork-peto" aria-hidden="true"><div class="artwork-peto__foreground"><svg viewBox="0 0 600 200"><text x="0" y="100">Delphi</text><text x="0" y="200">nus</text></svg></div><div class="artwork-peto__background"><svg viewBox="0 0 600 200"><text x="0" y="100">Design</text><text x="0" y="200">System</text></svg></div></div></div><object class="page__footer__logo" role="img" type="image/svg+xml" tabindex="-1" aria-labelledby="page-footer-logo"><p id="page-footer-logo">The logo of Aarhus University.</p></object><object class="page__footer__seal" role="img" type="image/svg+xml" tabindex="-1" aria-labelledby="page-footer-seal"><p id="page-footer-seal">The seal of Aarhus University. The seal depicts an anchor surrounded by two dolphins. The university motto and Latin name are written on the outline: Solidum petit in profundis - Universitas Arhusiensis.</p></object></footer></div><div class="modal-views"></div><section class="atom-picker theme--normal view--default" aria-label="Color and theme picker" id="atom-picker"><div class="atom-picker__scale"><button class="atom-picker__scale__item atom-picker__scale__item__position-toggle" title="Toggle postion of picker" tabindex="-1"></button><button class="atom-picker__scale__item atom-picker__scale__item__theme-style" title="Toggle between normal and dark theme" tabindex="-1"></button><button class="atom-picker__scale__item__default atom-picker__scale__item" title="Force scale to: default" tabindex="-1"></button><button class="atom-picker__scale__item__medium atom-picker__scale__item" title="Force scale to: medium" tabindex="-1"></button><button class="atom-picker__scale__item__wide atom-picker__scale__item" title="Force scale to: wide" tabindex="-1"></button><button class="atom-picker__scale__item atom-picker__scale__item__reset" tabindex="-1">Reset</button></div><div class="atom-picker__color"><button class="theme--blue atom-picker__color__item" title="Switch theme to color: blue" tabindex="-1"></button><button class="theme--cyan atom-picker__color__item" title="Switch theme to color: cyan" tabindex="-1"></button><button class="theme--turquoise atom-picker__color__item" title="Switch theme to color: turquoise" tabindex="-1"></button><button class="theme--green atom-picker__color__item" title="Switch theme to color: green" tabindex="-1"></button><button class="theme--yellow atom-picker__color__item" title="Switch theme to color: yellow" tabindex="-1"></button><button class="theme--orange atom-picker__color__item" title="Switch theme to color: orange" tabindex="-1"></button><button class="theme--red atom-picker__color__item" title="Switch theme to color: red" tabindex="-1"></button><button class="theme--magenta atom-picker__color__item" title="Switch theme to color: magenta" tabindex="-1"></button><button class="theme--purple atom-picker__color__item" title="Switch theme to color: purple" tabindex="-1"></button></div></section></body></html>

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"
 				}
 			}
 		},