fix(config): fix padding on textarea

salute-developers · May 16, 2024 · 001f853 · 001f853
1 parent 230fcba
commit 001f853
Show file tree

Hide file tree

Showing 37 changed files with 16 additions and 16 deletions.
diff --git a/...extArea/TextArea.component-test.tsx/plasma-b2c TextArea -- _size empty.snap.png b/...extArea/TextArea.component-test.tsx/plasma-b2c TextArea -- _size empty.snap.png
diff --git a/.../TextArea.component-test.tsx/plasma-b2c TextArea -- _size with content.snap.png b/.../TextArea.component-test.tsx/plasma-b2c TextArea -- _size with content.snap.png
diff --git a/...ents/TextArea/TextArea.component-test.tsx/plasma-b2c TextArea -- _size.snap.png b/...ents/TextArea/TextArea.component-test.tsx/plasma-b2c TextArea -- _size.snap.png
diff --git a/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- contentRight.snap.png b/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- contentRight.snap.png
diff --git a/...ase.component-test.tsx/plasma-core TextArea -- custom width and height.snap.png b/...ase.component-test.tsx/plasma-core TextArea -- custom width and height.snap.png
diff --git a/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- default.snap.png b/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- default.snap.png
diff --git a/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- defaultValue.snap.png b/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- defaultValue.snap.png
diff --git a/...tArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- disabled.snap.png b/...tArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- disabled.snap.png
diff --git a/...TextArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- empty.snap.png b/...TextArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- empty.snap.png
diff --git a/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- focused.snap.png b/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- focused.snap.png
diff --git a/....component-test.tsx/plasma-core TextArea -- leftHelper and rightHelper.snap.png b/....component-test.tsx/plasma-core TextArea -- leftHelper and rightHelper.snap.png
diff --git a/....component-test.tsx/plasma-core TextArea -- placeholder with multiline.snap.png b/....component-test.tsx/plasma-core TextArea -- placeholder with multiline.snap.png
diff --git a/...extArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- resize.snap.png b/...extArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- resize.snap.png
diff --git a/...ase.component-test.tsx/plasma-core TextArea -- success, warning, error.snap.png b/...ase.component-test.tsx/plasma-core TextArea -- success, warning, error.snap.png
diff --git a/...eaResize.component-test.tsx/plasma-hope TextArea -- autoResize - basic.snap.png b/...eaResize.component-test.tsx/plasma-hope TextArea -- autoResize - basic.snap.png
diff --git a/...e.component-test.tsx/plasma-hope TextArea -- autoResize - manualResize.snap.png b/...e.component-test.tsx/plasma-hope TextArea -- autoResize - manualResize.snap.png
diff --git a/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png b/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png
diff --git a/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png b/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png
diff --git a/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- contentRight.snap.png b/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- contentRight.snap.png
diff --git a/...ase.component-test.tsx/plasma-core TextArea -- custom width and height.snap.png b/...ase.component-test.tsx/plasma-core TextArea -- custom width and height.snap.png
diff --git a/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- default.snap.png b/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- default.snap.png
diff --git a/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- defaultValue.snap.png b/...a/TextAreaBase.component-test.tsx/plasma-core TextArea -- defaultValue.snap.png
diff --git a/...tArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- disabled.snap.png b/...tArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- disabled.snap.png
diff --git a/...TextArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- empty.snap.png b/...TextArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- empty.snap.png
diff --git a/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- focused.snap.png b/...xtArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- focused.snap.png
diff --git a/....component-test.tsx/plasma-core TextArea -- leftHelper and rightHelper.snap.png b/....component-test.tsx/plasma-core TextArea -- leftHelper and rightHelper.snap.png
diff --git a/....component-test.tsx/plasma-core TextArea -- placeholder with multiline.snap.png b/....component-test.tsx/plasma-core TextArea -- placeholder with multiline.snap.png
diff --git a/...extArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- resize.snap.png b/...extArea/TextAreaBase.component-test.tsx/plasma-core TextArea -- resize.snap.png
diff --git a/...ase.component-test.tsx/plasma-core TextArea -- success, warning, error.snap.png b/...ase.component-test.tsx/plasma-core TextArea -- success, warning, error.snap.png
diff --git a/...eaResize.component-test.tsx/plasma-hope TextArea -- autoResize - basic.snap.png b/...eaResize.component-test.tsx/plasma-hope TextArea -- autoResize - basic.snap.png
diff --git a/...e.component-test.tsx/plasma-hope TextArea -- autoResize - manualResize.snap.png b/...e.component-test.tsx/plasma-hope TextArea -- autoResize - manualResize.snap.png
diff --git a/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png b/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - maxAuto.snap.png
diff --git a/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png b/...Resize.component-test.tsx/plasma-hope TextArea -- autoResize - minAuto.snap.png
diff --git a/packages/plasma-b2c/src/components/TextArea/TextArea.config.ts b/packages/plasma-b2c/src/components/TextArea/TextArea.config.ts
@@ -13,7 +13,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.5rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 0.563rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.625rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.563rem;
@@ -52,7 +52,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.625rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 0.688rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.875rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -91,7 +91,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.125rem;
                 ${textAreaTokens.borderRadius}: 0.75rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 0.875rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 1rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -130,7 +130,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.625rem;
                 ${textAreaTokens.borderRadius}: 0.875rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem 0.875rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 1.063rem;
