diff --git a/src/__integ__/__snapshots__/themes.test.ts.snap b/src/__integ__/__snapshots__/themes.test.ts.snap index 32c216fe2f..9dc8d43217 100644 --- a/src/__integ__/__snapshots__/themes.test.ts.snap +++ b/src/__integ__/__snapshots__/themes.test.ts.snap @@ -611,8 +611,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "compact" 1`] = "color-text-link-button-normal-hover": "#16191f", "color-text-link-button-underline": "currentColor", "color-text-link-button-underline-hover": "currentColor", - "color-text-link-decoration-default": "#0073bb", - "color-text-link-decoration-hover": "#0a4a74", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#0073bb", "color-text-link-hover": "#0a4a74", "color-text-link-info-default": "#0073bb", @@ -1510,8 +1510,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "dark" 1`] = ` "color-text-link-button-normal-hover": "#fafafa", "color-text-link-button-underline": "currentColor", "color-text-link-button-underline-hover": "currentColor", - "color-text-link-decoration-default": "#44b9d6", - "color-text-link-decoration-hover": "#99cbe4", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#44b9d6", "color-text-link-hover": "#99cbe4", "color-text-link-info-default": "#44b9d6", @@ -2409,8 +2409,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "light" 1`] = ` "color-text-link-button-normal-hover": "#16191f", "color-text-link-button-underline": "currentColor", "color-text-link-button-underline-hover": "currentColor", - "color-text-link-decoration-default": "#0073bb", - "color-text-link-decoration-hover": "#0a4a74", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#0073bb", "color-text-link-hover": "#0a4a74", "color-text-link-info-default": "#0073bb", @@ -3308,8 +3308,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "reduced-motion" "color-text-link-button-normal-hover": "#16191f", "color-text-link-button-underline": "currentColor", "color-text-link-button-underline-hover": "currentColor", - "color-text-link-decoration-default": "#0073bb", - "color-text-link-decoration-hover": "#0a4a74", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#0073bb", "color-text-link-hover": "#0a4a74", "color-text-link-info-default": "#0073bb", @@ -4207,8 +4207,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh" "color-text-link-button-normal-hover": "#002b66", "color-text-link-button-underline": "transparent", "color-text-link-button-underline-hover": "transparent", - "color-text-link-decoration-default": "#006ce0", - "color-text-link-decoration-hover": "#002b66", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#006ce0", "color-text-link-hover": "#002b66", "color-text-link-info-default": "#006ce0", @@ -5106,8 +5106,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-link-button-normal-hover": "#002b66", "color-text-link-button-underline": "transparent", "color-text-link-button-underline-hover": "transparent", - "color-text-link-decoration-default": "#006ce0", - "color-text-link-decoration-hover": "#002b66", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#006ce0", "color-text-link-hover": "#002b66", "color-text-link-info-default": "#006ce0", @@ -6005,8 +6005,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-link-button-normal-hover": "#75cfff", "color-text-link-button-underline": "transparent", "color-text-link-button-underline-hover": "transparent", - "color-text-link-decoration-default": "#42b4ff", - "color-text-link-decoration-hover": "#75cfff", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#42b4ff", "color-text-link-hover": "#75cfff", "color-text-link-info-default": "#42b4ff", @@ -6904,8 +6904,8 @@ exports[`CSS Custom Properties match previous snapshot for mode "visual-refresh- "color-text-link-button-normal-hover": "#75cfff", "color-text-link-button-underline": "transparent", "color-text-link-button-underline-hover": "transparent", - "color-text-link-decoration-default": "#42b4ff", - "color-text-link-decoration-hover": "#75cfff", + "color-text-link-decoration-default": "currentColor", + "color-text-link-decoration-hover": "currentColor", "color-text-link-default": "#42b4ff", "color-text-link-hover": "#75cfff", "color-text-link-info-default": "#42b4ff", diff --git a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap index 85b636273f..5e45898473 100644 --- a/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap +++ b/src/__tests__/snapshot-tests/__snapshots__/design-tokens.test.ts.snap @@ -2730,20 +2730,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#44b9d6", - "light": "#0073bb", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#99cbe4", - "light": "#0a4a74", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -6184,20 +6170,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#44b9d6", - "light": "#0073bb", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#99cbe4", - "light": "#0a4a74", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -9638,20 +9610,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#44b9d6", - "light": "#0073bb", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#99cbe4", - "light": "#0a4a74", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -13092,20 +13050,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#fafafa", - "light": "#fafafa", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#ffffff", - "light": "#ffffff", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -16546,20 +16490,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#16191f", - "light": "#16191f", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -20000,20 +19930,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#16191f", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#44b9d6", - "light": "#44b9d6", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#99cbe4", - "light": "#99cbe4", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -23454,20 +23370,6 @@ exports[`Design tokens artifacts Design tokens JSON for classic matches the snap "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#44b9d6", - "light": "#0073bb", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#99cbe4", - "light": "#0a4a74", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -26913,20 +26815,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#006ce0", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#002b66", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -30367,20 +30255,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#0f141a", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#42b4ff", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#75cfff", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -33821,20 +33695,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#006ce0", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#002b66", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -37275,20 +37135,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#006ce0", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#002b66", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -40729,20 +40575,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#f9f9fa", - "light": "#f9f9fa", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#ffffff", - "light": "#ffffff", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -44183,20 +44015,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#0f141a", - "light": "#0f141a", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -47637,20 +47455,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#0f141a", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#42b4ff", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#75cfff", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -51091,20 +50895,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#0f141a", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#42b4ff", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#75cfff", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { @@ -54545,20 +54335,6 @@ exports[`Design tokens artifacts Design tokens JSON for visual-refresh matches t "light": "#ffffff", }, }, - "color-text-link-decoration-default": { - "$description": "The default color of the text decoration (underline) of links. Defaults to the link text color.", - "$value": { - "dark": "#42b4ff", - "light": "#006ce0", - }, - }, - "color-text-link-decoration-hover": { - "$description": "The hover color of the text decoration (underline) of links. Defaults to the link hover text color.", - "$value": { - "dark": "#75cfff", - "light": "#002b66", - }, - }, "color-text-link-default": { "$description": "The default color for links. For example: text in an anchor tag, info links, breadcrumb links, and icon links.", "$value": { diff --git a/src/link/constants.scss b/src/link/constants.scss index fa2f8eac12..b26d1f3932 100644 --- a/src/link/constants.scss +++ b/src/link/constants.scss @@ -66,7 +66,7 @@ $link-variants: ( 'font-weight': inherit, 'decoration-line': none, 'decoration-color': transparent, - 'decoration-color-hover': awsui.$color-text-link-decoration-hover, + 'decoration-color-hover': currentColor, 'letter-spacing': normal, ), 'primary': ( diff --git a/style-dictionary/visual-refresh/colors.ts b/style-dictionary/visual-refresh/colors.ts index 28e21f28d5..bf5fc29971 100644 --- a/style-dictionary/visual-refresh/colors.ts +++ b/style-dictionary/visual-refresh/colors.ts @@ -291,8 +291,8 @@ const tokens: StyleDictionary.ColorsDictionary = { colorTextLayoutToggleSelected: { light: '{colorWhite}', dark: '{colorNeutral950}' }, colorTextLinkDefault: { light: '{colorPrimary600}', dark: '{colorPrimary400}' }, colorTextLinkHover: { light: '{colorPrimary900}', dark: '{colorPrimary300}' }, - colorTextLinkDecorationDefault: '{colorTextLinkDefault}', - colorTextLinkDecorationHover: '{colorTextLinkHover}', + colorTextLinkDecorationDefault: 'currentColor', + colorTextLinkDecorationHover: 'currentColor', colorTextLinkSecondaryDefault: '{colorTextLinkDefault}', colorTextLinkSecondaryHover: '{colorTextLinkHover}', colorTextLinkInfoDefault: '{colorTextLinkDefault}', diff --git a/style-dictionary/visual-refresh/metadata/colors.ts b/style-dictionary/visual-refresh/metadata/colors.ts index 1c293a328a..74068ff1b7 100644 --- a/style-dictionary/visual-refresh/metadata/colors.ts +++ b/style-dictionary/visual-refresh/metadata/colors.ts @@ -938,12 +938,12 @@ const metadata: StyleDictionary.MetadataIndex = { }, colorTextLinkDecorationDefault: { description: 'The default color of the text decoration (underline) of links. Defaults to the link text color.', - public: true, + public: false, themeable: true, }, colorTextLinkDecorationHover: { description: 'The hover color of the text decoration (underline) of links. Defaults to the link hover text color.', - public: true, + public: false, themeable: true, }, colorTextLinkSecondaryDefault: {