540 textarea rename tokens (#762)

* fix(tokens): renames textarea minHeight * fix: apply new tokennames at Textarea css --------- Co-authored-by: larserbach <[email protected]>
deven-org · Jan 11, 2024 · 4aaf3ed · 4aaf3ed
1 parent c51a1ea
commit 4aaf3ed
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 21 deletions.
diff --git a/packages/figma-design-tokens/input/tokens/$themes.json b/packages/figma-design-tokens/input/tokens/$themes.json
@@ -2309,9 +2309,6 @@
       "Forms.Select.SM.IconPaddingRight": "fdd1cb252bddca5415ea56be09e288d2448eedb6",
       "Forms.Select.MD.IconPaddingRight": "f2d3790406c214a99981980933e5e9593d631c07",
       "Forms.Select.LG.IconPaddingRight": "1c7131022784d1fb1c29393506d54332fa43f234",
-      "Forms.TextArea.SM.MinHeight": "e126940af6bf2cf49ac2742258230557b0c6a0d7",
-      "Forms.TextArea.MD.MinHeight": "f2aec5d81be0e4b43e85baf7a56579347f5de832",
-      "Forms.TextArea.LG.MinHeight": "3036a4f154b9df3caf5322be3a06b5046866f673",
       "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Rest": "8443304ea445b2f06f5158bae550d4184b74bf19",
       "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Hover": "89217bf38aae2a18587cb7cae486bf28653b4fc9",
       "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Pressed": "1395d8ce01320ce7c864c9cb28ae9241a91bf8ed",

diff --git a/packages/figma-design-tokens/input/tokens/dimensions/CMP.json b/packages/figma-design-tokens/input/tokens/dimensions/CMP.json
@@ -2450,22 +2450,20 @@
       }
     },
     "TextArea": {
-      "SM": {
-        "MinHeight": {
-          "value": "{core.dimensionREM.64}",
-          "type": "sizing"
-        }
-      },
-      "MD": {
+      "InputField": {
         "MinHeight": {
-          "value": "{core.dimensionREM.80}",
-          "type": "sizing"
-        }
-      },
-      "LG": {
-        "MinHeight": {
-          "value": "{core.dimensionREM.112}",
-          "type": "sizing"
+          "SM": {
+            "value": "{core.dimensionREM.64}",
+            "type": "sizing"
+          },
+          "MD": {
+            "value": "{core.dimensionREM.80}",
+            "type": "sizing"
+          },
+          "LG": {
+            "value": "{core.dimensionREM.112}",
+            "type": "sizing"
+          }
         }
       }
     },

diff --git a/packages/ui-library/src/components/forms/textarea/index.css.ts b/packages/ui-library/src/components/forms/textarea/index.css.ts
@@ -73,15 +73,15 @@ export const { tokenizedLight: textAreaLight, tokenizedDark: textAreaDark } = re
       }
 
       &.sm {
-        min-height: ${TextArea.SM.MinHeight};
+        min-height: ${TextArea.InputField.MinHeight.SM};
       }
 
       &.md {
-        min-height: ${TextArea.MD.MinHeight};
+        min-height: ${TextArea.InputField.MinHeight.MD};
       }
 
       &.lg {
-        min-height: ${TextArea.LG.MinHeight};
+        min-height: ${TextArea.InputField.MinHeight.LG};
       }
 
       .flex-container {