Merge pull request #16 from ubie-oss/add-placeholder

add text placeholder color

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ubie/design-tokens",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "description": "Ubie Design Tokens",
   "style": "dist/tokens.css",
   "main": "dist/tokens.js",

scripts/figma.js

@@ -106,7 +106,7 @@ const main = async () => {
   Object.values(componentNodes)
     .filter(({ document }) => document.name.includes('Spacing'))
     .forEach(({ document }) => {
-      const name = document.name.split(' ')[1].toLowerCase();
+      const name = document.name.split('/')[1].toLowerCase();
       const value = Number(document.absoluteBoundingBox.width) / 16;
       spacings[name] = {
         value: value,

tokens/color/primitive.json

@@ -1 +1 @@
-{"color":{"Ubie":{"Red":{"100":{"value":"#fcf4f4"},"200":{"value":"#f6d0d0"},"400":{"value":"#ec6d6d"},"500":{"value":"#db3939"},"700":{"value":"#b02b2b"}},"Black":{"100":{"value":"#16191f0a"},"200":{"value":"#16191f2e"},"400":{"value":"#16191f99"},"500":{"value":"#16191fcc"},"700":{"value":"#16191fe5"},"900":{"value":"#16191f"}},"Pink":{"100":{"value":"#fdf2f9"},"200":{"value":"#f8cfde"},"400":{"value":"#ea77a1"},"500":{"value":"#da3170"},"700":{"value":"#a33961"}},"Blue":{"100":{"value":"#f2f6fd"},"200":{"value":"#cbd3f2"},"400":{"value":"#6a82d9"},"500":{"value":"#3959cc"},"700":{"value":"#263f94"}},"White":{"value":"#ffffff"}}}}
+{"color":{"Ubie":{"Black":{"100":{"value":"#16191f0a"},"200":{"value":"#16191f2e"},"400":{"value":"#16191f99"},"500":{"value":"#16191fcc"},"700":{"value":"#16191fe5"},"900":{"value":"#16191f"}},"Red":{"100":{"value":"#fcf4f4"},"200":{"value":"#f6d0d0"},"400":{"value":"#ec6d6d"},"500":{"value":"#db3939"},"700":{"value":"#b02b2b"}},"Pink":{"100":{"value":"#fdf2f9"},"200":{"value":"#f8cfde"},"400":{"value":"#ea77a1"},"500":{"value":"#da3170"},"700":{"value":"#a33961"}},"Blue":{"100":{"value":"#f2f6fd"},"200":{"value":"#cbd3f2"},"400":{"value":"#6a82d9"},"500":{"value":"#3959cc"},"700":{"value":"#263f94"}},"White":{"value":"#ffffff"}}}}

tokens/color/semantics.json

@@ -1 +1 @@
-{"color":{"Text Link Sub":{"value":"{color.Ubie.Black.400.value}"},"Text Disabled":{"value":"{color.Ubie.Black.200.value}"},"Text Main":{"value":"{color.Ubie.Black.700.value}"},"Background Accent Darken":{"value":"{color.Ubie.Pink.200.value}"},"Background Primary Darken":{"value":"{color.Ubie.Blue.200.value}"},"Text Sub":{"value":"{color.Ubie.Black.400.value}"},"Background White":{"value":"{color.Ubie.White.value}"},"Background Alert":{"value":"{color.Ubie.Red.100.value}"},"Background Primary":{"value":"{color.Ubie.Blue.100.value}"},"Background Gray":{"value":"{color.Ubie.Black.100.value}"},"Text White":{"value":"{color.Ubie.White.value}"},"Accent":{"value":"{color.Ubie.Pink.500.value}"},"Text Link":{"value":"{color.Ubie.Blue.500.value}"},"Background Modal":{"value":"#00000080"},"Background Accent":{"value":"{color.Ubie.Pink.100.value}"},"Alert Darken":{"value":"{color.Ubie.Red.700.value}"},"Overlay":{"value":"#00000033"},"Accent Darken":{"value":"{color.Ubie.Pink.700.value}"},"Alert":{"value":"{color.Ubie.Red.500.value}"},"Primary Darken":{"value":"{color.Ubie.Blue.700.value}"},"Border":{"value":"{color.Ubie.Black.200.value}"},"Primary":{"value":"{color.Ubie.Blue.500.value}"}}}
+{"color":{"Text Placeholder":{"value":"{color.Ubie.Black.200.value}"},"Text Link Sub":{"value":"{color.Ubie.Black.400.value}"},"Text Disabled":{"value":"{color.Ubie.Black.200.value}"},"Text Main":{"value":"{color.Ubie.Black.700.value}"},"Background Accent Darken":{"value":"{color.Ubie.Pink.200.value}"},"Background Primary Darken":{"value":"{color.Ubie.Blue.200.value}"},"Text Sub":{"value":"{color.Ubie.Black.400.value}"},"Background White":{"value":"{color.Ubie.White.value}"},"Background Alert":{"value":"{color.Ubie.Red.100.value}"},"Background Primary":{"value":"{color.Ubie.Blue.100.value}"},"Background Gray":{"value":"{color.Ubie.Black.100.value}"},"Text White":{"value":"{color.Ubie.White.value}"},"Accent":{"value":"{color.Ubie.Pink.500.value}"},"Text Link":{"value":"{color.Ubie.Blue.500.value}"},"Background Modal":{"value":"#00000080"},"Background Accent":{"value":"{color.Ubie.Pink.100.value}"},"Alert Darken":{"value":"{color.Ubie.Red.700.value}"},"Overlay":{"value":"#00000033"},"Accent Darken":{"value":"{color.Ubie.Pink.700.value}"},"Alert":{"value":"{color.Ubie.Red.500.value}"},"Primary Darken":{"value":"{color.Ubie.Blue.700.value}"},"Border":{"value":"{color.Ubie.Black.200.value}"},"Primary":{"value":"{color.Ubie.Blue.500.value}"}}}

tokens/size/spacing.json

@@ -1 +1 @@
-{"size":{"Spacing":{"l":{"value":1.5},"m":{"value":1},"s":{"value":0.75},"xl":{"value":2.5},"xs":{"value":0.5},"xxl":{"value":4},"xxs":{"value":0.25}}}}
+{"size":{"Spacing":{"xxl":{"value":4},"xxs":{"value":0.25},"xl":{"value":2.5},"md":{"value":1},"xs":{"value":0.5},"lg":{"value":1.5},"sm":{"value":0.75}}}}