feat: update tokens

Orfium · Oct 31, 2023 · 364a636 · 364a636
1 parent a3e318c
commit 364a636
Showing 1 changed file with 39 additions and 23 deletions.
diff --git a/src/theme/tokens/components/variables/field.ts b/src/theme/tokens/components/variables/field.ts
@@ -49,32 +49,43 @@ const field = {
       default: {
         value: '{sem.colors.palette.tertiary.lightest}',
         type: 'color',
-        description: 'Sets backgroundColor for _block increment (default state)',
+        description: 'Sets backgroundColor for field increment (default state)',
       },
       focused: {
         value: '{sem.colors.palette.tertiary.light}',
         type: 'color',
-        description: 'Sets backgroundColor for _block increment (focused state)',
+        description: 'Sets backgroundColor for field increment (focused state)',
       },
     },
   },
   hintPadding: {
     value: '{spacing.4}',
     type: 'spacing',
     description: 'sets vertical padding between an input field container and its hint (if used)',
+    compact: {
+      value: '{spacing.3}',
+      type: 'spacing',
+      description:
+        'sets vertical padding between a compact input field container and its hint (if used)',
+    },
   },
-  normal: {
-    input: {
+  input: {
+    normal: {
       value: '{sem.typography.normal.body02}',
       type: 'typography',
-      description: 'Sets text for field prefix/input/suffix/placeholder',
+      description: 'Sets text for normal field prefix/input/suffix/placeholder',
     },
-    label: {
-      value: '{sem.typography.normal.label03}',
+    compact: {
+      value: '{sem.typography.normal.body03}',
       type: 'typography',
-      description: 'Sets text for input field label',
+      description: 'Sets text for compact field prefix/input/suffix/placeholder',
     },
   },
+  label: {
+    value: '{sem.typography.normal.label03}',
+    type: 'typography',
+    description: 'Sets text for input field label',
+  },
   hint: {
     value: '{sem.typography.normal.body03}',
     type: 'typography',
@@ -198,21 +209,33 @@ const field = {
     value: '{spacing.5}',
     type: 'spacing',
     description: 'Sets left padding between content and container',
+    compact: {
+      value: '{spacing.4}',
+      type: 'spacing',
+      description: 'Sets left padding for compact field',
+    },
   },
   paddingContentRight: {
     value: '{spacing.0}',
     type: 'spacing',
     description: 'Sets right padding between content and addOn',
+    compact: {
+      value: '{spacing.0}',
+      type: 'spacing',
+      description: 'Sets right padding between content and addOn for compact field',
+    },
   },
   container: {
-    value: '{sizing.13}',
-    type: 'sizing',
-    description: 'Sets fixed height for field content container',
-  },
-  containerCompact: {
-    value: '{sizing.7}',
-    type: 'sizing',
-    description: 'Sets fixed height for compact field content container',
+    normal: {
+      value: '{sizing.13}',
+      type: 'sizing',
+      description: 'Sets fixed height for field content container',
+    },
+    compact: {
+      value: '{sizing.7}',
+      type: 'sizing',
+      description: 'Sets fixed height for compact field content container',
+    },
   },
   borderWidth: {
     '1': {
@@ -241,13 +264,6 @@ const field = {
     type: 'spacing',
     description: 'Sets top and bottom padding for text area',
   },
-  compact: {
-    input: {
-      value: '{sem.typography.normal.body03}',
-      type: 'typography',
-      description: 'Sets text for input field label',
-    },
-  },
   hintIconSize: {
     value: '{sem.icon.size.2}',
     type: 'sizing',