Figmatokens (#52)

* New tokens for input fields

* More tokens for input fields

* Change from "+" to "bold"

* add the removed tokens again

---------

Co-authored-by: Josefie Zynga <josefie.zynga@betterplace.org>

Author: inesczuia

config/tokens.json

@@ -506,7 +506,7 @@
         "type": "fontSizes"
       }
     },
-    "text-sm": {
+    "text-sm-regular": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-0}",
@@ -520,7 +520,7 @@
       "type": "typography",
       "description": "smallest text"
     },
-    "text-md": {
+    "text-md-regular": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-0}",
@@ -533,7 +533,7 @@
       },
       "type": "typography"
     },
-    "text-md+": {
+    "text-md-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -546,7 +546,7 @@
       },
       "type": "typography"
     },
-    "text-lg+": {
+    "text-lg-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -559,7 +559,7 @@
       },
       "type": "typography"
     },
-    "text-xl+": {
+    "text-xl-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -572,7 +572,7 @@
       },
       "type": "typography"
     },
-    "text-2xl+": {
+    "text-2xl-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -585,7 +585,7 @@
       },
       "type": "typography"
     },
-    "text-3xl+": {
+    "text-3xl-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -598,7 +598,7 @@
       },
       "type": "typography"
     },
-    "text-4xl+": {
+    "text-4xl-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -611,7 +611,7 @@
       },
       "type": "typography"
     },
-    "text-5xl+": {
+    "text-5xl-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -624,7 +624,7 @@
       },
       "type": "typography"
     },
-    "text-lg": {
+    "text-lg-regular": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-0}",
@@ -637,7 +637,7 @@
       },
       "type": "typography"
     },
-    "text-sm+": {
+    "text-sm-bold": {
       "value": {
         "fontFamily": "{fontFamilies.fira-sans}",
         "fontWeight": "{fontWeights.fira-sans-1}",
@@ -799,6 +799,25 @@
       "button-ghost-hover": {
         "value": "{color.green-special}",
         "type": "color"
+      },
+      "icon-default": {
+        "value": "{color.gray-700}",
+        "type": "color",
+        "description": "Icon e.g. in input field"
+      },
+      "border-error": {
+        "value": "{color.red-700}",
+        "type": "color",
+        "description": "Border color of error state"
+      },
+      "icon-error": {
+        "value": "{color.red-700}",
+        "type": "color"
+      },
+      "border-focus": {
+        "value": "{color.green-800}",
+        "type": "color",
+        "description": "Focus state (keyboard navigation)"
       }
     },
     "manage--color": {
@@ -897,20 +916,24 @@
       "button-ghost": {
         "value": "{borderWidth.xs}",
         "type": "borderWidth"
+      },
+      "input-default": {
+        "value": "{borderWidth.xs}",
+        "type": "borderWidth"
       }
     },
     "text-label-md": {
-      "value": "{text-md+}",
+      "value": "{text-md-bold}",
       "type": "typography",
       "description": "default text token for buttons md"
     },
     "text-label-lg": {
-      "value": "{text-lg+}",
+      "value": "{text-lg-bold}",
       "type": "typography",
       "description": "default text token for buttons lg"
     },
     "text-label-xl": {
-      "value": "{text-xl+}",
+      "value": "{text-xl-bold}",
       "type": "typography",
       "description": "default text token for buttons lg"
     },
@@ -939,6 +962,24 @@
         "type": "boxShadow",
         "description": "inner shadow primary button pressed"
       }
+    },
+    "text": {
+      "input-default": {
+        "value": "{text-md-regular}",
+        "type": "typography"
+      },
+      "input-selected": {
+        "value": "{text-md-bold}",
+        "type": "typography"
+      },
+      "hint-error": {
+        "value": "{text-sm-bold}",
+        "type": "typography"
+      },
+      "hint": {
+        "value": "{text-sm-regular}",
+        "type": "typography"
+      }
     }
   },
   "me": {
@@ -1035,11 +1076,6 @@
   },
   "$themes": [],
   "$metadata": {
-    "tokenSetOrder": [
-      "global",
-      "org",
-      "me",
-      "at"
-    ]
+    "tokenSetOrder": ["global", "org", "me", "at"]
   }
-}
+}