release 10.9.1 preparations

README.md

@@ -144,7 +144,7 @@ released, a new version of the JavaScript will be as well.
 
 ## Code style
 
-Coding style rules are set in ```~/.eslintrc` & `~/.stylelintrc`.
+Coding style rules are set in `~/.eslintrc` & `~/.stylelintrc`.
 
 **_Make sure to follow the syntax rules enforced by ESLint & Stylelint._**
 

RELEASE_NOTES.md

@@ -1,26 +1,29 @@
 # Changelog
 
-## \[10.9.0\] - 24.11.2023
+## \[10.9.1\] - 24.01.2024
 
 ## Component changes
 
 ### Non breaking UI changes
 
-- Typography
+- PayEx - non-breaking UI updates
+  - color variables updates (brand-secondary hover, btn-secondary-hover, disabled, ...)
+  - input fields colors (for states disabled & success)
+  - badge colors
+  - skip-link font
+  - link
+    - hover state colors on bright mode
+    - hover state for inline links
+  - code tags secondary & tertiary background colors
+  -
 
-  - update typography values (line-heights)
-  - add text-wrap balance for headings & pretty for paragraphs (progressive enhancement)
+### Bugfix
 
-- Colors ( & colors utilities):
-
-  - some colors variables got updated
-  - removed the possibility to combine text-color utility classes WITH `.text-muted` to decrease their opacity
-  - `.text-muted` class still exist, but it will always mean a full opacity color
+- Tooltip
+  - fix position tooltip (it got detached from its parent element a few versions back)
 
 ## Maintenance
 
 - npm packages dependencies upgrades
 
 ## Design System website
-
-- Update the Identity/Colors page for SwedbankPay side

package.json

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

src/App/Home/constants.js

@@ -4,6 +4,32 @@ import CodeTags from "@components/CodeTags";
 const basename = process.env.basename;
 
 export const changeLogs = [
+	{
+		version: "10.9.1",
+		title: "PayEx Open Source contributors are on fire 🔥🚀💚",
+		text: (
+			<>
+				<p>The Green side of the force is strengthening 💚</p>
+				<p>
+					A patch release full of UI updates from the Visby folks (hey guys 👋),
+					to bring some love to the green side of the Design System, and iterate
+					over the components to update the colors and their UI in general. Much
+					needed, and very much appreciated 🌟💚
+				</p>
+				<p>
+					Which means: You, yes, you 🫵, Front-End dev using the design system,
+					but who see some things could be improved ... get inspired by our
+					Visby stars and push some PR to fix this issue bothering you. Our dev
+					team is limited (well, it&apos;s only me really 😅) so we rely on all
+					of you to keep it great 🎸, robust 💪, and shiny ✨
+				</p>
+				<p>
+					Also some minor bugfix for the tooltip component, and some dependency
+					updates. But this is not as important 😉
+				</p>
+			</>
+		),
+	},
 	{
 		version: "10.9.0",
 		title: "Colors and Typography refresher 🎨",

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