Skip to content

Commit

Permalink
feat: remove scale tokens from bButton & ButtonGroup
Browse files Browse the repository at this point in the history
  • Loading branch information
@TitanKuzmich
TitanKuzmich committed Mar 12, 2024
1 parent b16d6da commit 733fa9c
Show file tree
Hide file tree
Showing 14 changed files with 16 additions and 252 deletions.
18 changes: 0 additions & 18 deletions packages/caldera-online/src/components/Button/Button.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,8 +99,6 @@ export const config = {
${buttonTokens.buttonWidth}: 12.5rem;
${buttonTokens.buttonPadding}: 1.5rem;
${buttonTokens.buttonRadius}: 0.875rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
Expand All @@ -114,8 +112,6 @@ export const config = {
lr: css`
${buttonTokens.buttonHeight}: 3.5rem;
${buttonTokens.buttonWidth}: 12.5rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
Expand All @@ -131,8 +127,6 @@ export const config = {
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonPadding}: 1.25rem;
${buttonTokens.buttonRadius}: 0.75rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
Expand All @@ -145,9 +139,7 @@ export const config = {
`,
mr: css`
${buttonTokens.buttonHeight}: 3rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
Expand All @@ -163,8 +155,6 @@ export const config = {
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonPadding}: 1rem;
${buttonTokens.buttonRadius}: 0.625rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -178,8 +168,6 @@ export const config = {
sr: css`
${buttonTokens.buttonHeight}: 2.5rem;
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -195,8 +183,6 @@ export const config = {
${buttonTokens.buttonWidth}: 10rem;
${buttonTokens.buttonPadding}: 0.75rem;
${buttonTokens.buttonRadius}: 0.5rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -210,8 +196,6 @@ export const config = {
xsr: css`
${buttonTokens.buttonHeight}: 2rem;
${buttonTokens.buttonWidth}: 10rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -227,8 +211,6 @@ export const config = {
${buttonTokens.buttonWidth}: 8.75rem;
${buttonTokens.buttonPadding}: 0.625rem;
${buttonTokens.buttonRadius}: 0.375rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand Down
18 changes: 0 additions & 18 deletions packages/caldera/src/components/Button/Button.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,8 +99,6 @@ export const config = {
${buttonTokens.buttonWidth}: 12.5rem;
${buttonTokens.buttonPadding}: 1.5rem;
${buttonTokens.buttonRadius}: 0.875rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
Expand All @@ -114,8 +112,6 @@ export const config = {
lr: css`
${buttonTokens.buttonHeight}: 3.5rem;
${buttonTokens.buttonWidth}: 12.5rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
Expand All @@ -131,8 +127,6 @@ export const config = {
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonPadding}: 1.25rem;
${buttonTokens.buttonRadius}: 0.75rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
Expand All @@ -145,9 +139,7 @@ export const config = {
`,
mr: css`
${buttonTokens.buttonHeight}: 3rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
Expand All @@ -163,8 +155,6 @@ export const config = {
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonPadding}: 1rem;
${buttonTokens.buttonRadius}: 0.625rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -178,8 +168,6 @@ export const config = {
sr: css`
${buttonTokens.buttonHeight}: 2.5rem;
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -195,8 +183,6 @@ export const config = {
${buttonTokens.buttonWidth}: 10rem;
${buttonTokens.buttonPadding}: 0.75rem;
${buttonTokens.buttonRadius}: 0.5rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -210,8 +196,6 @@ export const config = {
xsr: css`
${buttonTokens.buttonHeight}: 2rem;
${buttonTokens.buttonWidth}: 10rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -227,8 +211,6 @@ export const config = {
${buttonTokens.buttonWidth}: 8.75rem;
${buttonTokens.buttonPadding}: 0.625rem;
${buttonTokens.buttonRadius}: 0.375rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand Down
26 changes: 8 additions & 18 deletions packages/plasma-b2c/src/components/Button/Button.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,8 +99,7 @@ export const config = {
${buttonTokens.buttonWidth}: 12.5rem;
${buttonTokens.buttonPadding}: 1.5rem;
${buttonTokens.buttonRadius}: 0.875rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
Expand All @@ -114,8 +113,7 @@ export const config = {
lr: css`
${buttonTokens.buttonHeight}: 3.5rem;
${buttonTokens.buttonWidth}: 12.5rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);
Expand All @@ -131,8 +129,7 @@ export const config = {
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonPadding}: 1.25rem;
${buttonTokens.buttonRadius}: 0.75rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
Expand All @@ -145,9 +142,7 @@ export const config = {
`,
mr: css`
${buttonTokens.buttonHeight}: 3rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);
Expand All @@ -163,8 +158,7 @@ export const config = {
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonPadding}: 1rem;
${buttonTokens.buttonRadius}: 0.625rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -178,8 +172,7 @@ export const config = {
sr: css`
${buttonTokens.buttonHeight}: 2.5rem;
${buttonTokens.buttonWidth}: 11.25rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -195,8 +188,7 @@ export const config = {
${buttonTokens.buttonWidth}: 10rem;
${buttonTokens.buttonPadding}: 0.75rem;
${buttonTokens.buttonRadius}: 0.5rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -210,8 +202,7 @@ export const config = {
xsr: css`
${buttonTokens.buttonHeight}: 2rem;
${buttonTokens.buttonWidth}: 10rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -227,8 +218,7 @@ export const config = {
${buttonTokens.buttonWidth}: 8.75rem;
${buttonTokens.buttonPadding}: 0.625rem;
${buttonTokens.buttonRadius}: 0.375rem;
${buttonTokens.buttonScaleActive}: 0.98;
${buttonTokens.buttonScaleHover}: 1.02;
${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);
${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);
${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);
Expand Down
Loading

0 comments on commit 733fa9c

Please sign in to comment.