Skip to content

Rename the liquid glass button internals to match Figma - #3137

Merged
StylianosGakis merged 1 commit into
design-system/mini-button-paddingfrom
design-system/glass-button-tokens-rename
Sep 8, 2026
Merged

Rename the liquid glass button internals to match Figma#3137
StylianosGakis merged 1 commit into
design-system/mini-button-paddingfrom
design-system/glass-button-tokens-rename

Conversation

@StylianosGakis

@StylianosGakis StylianosGakis commented Sep 7, 2026

Copy link
Copy Markdown
Member

Renaming of the glass buttons to better just explain what they are and why it's there

🤖 AI description:

📄 The button seam — visual walkthrough of this stack.

Pure rename, no behaviour change:

  • RoundedLargeSizeButtonTokensLiquidGlassButtonTokens
  • Size.LargeRoundedSize.LiquidGlass
  • private Style.RoundedPrimary / Style.RoundedLiquidGlassStyle.LiquidGlassTinted / Style.LiquidGlassRegular

Since #3126 made every button a pill, neither "rounded" nor "large" describes these any more. Figma models both buttons as one component, Button - Liquid Glass - Text (node 1:6724), with a boolean Tinted variant, so the names follow that. Split out from #3138 so that one's diff is about structure rather than rename noise.

@StylianosGakis
StylianosGakis marked this pull request as ready for review September 7, 2026 14:20
@StylianosGakis
StylianosGakis requested a review from a team as a code owner September 7, 2026 14:20
@StylianosGakis
StylianosGakis force-pushed the design-system/glass-button-tokens-rename branch from c99aa17 to d38b2ab Compare September 7, 2026 14:24
@StylianosGakis
StylianosGakis force-pushed the design-system/glass-button-tokens-rename branch from d38b2ab to 8f66e4c Compare September 7, 2026 15:42
@StylianosGakis StylianosGakis changed the title Rename the glass button metrics off the size axis naming Rename the overlay button metrics off the size axis naming Sep 7, 2026
RoundedLargeSizeButtonTokens -> LiquidGlassButtonTokens, Size.LargeRounded
-> Size.LiquidGlass, and the two private Style objects RoundedPrimary /
RoundedLiquidGlass -> LiquidGlassTinted / LiquidGlassRegular.

Figma models both of these as one component, 'Button - Liquid Glass -
Text' (node 1:6724), with a boolean Tinted variant. Since #3126 made every
button a pill, 'rounded' and 'large' no longer describe anything; these
are the liquid glass metrics, drawn at one fixed size. Pure rename, no
behaviour change.
@StylianosGakis
StylianosGakis force-pushed the design-system/glass-button-tokens-rename branch from 8f66e4c to 671c93f Compare September 8, 2026 10:41
@StylianosGakis StylianosGakis changed the title Rename the overlay button metrics off the size axis naming Rename the liquid glass button internals to match Figma Sep 8, 2026
@StylianosGakis
StylianosGakis merged commit ea0832d into develop Sep 8, 2026
4 checks passed
@StylianosGakis
StylianosGakis deleted the design-system/glass-button-tokens-rename branch September 8, 2026 11:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants