diff --git a/packages/design-system-tokens/src/css/__snapshots__/css-snapshots.test.ts.snap b/packages/design-system-tokens/src/css/__snapshots__/css-snapshots.test.ts.snap index b1247aa7e0..2d93e01ee5 100644 --- a/packages/design-system-tokens/src/css/__snapshots__/css-snapshots.test.ts.snap +++ b/packages/design-system-tokens/src/css/__snapshots__/css-snapshots.test.ts.snap @@ -464,7 +464,7 @@ exports[`CSS snapshots variables in cmsgov-theme.css match snapshot 1`] = ` --text-input__padding: var(--spacer-1); --tooltip-icon__color--inverse: var(--color-white); --tooltip-icon__color: var(--color-primary); ---tooltip-trigger__color: var(--color-primary); +--tooltip-trigger__color: var(--color-base); --tooltip__background-color: var(--color-background); --tooltip__border-color--active: #0d249940; --tooltip__border-color--inverse-active: #ffffff40; @@ -950,7 +950,7 @@ exports[`CSS snapshots variables in core-theme.css match snapshot 1`] = ` --text-input__padding: var(--spacer-1); --tooltip-icon__color--inverse: var(--color-white); --tooltip-icon__color: var(--color-primary); ---tooltip-trigger__color: var(--color-primary); +--tooltip-trigger__color: var(--color-base); --tooltip__background-color: var(--color-background); --tooltip__border-color--active: #0071bc40; --tooltip__border-color--inverse-active: #ffffff40; @@ -1436,7 +1436,7 @@ exports[`CSS snapshots variables in healthcare-theme.css match snapshot 1`] = ` --text-input__padding: var(--spacer-1); --tooltip-icon__color--inverse: var(--color-white); --tooltip-icon__color: var(--color-primary); ---tooltip-trigger__color: var(--color-primary); +--tooltip-trigger__color: var(--color-base); --tooltip__background-color: var(--color-background); --tooltip__border-color--active: #04679140; --tooltip__border-color--inverse-active: #ffffff40; diff --git a/packages/design-system-tokens/src/tokens/Theme.cmsgov.json b/packages/design-system-tokens/src/tokens/Theme.cmsgov.json index 7ea868bd8c..75328d1ac8 100644 --- a/packages/design-system-tokens/src/tokens/Theme.cmsgov.json +++ b/packages/design-system-tokens/src/tokens/Theme.cmsgov.json @@ -4507,7 +4507,7 @@ }, "trigger": { "color": { - "$value": "{theme.color.primary}", + "$value": "{theme.color.base}", "$extensions": { "com.figma": { "hiddenFromPublishing": false, diff --git a/packages/design-system-tokens/src/tokens/Theme.core.json b/packages/design-system-tokens/src/tokens/Theme.core.json index 3757416c09..c5bcc3138b 100644 --- a/packages/design-system-tokens/src/tokens/Theme.core.json +++ b/packages/design-system-tokens/src/tokens/Theme.core.json @@ -4506,7 +4506,7 @@ }, "trigger": { "color": { - "$value": "{theme.color.primary}", + "$value": "{theme.color.base}", "$extensions": { "com.figma": { "hiddenFromPublishing": false, diff --git a/packages/design-system-tokens/src/tokens/Theme.healthcare.json b/packages/design-system-tokens/src/tokens/Theme.healthcare.json index 65f896582f..4055dba7de 100644 --- a/packages/design-system-tokens/src/tokens/Theme.healthcare.json +++ b/packages/design-system-tokens/src/tokens/Theme.healthcare.json @@ -4507,7 +4507,7 @@ }, "trigger": { "color": { - "$value": "{theme.color.primary}", + "$value": "{theme.color.base}", "$extensions": { "com.figma": { "hiddenFromPublishing": false, diff --git a/packages/docs/static/themes/cmsgov-theme.css b/packages/docs/static/themes/cmsgov-theme.css index 8ad4e97d72..8c6659f38e 100644 --- a/packages/docs/static/themes/cmsgov-theme.css +++ b/packages/docs/static/themes/cmsgov-theme.css @@ -469,7 +469,7 @@ --tooltip__color: var(--color-base); --tooltip-icon__color: var(--color-primary); --tooltip-icon__color--inverse: var(--color-white); ---tooltip-trigger__color: var(--color-primary); +--tooltip-trigger__color: var(--color-base); --vertical-nav-item__background-color--hover: var(--color-gray-lightest); --vertical-nav-item__border-color: var(--color-gray-dark); --vertical-nav-item__color--hover: var(--color-primary); diff --git a/packages/docs/static/themes/core-theme.css b/packages/docs/static/themes/core-theme.css index bcaf7f77f8..4d9921a420 100644 --- a/packages/docs/static/themes/core-theme.css +++ b/packages/docs/static/themes/core-theme.css @@ -469,7 +469,7 @@ --tooltip__color: var(--color-base); --tooltip-icon__color: var(--color-primary); --tooltip-icon__color--inverse: var(--color-white); ---tooltip-trigger__color: var(--color-primary); +--tooltip-trigger__color: var(--color-base); --vertical-nav-item__background-color--hover: var(--color-gray-lightest); --vertical-nav-item__border-color: var(--color-gray-dark); --vertical-nav-item__color--hover: var(--color-primary); diff --git a/packages/docs/static/themes/healthcare-theme.css b/packages/docs/static/themes/healthcare-theme.css index a91aad89e8..b44a7b7e2b 100644 --- a/packages/docs/static/themes/healthcare-theme.css +++ b/packages/docs/static/themes/healthcare-theme.css @@ -469,7 +469,7 @@ --tooltip__color: var(--color-base); --tooltip-icon__color: var(--color-primary); --tooltip-icon__color--inverse: var(--color-white); ---tooltip-trigger__color: var(--color-primary); +--tooltip-trigger__color: var(--color-base); --vertical-nav-item__background-color--hover: var(--color-gray-lightest); --vertical-nav-item__border-color: var(--color-gray-dark); --vertical-nav-item__color--hover: var(--color-primary); diff --git a/packages/ds-medicare-gov/src/styles/components/_Tooltip.scss b/packages/ds-medicare-gov/src/styles/components/_Tooltip.scss index c9974eed1d..7903c31c8f 100644 --- a/packages/ds-medicare-gov/src/styles/components/_Tooltip.scss +++ b/packages/ds-medicare-gov/src/styles/components/_Tooltip.scss @@ -6,14 +6,14 @@ .ds-c-tooltip__trigger-link { color: var(--tooltip-trigger__color); cursor: default; - text-decoration-color: var(--color-primary); + text-decoration-color: var(--tooltip-trigger__color); text-decoration-style: dashed; text-decoration-thickness: var(--link__text-decoration-thickness); text-underline-offset: var(--link__text-decoration-offset); &:hover { - color: var(--color-black); - text-decoration-color: var(--color-primary-darker); + color: var(--color-primary-darker); + text-decoration-color: var(--color-black); text-decoration-thickness: var(--link__text-decoration-thickness--hover); } } diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--Mobile-Chrome.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--Mobile-Chrome.png index 2a20123c8b..b339553cf6 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--Mobile-Chrome.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--Mobile-Chrome.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--chromium.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--chromium.png index 37a4b6f6fa..65c89bd487 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--chromium.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--chromium.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--firefox.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--firefox.png index de617856c6..67ddfcf933 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--firefox.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--firefox.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--webkit.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--webkit.png index c1145aafbe..125799c456 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--webkit.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-cmsgov--webkit.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--Mobile-Chrome.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--Mobile-Chrome.png index 08b8937b08..b339553cf6 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--Mobile-Chrome.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--Mobile-Chrome.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--chromium.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--chromium.png index 3f7850d655..65c89bd487 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--chromium.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--chromium.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--firefox.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--firefox.png index 123eb2c878..67ddfcf933 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--firefox.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--firefox.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--webkit.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--webkit.png index dd904a090f..5ef2826369 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--webkit.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-core--webkit.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--Mobile-Chrome.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--Mobile-Chrome.png index 1193ae1d04..b339553cf6 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--Mobile-Chrome.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--Mobile-Chrome.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--chromium.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--chromium.png index 34b8761ae6..65c89bd487 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--chromium.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--chromium.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--firefox.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--firefox.png index dac874a62f..67ddfcf933 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--firefox.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--firefox.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--webkit.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--webkit.png index a3762f8ebb..5ef2826369 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--webkit.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-healthcare--webkit.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--Mobile-Chrome.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--Mobile-Chrome.png index 596d4f8377..1e476a10d8 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--Mobile-Chrome.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--Mobile-Chrome.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--chromium.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--chromium.png index cfd684ec65..9f6c2dceb0 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--chromium.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--chromium.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--firefox.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--firefox.png index a78a5a5049..cbe85df024 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--firefox.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--firefox.png differ diff --git a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--webkit.png b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--webkit.png index d7316bf621..b15c669f83 100644 Binary files a/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--webkit.png and b/tests/browser/snapshots/stories/components-tooltip--inline-trigger-medicare--webkit.png differ