diff --git a/packages/orbit-components/src/ButtonLink/helpers/getButtonLinkTypeToken.js b/packages/orbit-components/src/ButtonLink/helpers/getButtonLinkTypeToken.js index f420d52762..7b6f0a11e6 100644 --- a/packages/orbit-components/src/ButtonLink/helpers/getButtonLinkTypeToken.js +++ b/packages/orbit-components/src/ButtonLink/helpers/getButtonLinkTypeToken.js @@ -27,12 +27,12 @@ const getButtonLinkTypeToken: GetButtonLinkTypeToken = (name, type, theme) => { [TOKENS.foregroundHover]: { [TYPES.PRIMARY]: theme.orbit.colorTextButtonLinkPrimaryHover, [TYPES.SECONDARY]: theme.orbit.colorTextButtonLinkSecondaryHover, - [TYPES.CRITICAL]: theme.orbit.paletteRedNormalHover, + [TYPES.CRITICAL]: theme.orbit.paletteRedDarkHover, }, [TOKENS.foregroundActive]: { [TYPES.PRIMARY]: theme.orbit.colorTextButtonLinkPrimaryActive, [TYPES.SECONDARY]: theme.orbit.colorTextButtonLinkSecondaryActive, - [TYPES.CRITICAL]: theme.orbit.paletteRedNormalActive, + [TYPES.CRITICAL]: theme.orbit.paletteRedDarkActive, }, }; return tokens[name][type]; diff --git a/packages/orbit-design-tokens/output/theo-spec.android.xml b/packages/orbit-design-tokens/output/theo-spec.android.xml index d6e6837d82..b8217bbdae 100644 --- a/packages/orbit-design-tokens/output/theo-spec.android.xml +++ b/packages/orbit-design-tokens/output/theo-spec.android.xml @@ -197,7 +197,7 @@ 22dp linear-gradient(to top right, #E13E3B 0, #E87E09 1) 700 - #ff008f7b + #ff006657 #fff5f7f9 #ff354f88 #ffbac7d5 @@ -351,7 +351,7 @@ #ff181b20 #ffebf4ec 0 0 0 6dp - #ff009882 + #ff007060 #ff4f5e71 500 #ffffffff diff --git a/packages/orbit-design-tokens/output/theo-spec.common.js b/packages/orbit-design-tokens/output/theo-spec.common.js index 631ae8334e..0d7d5fc4c6 100644 --- a/packages/orbit-design-tokens/output/theo-spec.common.js +++ b/packages/orbit-design-tokens/output/theo-spec.common.js @@ -198,7 +198,7 @@ module.exports = { fontSizeHeadingTitle2: "22px", backgroundButtonBundleBasic: "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)", fontWeightBold: "700", - colorTextButtonLinkPrimaryActive: "rgb(0, 143, 123)", + colorTextButtonLinkPrimaryActive: "rgb(0, 102, 87)", backgroundTag: "rgb(245, 247, 249)", backgroundButtonFacebookActive: "rgb(53, 79, 136)", colorTextLoading: "rgb(186, 199, 213)", @@ -353,7 +353,7 @@ module.exports = { backgroundTagSelectedHover: "rgb(24, 27, 32)", backgroundAlertSuccess: "rgb(235, 244, 236)", paddingInputFile: "0 0 0 6px", - colorTextButtonLinkPrimaryHover: "rgb(0, 152, 130)", + colorTextButtonLinkPrimaryHover: "rgb(0, 112, 96)", colorPlaceholderInputFile: "rgb(79, 94, 113)", fontWeightHeadingTitle3: "500", colorTextButtonInfoActive: "rgb(255, 255, 255)", diff --git a/packages/orbit-design-tokens/output/theo-spec.cssmodules.css b/packages/orbit-design-tokens/output/theo-spec.cssmodules.css index 2da4d755c6..a973e1b619 100644 --- a/packages/orbit-design-tokens/output/theo-spec.cssmodules.css +++ b/packages/orbit-design-tokens/output/theo-spec.cssmodules.css @@ -198,7 +198,7 @@ @value font-size-heading-title2: 22px; @value background-button-bundle-basic: "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)"; @value font-weight-bold: "700"; -@value color-text-button-link-primary-active: rgb(0, 143, 123); +@value color-text-button-link-primary-active: rgb(0, 102, 87); @value background-tag: rgb(245, 247, 249); @value background-button-facebook-active: rgb(53, 79, 136); @value color-text-loading: rgb(186, 199, 213); @@ -353,7 +353,7 @@ @value background-tag-selected-hover: rgb(24, 27, 32); @value background-alert-success: rgb(235, 244, 236); @value padding-input-file: 0 0 0 6px; -@value color-text-button-link-primary-hover: rgb(0, 152, 130); +@value color-text-button-link-primary-hover: rgb(0, 112, 96); @value color-placeholder-input-file: rgb(79, 94, 113); @value font-weight-heading-title3: "500"; @value color-text-button-info-active: rgb(255, 255, 255); diff --git a/packages/orbit-design-tokens/output/theo-spec.ios.json b/packages/orbit-design-tokens/output/theo-spec.ios.json index db0ba49485..24cc1adb3d 100644 --- a/packages/orbit-design-tokens/output/theo-spec.ios.json +++ b/packages/orbit-design-tokens/output/theo-spec.ios.json @@ -1185,7 +1185,7 @@ "name": "fontWeightBold" }, { - "value": "rgb(0, 143, 123)", + "value": "rgb(0, 102, 87)", "type": "color", "category": "Colors", "name": "colorTextButtonLinkPrimaryActive" @@ -2110,7 +2110,7 @@ "name": "paddingInputFile" }, { - "value": "rgb(0, 152, 130)", + "value": "rgb(0, 112, 96)", "type": "color", "category": "Colors", "name": "colorTextButtonLinkPrimaryHover" diff --git a/packages/orbit-design-tokens/output/theo-spec.json b/packages/orbit-design-tokens/output/theo-spec.json index dfb9e67dcb..b0d175cb28 100644 --- a/packages/orbit-design-tokens/output/theo-spec.json +++ b/packages/orbit-design-tokens/output/theo-spec.json @@ -196,7 +196,7 @@ "fontSizeHeadingTitle2": "22px", "backgroundButtonBundleBasic": "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)", "fontWeightBold": "700", - "colorTextButtonLinkPrimaryActive": "rgb(0, 143, 123)", + "colorTextButtonLinkPrimaryActive": "rgb(0, 102, 87)", "backgroundTag": "rgb(245, 247, 249)", "backgroundButtonFacebookActive": "rgb(53, 79, 136)", "colorTextLoading": "rgb(186, 199, 213)", @@ -350,7 +350,7 @@ "backgroundTagSelectedHover": "rgb(24, 27, 32)", "backgroundAlertSuccess": "rgb(235, 244, 236)", "paddingInputFile": "0 0 0 6px", - "colorTextButtonLinkPrimaryHover": "rgb(0, 152, 130)", + "colorTextButtonLinkPrimaryHover": "rgb(0, 112, 96)", "colorPlaceholderInputFile": "rgb(79, 94, 113)", "fontWeightHeadingTitle3": "500", "colorTextButtonInfoActive": "rgb(255, 255, 255)", diff --git a/packages/orbit-design-tokens/output/theo-spec.less b/packages/orbit-design-tokens/output/theo-spec.less index b820a41cbc..d0d82e901d 100644 --- a/packages/orbit-design-tokens/output/theo-spec.less +++ b/packages/orbit-design-tokens/output/theo-spec.less @@ -198,7 +198,7 @@ @font-size-heading-title2: 22px; @background-button-bundle-basic: "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)"; @font-weight-bold: "700"; -@color-text-button-link-primary-active: rgb(0, 143, 123); +@color-text-button-link-primary-active: rgb(0, 102, 87); @background-tag: rgb(245, 247, 249); @background-button-facebook-active: rgb(53, 79, 136); @color-text-loading: rgb(186, 199, 213); @@ -353,7 +353,7 @@ @background-tag-selected-hover: rgb(24, 27, 32); @background-alert-success: rgb(235, 244, 236); @padding-input-file: 0 0 0 6px; -@color-text-button-link-primary-hover: rgb(0, 152, 130); +@color-text-button-link-primary-hover: rgb(0, 112, 96); @color-placeholder-input-file: rgb(79, 94, 113); @font-weight-heading-title3: "500"; @color-text-button-info-active: rgb(255, 255, 255); diff --git a/packages/orbit-design-tokens/output/theo-spec.sass b/packages/orbit-design-tokens/output/theo-spec.sass index 4e3afef907..db5dc45bd9 100644 --- a/packages/orbit-design-tokens/output/theo-spec.sass +++ b/packages/orbit-design-tokens/output/theo-spec.sass @@ -198,7 +198,7 @@ $height-illustration-medium: 200px $font-size-heading-title2: 22px $background-button-bundle-basic: "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" $font-weight-bold: "700" -$color-text-button-link-primary-active: rgb(0, 143, 123) +$color-text-button-link-primary-active: rgb(0, 102, 87) $background-tag: rgb(245, 247, 249) $background-button-facebook-active: rgb(53, 79, 136) $color-text-loading: rgb(186, 199, 213) @@ -353,7 +353,7 @@ $background-tooltip: rgb(255, 255, 255) $background-tag-selected-hover: rgb(24, 27, 32) $background-alert-success: rgb(235, 244, 236) $padding-input-file: 0 0 0 6px -$color-text-button-link-primary-hover: rgb(0, 152, 130) +$color-text-button-link-primary-hover: rgb(0, 112, 96) $color-placeholder-input-file: rgb(79, 94, 113) $font-weight-heading-title3: "500" $color-text-button-info-active: rgb(255, 255, 255) diff --git a/packages/orbit-design-tokens/output/theo-spec.scss b/packages/orbit-design-tokens/output/theo-spec.scss index 18ac4d400d..069cf65e80 100644 --- a/packages/orbit-design-tokens/output/theo-spec.scss +++ b/packages/orbit-design-tokens/output/theo-spec.scss @@ -198,7 +198,7 @@ $height-illustration-medium: 200px; $font-size-heading-title2: 22px; $background-button-bundle-basic: "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)"; $font-weight-bold: "700"; -$color-text-button-link-primary-active: rgb(0, 143, 123); +$color-text-button-link-primary-active: rgb(0, 102, 87); $background-tag: rgb(245, 247, 249); $background-button-facebook-active: rgb(53, 79, 136); $color-text-loading: rgb(186, 199, 213); @@ -353,7 +353,7 @@ $background-tooltip: rgb(255, 255, 255); $background-tag-selected-hover: rgb(24, 27, 32); $background-alert-success: rgb(235, 244, 236); $padding-input-file: 0 0 0 6px; -$color-text-button-link-primary-hover: rgb(0, 152, 130); +$color-text-button-link-primary-hover: rgb(0, 112, 96); $color-placeholder-input-file: rgb(79, 94, 113); $font-weight-heading-title3: "500"; $color-text-button-info-active: rgb(255, 255, 255); diff --git a/packages/orbit-design-tokens/output/theo-spec.styl b/packages/orbit-design-tokens/output/theo-spec.styl index b4043da155..0b43d92e3b 100644 --- a/packages/orbit-design-tokens/output/theo-spec.styl +++ b/packages/orbit-design-tokens/output/theo-spec.styl @@ -198,7 +198,7 @@ $height-illustration-medium = 200px $font-size-heading-title2 = 22px $background-button-bundle-basic = "linear-gradient(to top right, #E13E3B 0%, #E87E09 100%)" $font-weight-bold = "700" -$color-text-button-link-primary-active = rgb(0, 143, 123) +$color-text-button-link-primary-active = rgb(0, 102, 87) $background-tag = rgb(245, 247, 249) $background-button-facebook-active = rgb(53, 79, 136) $color-text-loading = rgb(186, 199, 213) @@ -353,7 +353,7 @@ $background-tooltip = rgb(255, 255, 255) $background-tag-selected-hover = rgb(24, 27, 32) $background-alert-success = rgb(235, 244, 236) $padding-input-file = 0 0 0 6px -$color-text-button-link-primary-hover = rgb(0, 152, 130) +$color-text-button-link-primary-hover = rgb(0, 112, 96) $color-placeholder-input-file = rgb(79, 94, 113) $font-weight-heading-title3 = "500" $color-text-button-info-active = rgb(255, 255, 255) diff --git a/packages/orbit-design-tokens/pages/theo-spec.kiwi.html b/packages/orbit-design-tokens/pages/theo-spec.kiwi.html index 28607c1f85..1e1c11c697 100644 --- a/packages/orbit-design-tokens/pages/theo-spec.kiwi.html +++ b/packages/orbit-design-tokens/pages/theo-spec.kiwi.html @@ -867,10 +867,10 @@

Orbit Design Tokens

colorTextButtonLinkPrimaryActive - #008F7B + #006657 - + The quick brown fox jumps over the lazy dog. @@ -1407,10 +1407,10 @@

Orbit Design Tokens

colorTextButtonLinkPrimaryHover - #009882 + #007060 - + The quick brown fox jumps over the lazy dog. diff --git a/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.js.snap b/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.js.snap index 82bddf116a..d924ed78e3 100644 --- a/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.js.snap +++ b/packages/orbit-design-tokens/src/__tests__/__snapshots__/index.test.js.snap @@ -217,8 +217,8 @@ Object { "colorTextButtonInfoBorderedHover": "#0161AC", "colorTextButtonInfoHover": "#FFFFFF", "colorTextButtonLinkPrimary": "#00A991", - "colorTextButtonLinkPrimaryActive": "#008F7B", - "colorTextButtonLinkPrimaryHover": "#009882", + "colorTextButtonLinkPrimaryActive": "#006657", + "colorTextButtonLinkPrimaryHover": "#007060", "colorTextButtonLinkSecondary": "#252A31", "colorTextButtonLinkSecondaryActive": "#0B0C0F", "colorTextButtonLinkSecondaryHover": "#181B20", @@ -713,8 +713,8 @@ Object { "colorTextButtonInfoBorderedHover": "#0161AC", "colorTextButtonInfoHover": "#FFFFFF", "colorTextButtonLinkPrimary": "#ff0000", - "colorTextButtonLinkPrimaryActive": "#cc0000", - "colorTextButtonLinkPrimaryHover": "#e50000", + "colorTextButtonLinkPrimaryActive": "#006657", + "colorTextButtonLinkPrimaryHover": "#007060", "colorTextButtonLinkSecondary": "#252A31", "colorTextButtonLinkSecondaryActive": "#0B0C0F", "colorTextButtonLinkSecondaryHover": "#181B20", @@ -1209,8 +1209,8 @@ Object { "colorTextButtonInfoBorderedHover": "#0161AC", "colorTextButtonInfoHover": "#FFFFFF", "colorTextButtonLinkPrimary": "#00A991", - "colorTextButtonLinkPrimaryActive": "#008F7B", - "colorTextButtonLinkPrimaryHover": "#009882", + "colorTextButtonLinkPrimaryActive": "#006657", + "colorTextButtonLinkPrimaryHover": "#007060", "colorTextButtonLinkSecondary": "#252A31", "colorTextButtonLinkSecondaryActive": "#0B0C0F", "colorTextButtonLinkSecondaryHover": "#181B20", @@ -1705,8 +1705,8 @@ Object { "colorTextButtonInfoBorderedHover": "#0161AC", "colorTextButtonInfoHover": "#FFFFFF", "colorTextButtonLinkPrimary": "#444", - "colorTextButtonLinkPrimaryActive": "#666", - "colorTextButtonLinkPrimaryHover": "#555", + "colorTextButtonLinkPrimaryActive": "#999", + "colorTextButtonLinkPrimaryHover": "#888", "colorTextButtonLinkSecondary": "#252A31", "colorTextButtonLinkSecondaryActive": "#0B0C0F", "colorTextButtonLinkSecondaryHover": "#181B20", diff --git a/packages/orbit-design-tokens/src/index.js b/packages/orbit-design-tokens/src/index.js index 27ea4d39f2..c0271f69c8 100644 --- a/packages/orbit-design-tokens/src/index.js +++ b/packages/orbit-design-tokens/src/index.js @@ -102,8 +102,8 @@ export const getTokens: GetTokens = customFoundation => { colorTextButtonWhiteBorderedHover: theme.palette.white.normal, colorTextButtonWhiteBorderedActive: theme.palette.white.normal, colorTextButtonLinkPrimary: theme.palette.product.normal, - colorTextButtonLinkPrimaryHover: theme.palette.product.normalHover, - colorTextButtonLinkPrimaryActive: theme.palette.product.normalActive, + colorTextButtonLinkPrimaryHover: theme.palette.product.darkHover, + colorTextButtonLinkPrimaryActive: theme.palette.product.darkActive, colorTextButtonLinkSecondary: theme.palette.ink.normal, colorTextButtonLinkSecondaryHover: theme.palette.ink.normalHover, colorTextButtonLinkSecondaryActive: theme.palette.ink.normalActive, diff --git a/packages/orbit-design-tokens/src/theo/theo-spec.json b/packages/orbit-design-tokens/src/theo/theo-spec.json index df01a915de..0eee1b578b 100644 --- a/packages/orbit-design-tokens/src/theo/theo-spec.json +++ b/packages/orbit-design-tokens/src/theo/theo-spec.json @@ -705,7 +705,7 @@ } }, "colorTextButtonLinkPrimaryHover": { - "value": "#009882", + "value": "#007060", "type": "color", "category": "Colors", "meta": { @@ -713,7 +713,7 @@ } }, "colorTextButtonLinkPrimaryActive": { - "value": "#008F7B", + "value": "#006657", "type": "color", "category": "Colors", "meta": {