From 9fbd1b16c698683150bf324385ade5621e9271ec Mon Sep 17 00:00:00 2001 From: TitanKuzmich Date: Thu, 28 Nov 2024 12:46:21 +0300 Subject: [PATCH] feat(sdds-*): fix padding tokens --- .../sdds-cs/src/components/Chip/Chip.config.tsx | 3 +-- .../src/components/ChipGroup/ChipGroup.config.ts | 3 +-- .../src/components/Combobox/Combobox.config.ts | 3 +-- .../src/components/Counter/Counter.config.ts | 3 +-- .../src/components/Select/Select.config.ts | 3 +-- .../src/components/TextField/TextField.config.ts | 3 +-- .../sdds-dfa/src/components/Chip/Chip.config.tsx | 12 ++++-------- .../src/components/ChipGroup/ChipGroup.config.ts | 12 ++++-------- .../src/components/Combobox/Combobox.config.ts | 12 ++++-------- .../src/components/Counter/Counter.config.ts | 15 +++++---------- .../src/components/Select/Select.config.ts | 12 ++++-------- .../src/components/TextField/TextField.config.ts | 12 ++++-------- .../TextFieldGroup/TextFieldGroup.config.ts | 12 ++++-------- .../src/components/Chip/Chip.config.tsx | 12 ++++-------- .../src/components/ChipGroup/ChipGroup.config.ts | 12 ++++-------- .../src/components/Combobox/Combobox.config.ts | 12 ++++-------- .../src/components/Counter/Counter.config.ts | 15 +++++---------- .../src/components/Select/Select.config.ts | 12 ++++-------- .../src/components/TextField/TextField.config.ts | 12 ++++-------- .../TextFieldGroup/TextFieldGroup.config.ts | 12 ++++-------- .../src/components/Chip/Chip.config.tsx | 12 ++++-------- .../src/components/ChipGroup/ChipGroup.config.ts | 12 ++++-------- .../src/components/Combobox/Combobox.config.ts | 12 ++++-------- .../src/components/Counter/Counter.config.ts | 15 +++++---------- .../src/components/Select/Select.config.ts | 12 ++++-------- .../src/components/TextField/TextField.config.ts | 15 +++++---------- .../TextFieldGroup/TextFieldGroup.config.ts | 12 ++++-------- .../sdds-serv/src/components/Chip/Chip.config.tsx | 12 ++++-------- .../src/components/ChipGroup/ChipGroup.config.ts | 12 ++++-------- .../src/components/Combobox/Combobox.config.ts | 12 ++++-------- .../src/components/Counter/Counter.config.ts | 15 +++++---------- .../src/components/Select/Select.config.ts | 12 ++++-------- .../src/components/TextField/TextField.config.ts | 12 ++++-------- .../TextFieldGroup/TextFieldGroup.config.ts | 12 ++++-------- 34 files changed, 123 insertions(+), 246 deletions(-) diff --git a/packages/sdds-cs/src/components/Chip/Chip.config.tsx b/packages/sdds-cs/src/components/Chip/Chip.config.tsx index 1ae136d807..2aad0b0b5a 100644 --- a/packages/sdds-cs/src/components/Chip/Chip.config.tsx +++ b/packages/sdds-cs/src/components/Chip/Chip.config.tsx @@ -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); diff --git a/packages/sdds-cs/src/components/ChipGroup/ChipGroup.config.ts b/packages/sdds-cs/src/components/ChipGroup/ChipGroup.config.ts index 67ac77e2b4..cbe4ee0f68 100644 --- a/packages/sdds-cs/src/components/ChipGroup/ChipGroup.config.ts +++ b/packages/sdds-cs/src/components/ChipGroup/ChipGroup.config.ts @@ -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); diff --git a/packages/sdds-cs/src/components/Combobox/Combobox.config.ts b/packages/sdds-cs/src/components/Combobox/Combobox.config.ts index c0539568ed..f30a2eb803 100644 --- a/packages/sdds-cs/src/components/Combobox/Combobox.config.ts +++ b/packages/sdds-cs/src/components/Combobox/Combobox.config.ts @@ -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; diff --git a/packages/sdds-cs/src/components/Counter/Counter.config.ts b/packages/sdds-cs/src/components/Counter/Counter.config.ts index ab103c0295..7c77c2f705 100644 --- a/packages/sdds-cs/src/components/Counter/Counter.config.ts +++ b/packages/sdds-cs/src/components/Counter/Counter.config.ts @@ -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); diff --git a/packages/sdds-cs/src/components/Select/Select.config.ts b/packages/sdds-cs/src/components/Select/Select.config.ts index 873a3a3ba5..1fcec88c9a 100644 --- a/packages/sdds-cs/src/components/Select/Select.config.ts +++ b/packages/sdds-cs/src/components/Select/Select.config.ts @@ -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; diff --git a/packages/sdds-cs/src/components/TextField/TextField.config.ts b/packages/sdds-cs/src/components/TextField/TextField.config.ts index c70d96bc3b..22638c5764 100644 --- a/packages/sdds-cs/src/components/TextField/TextField.config.ts +++ b/packages/sdds-cs/src/components/TextField/TextField.config.ts @@ -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; diff --git a/packages/sdds-dfa/src/components/Chip/Chip.config.tsx b/packages/sdds-dfa/src/components/Chip/Chip.config.tsx index 7880301c4e..b3fe5a1aa2 100644 --- a/packages/sdds-dfa/src/components/Chip/Chip.config.tsx +++ b/packages/sdds-dfa/src/components/Chip/Chip.config.tsx @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-dfa/src/components/ChipGroup/ChipGroup.config.ts b/packages/sdds-dfa/src/components/ChipGroup/ChipGroup.config.ts index f42fea7cb0..900181d986 100644 --- a/packages/sdds-dfa/src/components/ChipGroup/ChipGroup.config.ts +++ b/packages/sdds-dfa/src/components/ChipGroup/ChipGroup.config.ts @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts b/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts index d0a1708450..a2cc9ec94b 100644 --- a/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts +++ b/packages/sdds-dfa/src/components/Combobox/Combobox.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-dfa/src/components/Counter/Counter.config.ts b/packages/sdds-dfa/src/components/Counter/Counter.config.ts index af5b45d0d2..140aa43a57 100644 --- a/packages/sdds-dfa/src/components/Counter/Counter.config.ts +++ b/packages/sdds-dfa/src/components/Counter/Counter.config.ts @@ -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); @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-dfa/src/components/Select/Select.config.ts b/packages/sdds-dfa/src/components/Select/Select.config.ts index b56c1e8bd0..287919be63 100644 --- a/packages/sdds-dfa/src/components/Select/Select.config.ts +++ b/packages/sdds-dfa/src/components/Select/Select.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-dfa/src/components/TextField/TextField.config.ts b/packages/sdds-dfa/src/components/TextField/TextField.config.ts index 4f7cea945e..2fce7462f0 100644 --- a/packages/sdds-dfa/src/components/TextField/TextField.config.ts +++ b/packages/sdds-dfa/src/components/TextField/TextField.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-dfa/src/components/TextFieldGroup/TextFieldGroup.config.ts b/packages/sdds-dfa/src/components/TextFieldGroup/TextFieldGroup.config.ts index 42668c5d7c..200d2e26ac 100644 --- a/packages/sdds-dfa/src/components/TextFieldGroup/TextFieldGroup.config.ts +++ b/packages/sdds-dfa/src/components/TextFieldGroup/TextFieldGroup.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-finportal/src/components/Chip/Chip.config.tsx b/packages/sdds-finportal/src/components/Chip/Chip.config.tsx index 7880301c4e..b3fe5a1aa2 100644 --- a/packages/sdds-finportal/src/components/Chip/Chip.config.tsx +++ b/packages/sdds-finportal/src/components/Chip/Chip.config.tsx @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-finportal/src/components/ChipGroup/ChipGroup.config.ts b/packages/sdds-finportal/src/components/ChipGroup/ChipGroup.config.ts index f42fea7cb0..900181d986 100644 --- a/packages/sdds-finportal/src/components/ChipGroup/ChipGroup.config.ts +++ b/packages/sdds-finportal/src/components/ChipGroup/ChipGroup.config.ts @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-finportal/src/components/Combobox/Combobox.config.ts b/packages/sdds-finportal/src/components/Combobox/Combobox.config.ts index d0a1708450..a2cc9ec94b 100644 --- a/packages/sdds-finportal/src/components/Combobox/Combobox.config.ts +++ b/packages/sdds-finportal/src/components/Combobox/Combobox.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-finportal/src/components/Counter/Counter.config.ts b/packages/sdds-finportal/src/components/Counter/Counter.config.ts index af5b45d0d2..140aa43a57 100644 --- a/packages/sdds-finportal/src/components/Counter/Counter.config.ts +++ b/packages/sdds-finportal/src/components/Counter/Counter.config.ts @@ -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); @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-finportal/src/components/Select/Select.config.ts b/packages/sdds-finportal/src/components/Select/Select.config.ts index b56c1e8bd0..287919be63 100644 --- a/packages/sdds-finportal/src/components/Select/Select.config.ts +++ b/packages/sdds-finportal/src/components/Select/Select.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-finportal/src/components/TextField/TextField.config.ts b/packages/sdds-finportal/src/components/TextField/TextField.config.ts index 4f7cea945e..2fce7462f0 100644 --- a/packages/sdds-finportal/src/components/TextField/TextField.config.ts +++ b/packages/sdds-finportal/src/components/TextField/TextField.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-finportal/src/components/TextFieldGroup/TextFieldGroup.config.ts b/packages/sdds-finportal/src/components/TextFieldGroup/TextFieldGroup.config.ts index 42668c5d7c..200d2e26ac 100644 --- a/packages/sdds-finportal/src/components/TextFieldGroup/TextFieldGroup.config.ts +++ b/packages/sdds-finportal/src/components/TextFieldGroup/TextFieldGroup.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-insol/src/components/Chip/Chip.config.tsx b/packages/sdds-insol/src/components/Chip/Chip.config.tsx index 7880301c4e..b3fe5a1aa2 100644 --- a/packages/sdds-insol/src/components/Chip/Chip.config.tsx +++ b/packages/sdds-insol/src/components/Chip/Chip.config.tsx @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-insol/src/components/ChipGroup/ChipGroup.config.ts b/packages/sdds-insol/src/components/ChipGroup/ChipGroup.config.ts index f42fea7cb0..900181d986 100644 --- a/packages/sdds-insol/src/components/ChipGroup/ChipGroup.config.ts +++ b/packages/sdds-insol/src/components/ChipGroup/ChipGroup.config.ts @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-insol/src/components/Combobox/Combobox.config.ts b/packages/sdds-insol/src/components/Combobox/Combobox.config.ts index d789d87b99..84c3b02c12 100644 --- a/packages/sdds-insol/src/components/Combobox/Combobox.config.ts +++ b/packages/sdds-insol/src/components/Combobox/Combobox.config.ts @@ -208,8 +208,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; @@ -314,8 +313,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; @@ -420,8 +418,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; @@ -526,8 +523,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; diff --git a/packages/sdds-insol/src/components/Counter/Counter.config.ts b/packages/sdds-insol/src/components/Counter/Counter.config.ts index af5b45d0d2..140aa43a57 100644 --- a/packages/sdds-insol/src/components/Counter/Counter.config.ts +++ b/packages/sdds-insol/src/components/Counter/Counter.config.ts @@ -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); @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-insol/src/components/Select/Select.config.ts b/packages/sdds-insol/src/components/Select/Select.config.ts index b56c1e8bd0..287919be63 100644 --- a/packages/sdds-insol/src/components/Select/Select.config.ts +++ b/packages/sdds-insol/src/components/Select/Select.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-insol/src/components/TextField/TextField.config.ts b/packages/sdds-insol/src/components/TextField/TextField.config.ts index b9c0167903..d14ec0df6b 100644 --- a/packages/sdds-insol/src/components/TextField/TextField.config.ts +++ b/packages/sdds-insol/src/components/TextField/TextField.config.ts @@ -200,8 +200,7 @@ export const config = { ${tokens.chipBorderRadius}: 0.625rem; ${tokens.chipWidth}: auto; ${tokens.chipHeight}: 3.25rem; - ${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; @@ -287,8 +286,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; @@ -374,8 +372,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}: 1rem; @@ -461,8 +458,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; @@ -548,8 +544,7 @@ export const config = { ${tokens.chipBorderRadius}: 0.125rem; ${tokens.chipWidth}: auto; ${tokens.chipHeight}: 1.25rem; - ${tokens.chipPaddingRight}: 0.25rem; - ${tokens.chipPaddingLeft}: 0.5rem; + ${tokens.chipPadding}: 0 0.25rem 0 0.5rem; ${tokens.chipClearContentMarginLeft}: 0.25rem; ${tokens.chipClearContentMarginRight}: 0rem; ${tokens.chipCloseIconSize}: 0.75rem; diff --git a/packages/sdds-insol/src/components/TextFieldGroup/TextFieldGroup.config.ts b/packages/sdds-insol/src/components/TextFieldGroup/TextFieldGroup.config.ts index 42668c5d7c..200d2e26ac 100644 --- a/packages/sdds-insol/src/components/TextFieldGroup/TextFieldGroup.config.ts +++ b/packages/sdds-insol/src/components/TextFieldGroup/TextFieldGroup.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-serv/src/components/Chip/Chip.config.tsx b/packages/sdds-serv/src/components/Chip/Chip.config.tsx index 7880301c4e..b3fe5a1aa2 100644 --- a/packages/sdds-serv/src/components/Chip/Chip.config.tsx +++ b/packages/sdds-serv/src/components/Chip/Chip.config.tsx @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-serv/src/components/ChipGroup/ChipGroup.config.ts b/packages/sdds-serv/src/components/ChipGroup/ChipGroup.config.ts index f42fea7cb0..900181d986 100644 --- a/packages/sdds-serv/src/components/ChipGroup/ChipGroup.config.ts +++ b/packages/sdds-serv/src/components/ChipGroup/ChipGroup.config.ts @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-serv/src/components/Combobox/Combobox.config.ts b/packages/sdds-serv/src/components/Combobox/Combobox.config.ts index d0a1708450..a2cc9ec94b 100644 --- a/packages/sdds-serv/src/components/Combobox/Combobox.config.ts +++ b/packages/sdds-serv/src/components/Combobox/Combobox.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-serv/src/components/Counter/Counter.config.ts b/packages/sdds-serv/src/components/Counter/Counter.config.ts index af5b45d0d2..140aa43a57 100644 --- a/packages/sdds-serv/src/components/Counter/Counter.config.ts +++ b/packages/sdds-serv/src/components/Counter/Counter.config.ts @@ -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); @@ -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); @@ -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); @@ -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); @@ -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); diff --git a/packages/sdds-serv/src/components/Select/Select.config.ts b/packages/sdds-serv/src/components/Select/Select.config.ts index b56c1e8bd0..287919be63 100644 --- a/packages/sdds-serv/src/components/Select/Select.config.ts +++ b/packages/sdds-serv/src/components/Select/Select.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-serv/src/components/TextField/TextField.config.ts b/packages/sdds-serv/src/components/TextField/TextField.config.ts index 4f7cea945e..2fce7462f0 100644 --- a/packages/sdds-serv/src/components/TextField/TextField.config.ts +++ b/packages/sdds-serv/src/components/TextField/TextField.config.ts @@ -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; @@ -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; @@ -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; @@ -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; diff --git a/packages/sdds-serv/src/components/TextFieldGroup/TextFieldGroup.config.ts b/packages/sdds-serv/src/components/TextFieldGroup/TextFieldGroup.config.ts index 42668c5d7c..200d2e26ac 100644 --- a/packages/sdds-serv/src/components/TextFieldGroup/TextFieldGroup.config.ts +++ b/packages/sdds-serv/src/components/TextFieldGroup/TextFieldGroup.config.ts @@ -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; @@ -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; @@ -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; @@ -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;