From 63096c79e282e9894999039cd7a5b8dfae31a92c Mon Sep 17 00:00:00 2001 From: felixw Date: Mon, 23 Oct 2023 15:18:53 +0200 Subject: [PATCH 1/2] fix: add border radius to focussed nav item --- .../src/components/telekom/telekom-nav-item/telekom-nav-item.css | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css index 8afb1cfc6b..3657f00d3e 100644 --- a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css +++ b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css @@ -132,6 +132,7 @@ } .scale-telekom-nav-item > :where(a, button):focus { + border-radius: 2px; outline: var(--focus-outline); } From 53a7883e79f3d9859e93817772e4c8882060089f Mon Sep 17 00:00:00 2001 From: felixw Date: Tue, 31 Oct 2023 18:20:50 +0100 Subject: [PATCH 2/2] fix: update design-tokens, use new radius token --- packages/components/package.json | 2 +- .../telekom/telekom-nav-item/telekom-nav-item.css | 2 +- yarn.lock | 8 ++++---- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/components/package.json b/packages/components/package.json index 0ac4794b23..46cebe721a 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -72,7 +72,7 @@ "@duetds/date-picker": "1.2.0", "@floating-ui/dom": "^0.5.4", "@stencil/core": "^2.17.0", - "@telekom/design-tokens": "1.0.0-beta.8", + "@telekom/design-tokens": "1.0.0-beta.10", "@telekom/scale-design-tokens": "^3.0.0-beta.142", "classnames": "^2.2.6", "stencil-inline-svg": "^1.0.1" diff --git a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css index 3657f00d3e..9cfb30d624 100644 --- a/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css +++ b/packages/components/src/components/telekom/telekom-nav-item/telekom-nav-item.css @@ -132,7 +132,7 @@ } .scale-telekom-nav-item > :where(a, button):focus { - border-radius: 2px; + border-radius: var(--telekom-radius-extra-small); outline: var(--focus-outline); } diff --git a/yarn.lock b/yarn.lock index 3ce600ed5e..f5ee0d817c 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5768,10 +5768,10 @@ vue-docgen-loader "^1.5.0" webpack "4" -"@telekom/design-tokens@1.0.0-beta.8": - version "1.0.0-beta.8" - resolved "https://registry.yarnpkg.com/@telekom/design-tokens/-/design-tokens-1.0.0-beta.8.tgz#afee8cf9c3a1fafc2fed230ab02a5bb79c7abc97" - integrity sha512-8wVJyKXHjEyv7MZgAIGN0pUvZgI2wK5MGC5QxH/YSUgnp6baxC3iBaoMATfatt1krdBu7TGKwmHEdUOefJhQWA== +"@telekom/design-tokens@1.0.0-beta.10": + version "1.0.0-beta.10" + resolved "https://registry.yarnpkg.com/@telekom/design-tokens/-/design-tokens-1.0.0-beta.10.tgz#381956d229bd1c4d096c96e51de371323a60de10" + integrity sha512-57BFgDxDkvOOrQf7wmS1u5jQmPRdhh6Y/qOHwTvYlS5GwGlkr3EeGeuwePL5pJ7z0jTnxEIVhmwbZnIx9AIX8w== "@telekom/design-tokens@^1.0.0-beta.2": version "1.0.0-beta.2"