diff --git a/CHANGELOG.md b/CHANGELOG.md index 1241494cdb..b6fc521645 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,18 @@ All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. +## [v13.2.53](https://github.com/Workday/canvas-kit/releases/tag/v13.2.53) (2026-01-22) + +### Components + +- fix: Remove global selector on body for tooltip ([#3705](https://github.com/Workday/canvas-kit/pull/3705)) ([@mannycarrera4](https://github.com/mannycarrera4), manuel.carrera) + + +## [v13.2.52](https://github.com/Workday/canvas-kit/releases/tag/v13.2.52) (2026-01-22) + +### Components + +- fix: Add RTL icon support to ExternalHyperlink component in v13 ([#3694](https://github.com/Workday/canvas-kit/pull/3694)) ([@ahayes91](https://github.com/ahayes91)) ## [v14.2.10](https://github.com/Workday/canvas-kit/releases/tag/v14.2.10) (2026-01-21) ### Components diff --git a/modules/react/button/lib/BaseButton.tsx b/modules/react/button/lib/BaseButton.tsx index 34eea8e2b9..ee8c4e3e2d 100644 --- a/modules/react/button/lib/BaseButton.tsx +++ b/modules/react/button/lib/BaseButton.tsx @@ -152,7 +152,10 @@ export const buttonStencil = createStencil({ position: 'relative', verticalAlign: 'middle', overflow: 'hidden', - [systemIconStencil.vars.color]: cssVar(buttonColorPropVars.default.icon, system.color.fg.strong), + [systemIconStencil.vars.color]: cssVar( + buttonColorPropVars.default.icon, + system.color.fg.strong + ), transition: 'box-shadow 120ms linear, border 120ms linear, background-color 120ms linear, color 120ms linear', '&:disabled, &:disabled:active, &.disabled': { diff --git a/modules/react/button/stories/button/Hyperlink.mdx b/modules/react/button/stories/button/Hyperlink.mdx index 1014a83508..1a4887c7ed 100644 --- a/modules/react/button/stories/button/Hyperlink.mdx +++ b/modules/react/button/stories/button/Hyperlink.mdx @@ -3,6 +3,7 @@ import {Link} from './examples/Hyperlink'; import {LinkInverse} from './examples/HyperlinkInverse'; import {ExternalLink} from './examples/ExternalHyperlink'; import {ExternalLinkInverse} from './examples/ExternalHyperlinkInverse'; +import {ExternalLinkRTL} from './examples/ExternalHyperlinkRTL'; import {StandaloneLink} from './examples/StandaloneHyperlink'; import {InBodyText} from './examples/HyperlinkInBodyText'; @@ -103,6 +104,10 @@ link on a dark or colorful background. +`ExternalHyperlink`s will also flip the icon for right-to-left (RTL) languages. + + + ### Component API ( + + + השועל החום המהיר קופץ מעל הכלב העצל + + +); diff --git a/modules/react/button/stories/button/examples/Primary.tsx b/modules/react/button/stories/button/examples/Primary.tsx index 7e0e15e2a3..ff8742c80c 100644 --- a/modules/react/button/stories/button/examples/Primary.tsx +++ b/modules/react/button/stories/button/examples/Primary.tsx @@ -17,10 +17,7 @@ const parentContainerStyles = createStyles({ export const Primary = () => ( Primary - + Primary diff --git a/modules/react/package.json b/modules/react/package.json index 62913632d1..741b9fb34e 100644 --- a/modules/react/package.json +++ b/modules/react/package.json @@ -53,10 +53,10 @@ "@tanstack/react-virtual": "^3.13.9", "@workday/canvas-colors-web": "^2.0.0", "@workday/canvas-kit-popup-stack": "^14.2.10", - "@workday/canvas-kit-preview-react": "^14.2.10", "@workday/canvas-kit-styling": "^14.2.10", "@workday/canvas-system-icons-web": "^3.0.36", "@workday/canvas-tokens-web": "^3.1.1", + "@workday/canvas-kit-preview-react": "^14.2.10", "@workday/design-assets-types": "^0.2.10", "chroma-js": "^2.2.0", "csstype": "^3.0.2", diff --git a/modules/react/tooltip/lib/TooltipContainer.tsx b/modules/react/tooltip/lib/TooltipContainer.tsx index a7cf59913b..f5739aad2f 100644 --- a/modules/react/tooltip/lib/TooltipContainer.tsx +++ b/modules/react/tooltip/lib/TooltipContainer.tsx @@ -92,14 +92,6 @@ export const tooltipContainerStencil = createStencil({ bottom: 0, }, - // offset tooltips by 2 pixels when a keyboard focus ring is detected - 'body:has(:focus-visible, .focus) &': { - padding: calc.subtract(system.space.x4, calc.divide(system.space.x1, 2)), - '&:before': { - margin: calc.add(system.space.x1, calc.divide(system.space.x1, 2)), - }, - }, - // Hide tooltip when the reference element is either clipped or fully hidden '[data-popper-reference-hidden] &': { visibility: 'hidden', diff --git a/modules/styling-transform/package.json b/modules/styling-transform/package.json index 1caae33af9..82ae842480 100644 --- a/modules/styling-transform/package.json +++ b/modules/styling-transform/package.json @@ -39,8 +39,8 @@ "dependencies": { "@emotion/serialize": "^1.0.2", "@workday/canvas-kit-styling": "^14.2.10", - "@workday/canvas-tokens-web": "^3.1.1", "stylis": "4.0.13", + "@workday/canvas-tokens-web": "^3.1.1", "ts-node": "^10.9.1", "typescript": "5.0" },