From 095d8cee097310264044b2d5110ace1aa20da609 Mon Sep 17 00:00:00 2001 From: Raphael Ferrand Date: Thu, 17 Oct 2024 12:12:16 +0200 Subject: [PATCH] SRM-2514 update primary color swedbankpay --- .../identity/Color/swedbankpay-colors.js | 4 ++-- .../__snapshots__/index.test.js.snap | 8 ++++---- src/App/components/DisplayColor/index.test.js | 8 ++++---- src/icons/payment-icons/payment_card.svg | 18 +++++++++--------- .../Identity/accessibility/img/impairments.svg | 2 +- src/less/components/slab.less | 4 ++-- src/less/variables-swedbankpay.less | 6 +++--- src/scripts/dashboard/chart/index.js | 2 +- 8 files changed, 26 insertions(+), 26 deletions(-) diff --git a/src/App/Identity/identity/Color/swedbankpay-colors.js b/src/App/Identity/identity/Color/swedbankpay-colors.js index d063d111ef..363d730dd8 100644 --- a/src/App/Identity/identity/Color/swedbankpay-colors.js +++ b/src/App/Identity/identity/Color/swedbankpay-colors.js @@ -3,7 +3,7 @@ export const primaryBrandColors = [ title: "Primary", subTitle: "brand-primary", isCSSVariable: true, - hex: "#FDC129", + hex: "#fdc92a", }, { title: "Primary light", @@ -257,7 +257,7 @@ export const colorPool = [ title: "Primary", subTitle: "brand-yellow", isCSSVariable: true, - hex: "#FDC129", + hex: "#fdc92a", }, { title: "Yellow light", diff --git a/src/App/components/DisplayColor/__snapshots__/index.test.js.snap b/src/App/components/DisplayColor/__snapshots__/index.test.js.snap index 801555b04e..b078f47cc7 100644 --- a/src/App/components/DisplayColor/__snapshots__/index.test.js.snap +++ b/src/App/components/DisplayColor/__snapshots__/index.test.js.snap @@ -9,7 +9,7 @@ exports[`DisplayColor renders with optional props 1`] = ` > @@ -25,7 +25,7 @@ exports[`DisplayColor renders with optional props 1`] = ` - #FDC129 + #fdc92a @@ -40,7 +40,7 @@ exports[`DisplayColor renders with required props 1`] = ` > @@ -56,7 +56,7 @@ exports[`DisplayColor renders with required props 1`] = ` - #FDC129 + #fdc92a diff --git a/src/App/components/DisplayColor/index.test.js b/src/App/components/DisplayColor/index.test.js index 93a31dbba9..23047a5f81 100644 --- a/src/App/components/DisplayColor/index.test.js +++ b/src/App/components/DisplayColor/index.test.js @@ -12,8 +12,8 @@ describe("DisplayColor", () => { it("renders with required props", () => { const colors = { - hex: "#FDC129", - rgb: "253, 193, 41", + hex: "#fdc92a", + rgb: "253, 201, 42", }; render(); @@ -38,8 +38,8 @@ describe("DisplayColor", () => { it("renders with optional props", () => { const colors = { - hex: "#FDC129", - rgb: "253, 193, 41", + hex: "#fdc92a", + rgb: "253, 201, 42", fontColor: "2F2424", border: "has-border", }; diff --git a/src/icons/payment-icons/payment_card.svg b/src/icons/payment-icons/payment_card.svg index 0437911a1a..48139e1707 100644 --- a/src/icons/payment-icons/payment_card.svg +++ b/src/icons/payment-icons/payment_card.svg @@ -6,13 +6,13 @@ - - - - - - - - - + + + + + + + + + diff --git a/src/img/swedbankpay/Identity/accessibility/img/impairments.svg b/src/img/swedbankpay/Identity/accessibility/img/impairments.svg index 88d18363a2..653345bc26 100644 --- a/src/img/swedbankpay/Identity/accessibility/img/impairments.svg +++ b/src/img/swedbankpay/Identity/accessibility/img/impairments.svg @@ -3,7 +3,7 @@ - + diff --git a/src/less/components/slab.less b/src/less/components/slab.less index 8ec8cdcb66..2ccd5a3cc8 100644 --- a/src/less/components/slab.less +++ b/src/less/components/slab.less @@ -38,8 +38,8 @@ -45deg, #ffefc7, #ffefc7 10px, - #fdc129 10px, - #fdc129 15px + #fdc92a 10px, + #fdc92a 15px ); } diff --git a/src/less/variables-swedbankpay.less b/src/less/variables-swedbankpay.less index b8b3bbe9a9..5deb0526b5 100644 --- a/src/less/variables-swedbankpay.less +++ b/src/less/variables-swedbankpay.less @@ -23,7 +23,7 @@ @brown-light: @light-brown; /* Main Brand Color Variants */ -@brand-primary: #fdc129; +@brand-primary: #fdc92a; @brand-primary-light: #fbdd91; @brand-primary-lighter: @brand-primary-light-3; @brand-primary-light-2: #ffdf88; @@ -148,7 +148,7 @@ * */ :root { - --brand-primary: var(--brand-yellow, #fdc129); + --brand-primary: var(--brand-yellow, #fdc92a); --brand-primary-light: #fbdd91; --brand-primary-lighter: var(--brand-yellow-lighter, #fff3d5); --brand-secondary: var(--brown-solid, #2f2424); @@ -184,7 +184,7 @@ --text-gray: #767676; // Communication colors - --brand-yellow: #fdc129; + --brand-yellow: #fdc92a; --brand-yellow-lighter: #fff3d5; --brand-orange: #ee7023; --brand-turquoise: #31a3ae; diff --git a/src/scripts/dashboard/chart/index.js b/src/scripts/dashboard/chart/index.js index 3e08a231f8..a317b177ee 100644 --- a/src/scripts/dashboard/chart/index.js +++ b/src/scripts/dashboard/chart/index.js @@ -18,7 +18,7 @@ import initLineChart from "./line"; import initLineFillChart from "./line-fill"; const _colorPool = [ - "253, 193, 41", // brand primary + "253, 201, 42", // brand primary "238, 112, 35", // brand tertiary "49, 163, 174", // brand accent "138, 205, 195", // info turquoise