Release 10.12.2

RELEASE_NOTES.md

@@ -1,32 +1,16 @@
 # Changelog
 
-## \[10.12.1\] - 21.06.2024
+## \[10.12.2\] - 14.08.2024
 
 ## Component changes
 
-- Dialog
+- Typography
 
-  - if no invoker or close btn JS fails gracefully, providing helpful feedback in the console instead of throwing Error
-  - CSS support for old syntax now checks it is not picked up also by the new syntax (make sure not dialog.dialog)
-  - new dialog can have multiple invokers
+  - change font family of "title 6"/h6 from Arial to the brand's headline font (e.g. "SwedbankPay Headline Bold" or "Futura PT W08 Demi" depending on brand)
 
-- Buttons
+- Progress-steps
 
-  - loading spinner of buttons keep their aspect-ratio even if the buttons is squashed, when they're in overflow state
-
-- Cards
-
-  - add support for div.illustration & picture elements in lieu of the img element as illustrations of used in the cards component (changes in documentation will come in a future release)
-  - default cards wide with no img and no text content -> align-items: center (better default when title wraps)
+  - fix UI of the horizontal yellow line when the 1st and last steps are in state “ongoing selected”
 
 - Dropdown
-
-  - dropdown.init() method now accept `id` parameter to initialize specific dropdowns, instead of always all dropdowns found in the DOM
-
-- Utility classes
-
-  - Add utility classes for display grid and inline grid
-
-## Technical changes
-
-- chore deps (update deps packages minor versions)
+  - fix script for initating for a specific `id` (`init(id)`)

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@swedbankpay/design-guide",
-	"version": "10.12.1",
+	"version": "10.12.2",
 	"description": "Swedbank Pay Design Guide",
 	"main": "src/scripts/main/index.js",
 	"scripts": {

src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap

@@ -8,7 +8,7 @@ exports[`ComponentsDocumentation: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide – v. 
-    10.12.1
+    10.12.2
   </span>
 </div>
 `;

src/App/Home/constants.js

@@ -4,6 +4,40 @@ import CodeTags from "@components/CodeTags";
 const basename = process.env.basename;
 
 export const changeLogs = [
+	{
+		version: "10.12.2",
+		title: "We're back, fresh and tanned with a summer breeze",
+		text: (
+			<>
+				<p>
+					How are you lovely people? Us in the design-system galaxy we&apos;re
+					doing great, thanks for asking. And we&apos;re bringing with us some
+					nice patches.
+				</p>
+				<p>
+					<strong>Typography</strong>
+					<br />
+					"Title 6" font-family switches from Arial to the brand's headline font
+					(e.g. Swedbank Headline Bold)
+				</p>
+				<p>
+					<strong>Progress bar</strong>
+					<br />
+					We're fixing a UI bug spotted by our beloved Martina, namely the
+					horizontal lines for the 1st and last steps when they are in selected
+					state.
+				</p>
+				<p>
+					<strong>Dropdown</strong>
+					<br />A big thank you to Ludvik Lund for his contribution, fixing a
+					bug in the dropdown script when initiating a specific dropdown (using
+					the dropdown element id as param for the init function). It should
+					work fine now
+				</p>
+				<p>Enjoy 💫</p>
+			</>
+		),
+	},
 	{
 		version: "10.12.1",
 		title: "Minor Bug Fixes & Supports Increase",

src/App/Identity/__snapshots__/index.test.js.snap

@@ -8,7 +8,7 @@ exports[`Core: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide – v. 
-    10.12.1
+    10.12.2
   </span>
 </div>
 `;

src/App/Patterns/__snapshots__/index.test.js.snap

@@ -8,7 +8,7 @@ exports[`Patterns: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide – v. 
-    10.12.1
+    10.12.2
   </span>
 </div>
 `;

src/App/Utilities/__snapshots__/index.test.js.snap

@@ -8,7 +8,7 @@ exports[`Utilities: index renders 1`] = `
     className="dg-current-version text-uppercase"
   >
     Design Guide - v. 
-    10.12.1
+    10.12.2
   </span>
   <div
     className="d-flex align-items-center"