Skip to content

Commit

Permalink
feat(sdds-*): fix padding tokens
Browse files Browse the repository at this point in the history
  • Loading branch information
@TitanKuzmich
TitanKuzmich committed Dec 4, 2024
1 parent 4ecd8cf commit 9fbd1b1
Show file tree
Hide file tree
Showing 34 changed files with 123 additions and 246 deletions.
3 changes: 1 addition & 2 deletions packages/sdds-cs/src/components/Chip/Chip.config.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,8 +52,7 @@ export const config = {
${chipTokens.pilledBorderRadius}: 1rem;
${chipTokens.width}: auto;
${chipTokens.height}: 2.5rem;
${chipTokens.paddingRight}: 1rem;
${chipTokens.paddingLeft}: 1rem;
${chipTokens.padding}: 0 1rem;
${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size);
Expand Down
3 changes: 1 addition & 2 deletions packages/sdds-cs/src/components/ChipGroup/ChipGroup.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.5rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2.5rem;
${tokens.chipPaddingRight}: 1rem;
${tokens.chipPaddingLeft}: 1rem;
${tokens.chipPadding}: 0 1rem;
${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
Expand Down
3 changes: 1 addition & 2 deletions packages/sdds-cs/src/components/Combobox/Combobox.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -163,8 +163,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.25rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 1.75rem;
${tokens.textFieldChipPaddingRight}: 0.5rem;
${tokens.textFieldChipPaddingLeft}: 0.75rem;
${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1rem;
Expand Down
3 changes: 1 addition & 2 deletions packages/sdds-cs/src/components/Counter/Counter.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,8 +28,7 @@ export const config = {
s: css`
${counterTokens.borderRadius}: 1.25rem;
${counterTokens.height}: 1.25rem;
${counterTokens.paddingRight}: 0.375rem;
${counterTokens.paddingLeft}: 0.375rem;
${counterTokens.padding}: 0 0.375rem;
${counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
${counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
${counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
Expand Down
3 changes: 1 addition & 2 deletions packages/sdds-cs/src/components/Select/Select.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -129,8 +129,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.25rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 1.75rem;
${tokens.textFieldChipPaddingRight}: 0.5rem;
${tokens.textFieldChipPaddingLeft}: 0.75rem;
${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1rem;
Expand Down
3 changes: 1 addition & 2 deletions packages/sdds-cs/src/components/TextField/TextField.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,8 +154,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.25rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 1.75rem;
${tokens.chipPaddingRight}: 0.5rem;
${tokens.chipPaddingLeft}: 0.75rem;
${tokens.chipPadding}: 0 0.5rem 0 0.75rem;
${tokens.chipClearContentMarginLeft}: 0.375rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1rem;
Expand Down
12 changes: 4 additions & 8 deletions packages/sdds-dfa/src/components/Chip/Chip.config.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,8 +87,7 @@ export const config = {
${chipTokens.pilledBorderRadius}: 1.5rem;
${chipTokens.width}: auto;
${chipTokens.height}: 3rem;
${chipTokens.paddingRight}: 1rem;
${chipTokens.paddingLeft}: 1rem;
${chipTokens.padding}: 0 1rem;
${chipTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
${chipTokens.fontSize}: var(--plasma-typo-body-l-font-size);
Expand All @@ -112,8 +111,7 @@ export const config = {
${chipTokens.pilledBorderRadius}: 1.25rem;
${chipTokens.width}: auto;
${chipTokens.height}: 2.5rem;
${chipTokens.paddingRight}: 0.875rem;
${chipTokens.paddingLeft}: 0.875rem;
${chipTokens.padding}: 0 0.875rem;
${chipTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
${chipTokens.fontSize}: var(--plasma-typo-body-m-font-size);
Expand All @@ -137,8 +135,7 @@ export const config = {
${chipTokens.pilledBorderRadius}: 1rem;
${chipTokens.width}: auto;
${chipTokens.height}: 2rem;
${chipTokens.paddingRight}: 0.875rem;
${chipTokens.paddingLeft}: 0.875rem;
${chipTokens.padding}: 0 0.875rem;
${chipTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
${chipTokens.fontSize}: var(--plasma-typo-body-s-font-size);
Expand All @@ -162,8 +159,7 @@ export const config = {
${chipTokens.pilledBorderRadius}: 0.75rem;
${chipTokens.width}: auto;
${chipTokens.height}: 1.5rem;
${chipTokens.paddingRight}: 0.625rem;
${chipTokens.paddingLeft}: 0.625rem;
${chipTokens.padding}: 0 0.625rem;
${chipTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
${chipTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
Expand Down
12 changes: 4 additions & 8 deletions packages/sdds-dfa/src/components/ChipGroup/ChipGroup.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.75rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 3rem;
${tokens.chipPaddingRight}: 1rem;
${tokens.chipPaddingLeft}: 1rem;
${tokens.chipPadding}: 0 1rem;
${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);
${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);
Expand All @@ -61,8 +60,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.625rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2.5rem;
${tokens.chipPaddingRight}: 0.875rem;
${tokens.chipPaddingLeft}: 0.875rem;
${tokens.chipPadding}: 0 0.875rem;
${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
Expand All @@ -85,8 +83,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.5rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2rem;
${tokens.chipPaddingRight}: 0.875rem;
${tokens.chipPaddingLeft}: 0.875rem;
${tokens.chipPadding}: 0 0.875rem;
${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);
${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);
Expand All @@ -109,8 +106,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.375rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 1.5rem;
${tokens.chipPaddingRight}: 0.625rem;
${tokens.chipPaddingLeft}: 0.625rem;
${tokens.chipPadding}: 0 0.625rem;
${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);
${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);
Expand Down
12 changes: 4 additions & 8 deletions packages/sdds-dfa/src/components/Combobox/Combobox.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -231,8 +231,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.5rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 2.75rem;
${tokens.textFieldChipPaddingRight}: 0.75rem;
${tokens.textFieldChipPaddingLeft}: 1rem;
${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1.5rem;
Expand Down Expand Up @@ -337,8 +336,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.375rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 2.25rem;
${tokens.textFieldChipPaddingRight}: 0.625rem;
${tokens.textFieldChipPaddingLeft}: 0.875rem;
${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1.25rem;
Expand Down Expand Up @@ -443,8 +441,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.25rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 1.75rem;
${tokens.textFieldChipPaddingRight}: 0.5rem;
${tokens.textFieldChipPaddingLeft}: 0.75rem;
${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1rem;
Expand Down Expand Up @@ -549,8 +546,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.125rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 1.25rem;
${tokens.textFieldChipPaddingRight}: 0.375rem;
${tokens.textFieldChipPaddingLeft}: 0.625rem;
${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.25rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 0.75rem;
Expand Down
15 changes: 5 additions & 10 deletions packages/sdds-dfa/src/components/Counter/Counter.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -40,8 +40,7 @@ export const config = {
l: css`
${counterTokens.borderRadius}: 1rem;
${counterTokens.height}: 1.75rem;
${counterTokens.paddingRight}: 0.625rem;
${counterTokens.paddingLeft}: 0.625rem;
${counterTokens.padding}: 0 0.625rem;
${counterTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
${counterTokens.fontSize}: var(--plasma-typo-body-s-font-size);
${counterTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
Expand All @@ -52,8 +51,7 @@ export const config = {
m: css`
${counterTokens.borderRadius}: 1rem;
${counterTokens.height}: 1.5rem;
${counterTokens.paddingRight}: 0.5rem;
${counterTokens.paddingLeft}: 0.5rem;
${counterTokens.padding}: 0 0.5rem;
${counterTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
${counterTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
${counterTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
Expand All @@ -64,8 +62,7 @@ export const config = {
s: css`
${counterTokens.borderRadius}: 1rem;
${counterTokens.height}: 1.25rem;
${counterTokens.paddingRight}: 0.375rem;
${counterTokens.paddingLeft}: 0.375rem;
${counterTokens.padding}: 0 0.375rem;
${counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
${counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
${counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
Expand All @@ -76,8 +73,7 @@ export const config = {
xs: css`
${counterTokens.borderRadius}: 1rem;
${counterTokens.height}: 1rem;
${counterTokens.paddingRight}: 0.25rem;
${counterTokens.paddingLeft}: 0.25rem;
${counterTokens.padding}: 0 0.25rem;
${counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
${counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
${counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
Expand All @@ -88,8 +84,7 @@ export const config = {
xxs: css`
${counterTokens.borderRadius}: 1rem;
${counterTokens.height}: 0.75rem;
${counterTokens.paddingRight}: 0.125rem;
${counterTokens.paddingLeft}: 0.125rem;
${counterTokens.padding}: 0 0.125rem;
${counterTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
${counterTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
${counterTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
Expand Down
12 changes: 4 additions & 8 deletions packages/sdds-dfa/src/components/Select/Select.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -293,8 +293,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.5rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 2.75rem;
${tokens.textFieldChipPaddingRight}: 0.75rem;
${tokens.textFieldChipPaddingLeft}: 1rem;
${tokens.textFieldChipPadding}: 0 0.75rem 0 1rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.625rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1.5rem;
Expand Down Expand Up @@ -402,8 +401,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.375rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 2.25rem;
${tokens.textFieldChipPaddingRight}: 0.625rem;
${tokens.textFieldChipPaddingLeft}: 0.875rem;
${tokens.textFieldChipPadding}: 0 0.625rem 0 0.875rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.5rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1.25rem;
Expand Down Expand Up @@ -511,8 +509,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.25rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 1.75rem;
${tokens.textFieldChipPaddingRight}: 0.5rem;
${tokens.textFieldChipPaddingLeft}: 0.75rem;
${tokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.375rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 1rem;
Expand Down Expand Up @@ -620,8 +617,7 @@ export const config = {
${tokens.textFieldChipBorderRadius}: 0.125rem;
${tokens.textFieldChipWidth}: auto;
${tokens.textFieldChipHeight}: 1.25rem;
${tokens.textFieldChipPaddingRight}: 0.375rem;
${tokens.textFieldChipPaddingLeft}: 0.625rem;
${tokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;
${tokens.textFieldChipClearContentMarginLeft}: 0.25rem;
${tokens.textFieldChipClearContentMarginRight}: 0rem;
${tokens.textFieldChipCloseIconSize}: 0.75rem;
Expand Down
12 changes: 4 additions & 8 deletions packages/sdds-dfa/src/components/TextField/TextField.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -238,8 +238,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.5rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2.75rem;
${tokens.chipPaddingRight}: 0.75rem;
${tokens.chipPaddingLeft}: 1rem;
${tokens.chipPadding}: 0 0.75rem 0 1rem;
${tokens.chipClearContentMarginLeft}: 0.625rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1.5rem;
Expand Down Expand Up @@ -315,8 +314,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.375rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2.25rem;
${tokens.chipPaddingRight}: 0.625rem;
${tokens.chipPaddingLeft}: 0.875rem;
${tokens.chipPadding}: 0 0.625rem 0 0.875rem;
${tokens.chipClearContentMarginLeft}: 0.5rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1.25rem;
Expand Down Expand Up @@ -392,8 +390,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.25rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 1.75rem;
${tokens.chipPaddingRight}: 0.5rem;
${tokens.chipPaddingLeft}: 0.75rem;
${tokens.chipPadding}: 0 0.5rem 0 0.75rem;
${tokens.chipClearContentMarginLeft}: 0.375rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1rem;
Expand Down Expand Up @@ -469,8 +466,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.125rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 1.25rem;
${tokens.chipPaddingRight}: 0.375rem;
${tokens.chipPaddingLeft}: 0.625rem;
${tokens.chipPadding}: 0 0.375rem 0 0.625rem;
${tokens.chipClearContentMarginLeft}: 0.25rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 0.75rem;
Expand Down
12 changes: 4 additions & 8 deletions packages/sdds-dfa/src/components/TextFieldGroup/TextFieldGroup.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,8 +51,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.5rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2.75rem;
${tokens.chipPaddingRight}: 0.75rem;
${tokens.chipPaddingLeft}: 1rem;
${tokens.chipPadding}: 0 0.75rem 0 1rem;
${tokens.chipClearContentMarginLeft}: 0.625rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1.5rem;
Expand Down Expand Up @@ -108,8 +107,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.375rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 2.25rem;
${tokens.chipPaddingRight}: 0.625rem;
${tokens.chipPaddingLeft}: 0.875rem;
${tokens.chipPadding}: 0 0.625rem 0 0.875rem;
${tokens.chipClearContentMarginLeft}: 0.5rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1.25rem;
Expand Down Expand Up @@ -165,8 +163,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.25rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 1.75rem;
${tokens.chipPaddingRight}: 0.5rem;
${tokens.chipPaddingLeft}: 0.75rem;
${tokens.chipPadding}: 0 0.5rem 0 0.75rem;
${tokens.chipClearContentMarginLeft}: 0.375rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 1rem;
Expand Down Expand Up @@ -222,8 +219,7 @@ export const config = {
${tokens.chipBorderRadius}: 0.125rem;
${tokens.chipWidth}: auto;
${tokens.chipHeight}: 1.25rem;
${tokens.chipPaddingRight}: 0.375rem;
${tokens.chipPaddingLeft}: 0.625rem;
${tokens.chipPadding}: 0 0.375rem 0 0.625rem;
${tokens.chipClearContentMarginLeft}: 0.25rem;
${tokens.chipClearContentMarginRight}: 0rem;
${tokens.chipCloseIconSize}: 0.75rem;
Expand Down
Loading

0 comments on commit 9fbd1b1

Please sign in to comment.