diff --git a/CHANGELOG.md b/CHANGELOG.md index 9827cdfa72a..e9d048cbb3c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -4,6 +4,8 @@ - Added `paddingSize` prop to `EuiSelectableList` ([#5581](https://github.com/elastic/eui/pull/5581)) - Added `errorMessage` prop to `EuiSelectable` ([#5581](https://github.com/elastic/eui/pull/5581)) - Refactored `EuiSelectable` accessibility ([#5581](https://github.com/elastic/eui/pull/5581)) +- Updated `tokenTag` design to look more like a tag ([#5553](https://github.com/elastic/eui/pull/5553)) +- Lowered border radius of `.euiToken--square` to look more like a square ([#5553](https://github.com/elastic/eui/pull/5553)) **Bug fixes** diff --git a/src/components/icon/__snapshots__/icon.test.tsx.snap b/src/components/icon/__snapshots__/icon.test.tsx.snap index 8419c5b717a..afc12e659a9 100644 --- a/src/components/icon/__snapshots__/icon.test.tsx.snap +++ b/src/components/icon/__snapshots__/icon.test.tsx.snap @@ -9637,11 +9637,10 @@ exports[`EuiIcon props type tokenTag is rendered 1`] = ` xmlns="http://www.w3.org/2000/svg" > diff --git a/src/components/icon/assets/tokenTag.tsx b/src/components/icon/assets/tokenTag.tsx index 3f11f4a012e..a61ab632b61 100644 --- a/src/components/icon/assets/tokenTag.tsx +++ b/src/components/icon/assets/tokenTag.tsx @@ -28,11 +28,10 @@ const EuiIconTokenTag = ({ {...props} > {title ? {title} : null} - + ); diff --git a/src/components/icon/svgs/tokens/tokenTag.svg b/src/components/icon/svgs/tokens/tokenTag.svg index e9a384246e9..e9c465e3e4d 100644 --- a/src/components/icon/svgs/tokens/tokenTag.svg +++ b/src/components/icon/svgs/tokens/tokenTag.svg @@ -1,6 +1,4 @@ - - - - + + \ No newline at end of file diff --git a/src/themes/amsterdam/overrides/_index.scss b/src/themes/amsterdam/overrides/_index.scss index fcb4c891e5e..2e6753aca4a 100644 --- a/src/themes/amsterdam/overrides/_index.scss +++ b/src/themes/amsterdam/overrides/_index.scss @@ -45,4 +45,5 @@ @import 'tabs'; @import 'text'; @import 'toast'; +@import 'token'; @import 'tooltip'; diff --git a/src/themes/amsterdam/overrides/_token.scss b/src/themes/amsterdam/overrides/_token.scss new file mode 100644 index 00000000000..7302be7663c --- /dev/null +++ b/src/themes/amsterdam/overrides/_token.scss @@ -0,0 +1,4 @@ +.euiToken--square { + // Same border radius as the legacy theme + border-radius: $euiBorderRadiusSmall - 1px; +}