Release 10.8.4

Release 10.8.4

RELEASE_NOTES.md

@@ -1,26 +1,19 @@
 # Changelog
 
-## [10.8.3] - 05.06.2023
+## [10.8.4] - 03.07.2023
 
 ## Component changes
 
 ### Non breaking UI changes
 
 - Expandable
-  - style new UI
+  - new UI
+  - can add icons to the title
 - Expand scoping of css for icons to include `.material-icons-outlined` where it's missing
 
 - New payment-card icon
 
-## Design Guide documentation changes
-
-## Deleted features
-
-## Packages maintenance
-
 ## Testing
 
 - continue expand E2E tests to new components
   - expandable
-
-## Contributors info

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@swedbankpay/design-guide",
-	"version": "10.8.3",
+	"version": "10.8.4",
 	"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.8.3
+    10.8.4
   </span>
 </div>
 `;

src/App/Home/constants.js

@@ -4,6 +4,25 @@ import CodeTags from "@components/CodeTags";
 const basename = process.env.basename;
 
 export const changeLogs = [
+	{
+		version: "10.8.4",
+		title: "New expandable UI before summer break 🏖️",
+		text: (
+			<>
+				<p>
+					We&apos;re getting ready for summer break, and we&apos;re bringing you
+					a new UI for the expandable to play with during the holidays when
+					you're on the beach 🎾🏄‍♂️🌊🌞.
+				</p>
+				<p>
+					Some small things are also tagging along for the ride. Consistent
+					styling for{" "}
+					<CodeTags type="secondary" code=".material-icons-outlined" /> 🎨, and
+					increasing our E2E testing coverage 🤖.
+				</p>
+			</>
+		),
+	},
 	{
 		version: "10.8.3",
 		title: "Harder, Bigger, Rounder, Stronger 🤖",

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.8.3
+    10.8.4
   </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.8.3
+    10.8.4
   </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.8.3
+    10.8.4
   </span>
   <div
     className="d-flex align-items-center"

src/App/routes/components.js

@@ -129,7 +129,7 @@ module.exports = [
 				rootPath: "/components/expandable",
 				componentPath: "components/Expandable",
 				icon: "expand",
-				statusBadges: ["javascript"],
+				statusBadges: ["javascript", "updated"],
 			},
 			{
 				title: "Input field",