Skip to content

Commit

Permalink
feat(sdds-srvc,caldera/-online): update Button config
Browse files Browse the repository at this point in the history
  • Loading branch information
@TitanKuzmich
TitanKuzmich committed Feb 20, 2024
1 parent 7e03813 commit 725e0b9
Show file tree
Hide file tree
Showing 3 changed files with 81 additions and 0 deletions.
27 changes: 27 additions & 0 deletions packages/caldera-online/src/components/Button/Button.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,6 +105,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
lr: css`
${buttonTokens.buttonHeight}: 3.5rem;
Expand All @@ -115,6 +118,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
m: css`
${buttonTokens.buttonHeight}: 3rem;
Expand All @@ -127,6 +133,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
mr: css`
${buttonTokens.buttonHeight}: 3rem;
Expand All @@ -137,6 +146,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
s: css`
${buttonTokens.buttonHeight}: 2.5rem;
Expand All @@ -149,6 +161,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
sr: css`
${buttonTokens.buttonHeight}: 2.5rem;
Expand All @@ -159,6 +174,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xs: css`
${buttonTokens.buttonHeight}: 2rem;
Expand All @@ -171,6 +189,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 16px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xsr: css`
${buttonTokens.buttonHeight}: 2rem;
Expand All @@ -181,6 +202,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 16px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xxs: css`
${buttonTokens.buttonHeight}: 1.5rem;
Expand All @@ -193,6 +217,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 12px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
},
disabled: {
Expand Down
27 changes: 27 additions & 0 deletions packages/caldera/src/components/Button/Button.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,6 +105,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
lr: css`
${buttonTokens.buttonHeight}: 3.5rem;
Expand All @@ -115,6 +118,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
m: css`
${buttonTokens.buttonHeight}: 3rem;
Expand All @@ -127,6 +133,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
mr: css`
${buttonTokens.buttonHeight}: 3rem;
Expand All @@ -137,6 +146,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
s: css`
${buttonTokens.buttonHeight}: 2.5rem;
Expand All @@ -149,6 +161,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
sr: css`
${buttonTokens.buttonHeight}: 2.5rem;
Expand All @@ -159,6 +174,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xs: css`
${buttonTokens.buttonHeight}: 2rem;
Expand All @@ -171,6 +189,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 16px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xsr: css`
${buttonTokens.buttonHeight}: 2rem;
Expand All @@ -181,6 +202,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 16px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xxs: css`
${buttonTokens.buttonHeight}: 1.5rem;
Expand All @@ -193,6 +217,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 12px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
},
disabled: {
Expand Down
27 changes: 27 additions & 0 deletions packages/sdds-srvc/src/components/Button/Button.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -105,6 +105,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
lr: css`
${buttonTokens.buttonHeight}: 3.5rem;
Expand All @@ -115,6 +118,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
m: css`
${buttonTokens.buttonHeight}: 3rem;
Expand All @@ -127,6 +133,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
mr: css`
${buttonTokens.buttonHeight}: 3rem;
Expand All @@ -137,6 +146,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
s: css`
${buttonTokens.buttonHeight}: 2.5rem;
Expand All @@ -149,6 +161,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
sr: css`
${buttonTokens.buttonHeight}: 2.5rem;
Expand All @@ -159,6 +174,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);
${buttonTokens.buttonSpinnerSize}: 22px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xs: css`
${buttonTokens.buttonHeight}: 2rem;
Expand All @@ -171,6 +189,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 16px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xsr: css`
${buttonTokens.buttonHeight}: 2rem;
Expand All @@ -181,6 +202,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 16px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
xxs: css`
${buttonTokens.buttonHeight}: 1.5rem;
Expand All @@ -193,6 +217,9 @@ export const config = {
${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);
${buttonTokens.buttonSpinnerSize}: 12px;
${buttonTokens.buttonSpinnerColor}: inherit;
`,
},
disabled: {
Expand Down

0 comments on commit 725e0b9

Please sign in to comment.