From 168a8dfdf8bda1d5e7f9c66d2d50c3e649095024 Mon Sep 17 00:00:00 2001 From: Sarah Date: Wed, 11 Dec 2024 08:52:34 -0800 Subject: [PATCH] chore(Code Block): update space and size tokens in overflow button (#4184) * chore(Code Block): update space and size tokens in overflow button * chore: changeset * chore: actually use base-size token --- .changeset/fast-terms-fry.md | 6 ++++++ .../paste-core/components/code-block/src/OverflowButton.tsx | 4 ++-- 2 files changed, 8 insertions(+), 2 deletions(-) create mode 100644 .changeset/fast-terms-fry.md diff --git a/.changeset/fast-terms-fry.md b/.changeset/fast-terms-fry.md new file mode 100644 index 0000000000..33133a7212 --- /dev/null +++ b/.changeset/fast-terms-fry.md @@ -0,0 +1,6 @@ +--- +"@twilio-paste/code-block": patch +"@twilio-paste/core": patch +--- + +Updated spacing and sizing tokens for overflow button. No visible changes. diff --git a/packages/paste-core/components/code-block/src/OverflowButton.tsx b/packages/paste-core/components/code-block/src/OverflowButton.tsx index f49bb9961a..e6fcb9b2d3 100644 --- a/packages/paste-core/components/code-block/src/OverflowButton.tsx +++ b/packages/paste-core/components/code-block/src/OverflowButton.tsx @@ -47,8 +47,8 @@ export const OverflowButton: React.FC = ({ display="flex" alignItems="center" justifyContent="center" - width="sizeIcon40" - padding="space20" + width="sizeBase60" + padding="space10" position="relative" boxShadow={determineShadow()} element={`${element}_OVERFLOW_BUTTON_${position.toUpperCase()}`}