diff --git a/RELEASE_NOTES.md b/RELEASE_NOTES.md index b13dce4e7b..7af2129e92 100644 --- a/RELEASE_NOTES.md +++ b/RELEASE_NOTES.md @@ -1,25 +1,27 @@ # Changelog -## \[10.11.0\] - 21.03.2024 +## \[10.12.0\] - 16.05.2024 ## Component changes - Input fields - - labels line-height increased & mobile values adjusted, so values are in sync with `h4` typography style + - Labels line-height increased & mobile values adjusted, so values are in sync with `h4` typography style - Radio inputs - - minor non-breaking UI change to the default input radio - - minor UI changes to checkmark variant - - some non-breaking UI changes (colors, width, ...) - - Now the checkmark icon is achieved via span.checkmark-icon instead of an actual icon element loading an svg. - - It is now possible to add a subtext inside the checkmark variant (use span.subtext) + - Minor non-breaking UI change to the default input radio + - Minor UI changes to checkmark variant + - Some non-breaking UI changes (colors, width, ...) + - Now we achieve the checkmark icon using `span.checkmark-icon` instead of loading an actual icon element with an svg + - New "large" variant for checkmark radio input + - Possibility to add a subtext inside the checkmark variant (use `span.subtext`) - Buttons - - minor non-breaking UI updates (height for size large, unify hover state, modify active & focus-visible UI, and more) + - minor non-breaking UI updates (height for size large, unify hover state, update active & focus-visible UI, and more) - add Danish MitId button style (you can use either `i.bank-id-dk` OR `i.mitid-dk`, both are supported) + - secondary buttons get a transparent background-color - Cards @@ -32,13 +34,8 @@ - silent support for the old syntax until the next major release - add transitions -- Buttons - - secondary buttons get a transparent background-color - ## Technical changes - chore deps (update deps packages minor versions) - remove Sentry from codebase - -## Design System website diff --git a/package-lock.json b/package-lock.json index 759aa48dee..92ab5b4b64 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@swedbankpay/design-guide", - "version": "10.11.0", + "version": "10.12.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "@swedbankpay/design-guide", - "version": "10.11.0", + "version": "10.12.0", "hasInstallScript": true, "license": "MIT", "dependencies": { @@ -6738,9 +6738,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001607", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001607.tgz", - "integrity": "sha512-WcvhVRjXLKFB/kmOFVwELtMxyhq3iM/MvmXcyCe2PNf166c39mptscOc/45TTS96n2gpNV2z7+NakArTWZCQ3w==", + "version": "1.0.30001618", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001618.tgz", + "integrity": "sha512-p407+D1tIkDvsEAPS22lJxLQQaG8OTBEqo0KhzfABGk0TU4juBNDSfH0hyAp/HRyx+M8L17z/ltyhxh27FTfQg==", "dev": true, "funding": [ { @@ -24106,9 +24106,9 @@ } }, "caniuse-lite": { - "version": "1.0.30001607", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001607.tgz", - "integrity": "sha512-WcvhVRjXLKFB/kmOFVwELtMxyhq3iM/MvmXcyCe2PNf166c39mptscOc/45TTS96n2gpNV2z7+NakArTWZCQ3w==", + "version": "1.0.30001618", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001618.tgz", + "integrity": "sha512-p407+D1tIkDvsEAPS22lJxLQQaG8OTBEqo0KhzfABGk0TU4juBNDSfH0hyAp/HRyx+M8L17z/ltyhxh27FTfQg==", "dev": true }, "chalk": { diff --git a/package.json b/package.json index c2f6d80c1d..248e7fe708 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@swedbankpay/design-guide", - "version": "10.11.0", + "version": "10.12.0", "description": "Swedbank Pay Design Guide", "main": "src/scripts/main/index.js", "scripts": { diff --git a/playwright.config.js b/playwright.config.js index b1605ea6fe..e1d5594b02 100644 --- a/playwright.config.js +++ b/playwright.config.js @@ -31,6 +31,12 @@ module.exports = defineConfig({ /* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */ trace: "on-first-retry", }, + expect: { + timeout: 10000, + toMatchSnapshot: { + maxDiffPixelRatio: 0.01, + }, + }, /* Configure projects for major browsers */ projects: [ diff --git a/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap b/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap index bb5682363a..abd7509bfc 100644 --- a/src/App/ComponentsDocumentation/__snapshots__/index.test.js.snap +++ b/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.11.0 + 10.12.0 `; diff --git a/src/App/ComponentsDocumentation/components/Dialog/index.js b/src/App/ComponentsDocumentation/components/Dialog/index.js index 2a7e65a85e..a45420bf00 100644 --- a/src/App/ComponentsDocumentation/components/Dialog/index.js +++ b/src/App/ComponentsDocumentation/components/Dialog/index.js @@ -79,6 +79,20 @@ const ExampleOldSyntax = () => (

Example Old Dialog component - silent support until next major release

+

+ We're keeping a silent support for the "now old" Dialog component syntax. +

+

+ We decided to move away in order to use the standard{" "} + element, and the benefits + its brings along (less scripts needed, better accessibility, etc.). +

+

+ Some updates might be ported to the old syntax, but we recommend migrating + as soon as you can to enjoy all the new shiny updates (e.g. transition on + open/close, etc). Plus, the new syntax is much easier to use. The + support for it will be removed during the next major release. +