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": {