+                ${textAreaTokens.inputPaddingTop}: 0.5625rem;
                 ${textAreaTokens.inputPaddingRight}: 1.125rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;

diff --git a/packages/plasma-new-hope/src/examples/plasma_b2c/components/TextArea/TextArea.config.ts b/packages/plasma-new-hope/src/examples/plasma_b2c/components/TextArea/TextArea.config.ts
@@ -15,7 +15,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.5rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 0.563rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.625rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.563rem;
@@ -54,7 +54,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.625rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 0.688rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.875rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -93,7 +93,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.125rem;
                 ${textAreaTokens.borderRadius}: 0.75rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem 0.75rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 0.875rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 1rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -132,7 +132,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.625rem;
                 ${textAreaTokens.borderRadius}: 0.875rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem 0.875rem 0 0;
-                ${textAreaTokens.inputPaddingTop}: 1.063rem;
+                ${textAreaTokens.inputPaddingTop}: 0.5625rem;
                 ${textAreaTokens.inputPaddingRight}: 1.125rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;

diff --git a/packages/plasma-new-hope/src/examples/plasma_web/components/TextArea/TextArea.config.ts b/packages/plasma-new-hope/src/examples/plasma_web/components/TextArea/TextArea.config.ts
@@ -15,7 +15,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.5rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem;
-                ${textAreaTokens.inputPaddingTop}: 0.563rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.625rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.563rem;
@@ -55,7 +55,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.625rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem;
-                ${textAreaTokens.inputPaddingTop}: 0.688rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.875rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -95,7 +95,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.125rem;
                 ${textAreaTokens.borderRadius}: 0.75rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem;
-                ${textAreaTokens.inputPaddingTop}: 0.875rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 1rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -135,7 +135,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.625rem;
                 ${textAreaTokens.borderRadius}: 0.875rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem;
-                ${textAreaTokens.inputPaddingTop}: 1.063rem;
+                ${textAreaTokens.inputPaddingTop}: 0.5625rem;
                 ${textAreaTokens.inputPaddingRight}: 1.125rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;

diff --git a/packages/plasma-web/src/components/TextArea/TextArea.config.ts b/packages/plasma-web/src/components/TextArea/TextArea.config.ts
@@ -13,7 +13,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.5rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem;
-                ${textAreaTokens.inputPaddingTop}: 0.563rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.625rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.563rem;
@@ -53,7 +53,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 0.625rem;
                 ${textAreaTokens.borderRadius}: 0.625rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem;
-                ${textAreaTokens.inputPaddingTop}: 0.688rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 0.875rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -93,7 +93,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.125rem;
                 ${textAreaTokens.borderRadius}: 0.75rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.75rem;
-                ${textAreaTokens.inputPaddingTop}: 0.875rem;
+                ${textAreaTokens.inputPaddingTop}: 0.375rem;
                 ${textAreaTokens.inputPaddingRight}: 1rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.375rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;
@@ -133,7 +133,7 @@ export const config = {
                 ${textAreaTokens.inputMinHeight}: 1.625rem;
                 ${textAreaTokens.borderRadius}: 0.875rem;
                 ${textAreaTokens.borderRadiusWithHelpers}: 0.875rem;
-                ${textAreaTokens.inputPaddingTop}: 1.063rem;
+                ${textAreaTokens.inputPaddingTop}: 0.5625rem;
                 ${textAreaTokens.inputPaddingRight}: 1.125rem;
                 ${textAreaTokens.inputPaddingRightWithRightContent}: 3.625rem;
                 ${textAreaTokens.inputPaddingBottom}: 0.75rem;