Merge pull request #126 from Shopify/add-figma-names

Add more Figma names to variants
Shopify · Mar 18, 2020 · e255b57 · e255b57
2 parents 06ea95f + 4c4b1c9
commit e255b57
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/src/configs/base.ts b/src/configs/base.ts
@@ -29,7 +29,7 @@ export const config: Config = {
       light: {lightness: 91},
       dark: {lightness: 21},
       meta: {
-        figmaName: 'SurfaceNeutral/Default',
+        figmaName: 'Surface Neutral/Default',
       },
     },
     {
@@ -38,7 +38,7 @@ export const config: Config = {
       light: {lightness: 97},
       dark: {lightness: 30},
       meta: {
-        figmaName: 'SurfaceNeutral/Subdued',
+        figmaName: 'Surface Neutral/Subdued',
       },
     },
     {
@@ -107,6 +107,9 @@ export const config: Config = {
         lightness: 0,
         alpha: 0.5,
       },
+      meta: {
+        figmaName: 'Backdrop',
+      },
     },
     {
       name: 'overlay',
@@ -124,6 +127,9 @@ export const config: Config = {
         lightness: 12.7,
         alpha: 0.5,
       },
+      meta: {
+        figmaName: 'Overlay',
+      },
     },
     {
       name: 'shadowFromDimLight',
@@ -137,6 +143,9 @@ export const config: Config = {
         lightness: 100,
         alpha: 0.2,
       },
+      meta: {
+        figmaName: 'Shadow/From dim light',
+      },
     },
     {
       name: 'shadowFromAmbientLight',
@@ -154,11 +163,14 @@ export const config: Config = {
         lightness: 8,
         alpha: 0.05,
       },
+      meta: {
+        figmaName: 'Shadow/From ambient light',
+      },
     },
     {
       name: 'shadowFromDirectLight',
       description:
-        'For use in building shadows for popovers, cards, and modals. This color has an alpha of `0.15`.',
+        'For use in building shadows for popovers and cards. This color has an alpha of `0.15`.',
       light: {
         hue: 0,
         saturation: 0,
@@ -171,6 +183,9 @@ export const config: Config = {
         lightness: 100,
         alpha: 0.15,
       },
+      meta: {
+        figmaName: 'Shadow/From direct light',
+      },
     },
     {
       name: 'hintFromDirectLight',
@@ -187,6 +202,9 @@ export const config: Config = {
         lightness: 75,
         alpha: 0.2,
       },
+      meta: {
+        figmaName: 'Hint/From direct light',
+      },
     },
   ],
   onSurface: [