Release 10.13.1

RELEASE_NOTES.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## \[10.13.0\] - 11.11.2024
+## \[10.13.1\] - 10.01.2025
 
 ## Playbook
 
@@ -10,8 +10,15 @@
 
 - Updates the zip file containing the SwedbankPay logos with the new fixed versions
 
+## PayEx side UI changes
+
+- checkmark circle green color on success alerts is updated
+
 ## Technical changes
 
 - Browser support got significantly increased (now last 2 major versions, Firefox ESR, > 0,5% instead of 1%).
   - This is only impacting projects consuming the CSS & JS straight from the CDN. If you're pulling the source files then the polyfilling/transpilling will only be done by your own build pipeline anyways.
+
+## Chores
+
 - updated dependencies

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@swedbankpay/design-guide",
-	"version": "10.13.0",
+	"version": "10.13.1",
 	"description": "Swedbank Pay Design Guide",
 	"main": "src/scripts/main/index.js",
 	"scripts": {
@@ -61,7 +61,7 @@
 		"@babel/eslint-parser": "^7.25.9",
 		"@babel/preset-env": "^7.26.0",
 		"@babel/preset-react": "^7.25.9",
-		"@playwright/test": "^1.48.2",
+		"@playwright/test": "^1.49.1",
 		"@testing-library/jest-dom": "^5.16.5",
 		"@testing-library/react": "^14.2.2",
 		"@testing-library/user-event": "^14.5.2",

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.13.0
+    10.13.1
   </span>
 </div>
 `;

src/App/Home/constants.js

@@ -4,6 +4,45 @@ import CodeTags from "@components/CodeTags";
 const basename = process.env.basename;
 
 export const changeLogs = [
+	{
+		version: "10.13.1",
+		title: "Mostly docs & identity updates",
+		text: (
+			<>
+				<p>Happy New Year 🎉</p>
+				<p>
+					We're starting the year with some mostly documentation & identity
+					updates.
+				</p>
+				<p>
+					Biggest one first: We've updated the Playbook. For the ones paying
+					attention to it you'll like it.
+				</p>
+				<p>
+					Next on the list: the zip file containing the SwedbankPay logos is
+					updated with the logos fixed we've shipped in the previous minor
+					release.
+				</p>
+				<p>
+					We've also increased the browser support. We've decided to align with
+					the standard used by the JS frameworks (now last 2 major versions,
+					Firefox ESR, > 0,5% instead of 1%).
+					<br />
+					This being said, we recommend checking and adapting your support based
+					on your own users stats. This change is only impacting projects
+					consuming the CSS & JS straight from the CDN. If you're pulling the
+					source files then the polyfilling/transpilling will only be done by
+					your own build pipeline anyways.
+				</p>
+				<p>
+					Green side UI change: checkmark circle green color on success alerts
+					is updated
+				</p>
+				<p>And as usual, we've included several dependency updates.</p>
+				<p>Enjoy and see ya later alligator 🐊</p>
+			</>
+		),
+	},
 	{
 		version: "10.13.0",
 		title: "Not Ghosting You: New Updates Inside",
@@ -292,8 +331,9 @@ export const changeLogs = [
 						</li>
 						<li>
 							Progress steps: the "check" icon for steps completed should be
-							converted from `<div class="material-icons steps-icon">check</div>
-							`to `<i class="completed steps-icon"></i>`
+							converted from `
+							<div className="material-icons steps-icon">check</div>
+							`to `<i className="completed steps-icon"></i>`
 						</li>
 					</ul>
 				</p>

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