fix(sketch): update shared color names to include space (#5664)

* fix(sketch): update shared color names to include space * fix(sketch): update generate page command
carbon-design-system · Mar 25, 2020 · a2a96d1 · a2a96d1
1 parent 39e6125
commit a2a96d1
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 6 deletions.
diff --git a/packages/sketch/src/commands/colors/generate.js b/packages/sketch/src/commands/colors/generate.js
@@ -24,7 +24,7 @@ export function generate() {
       sharedStyles,
       sharedStyle => {
         const { name } = sharedStyle;
-        const [_category, swatch] = name.split('/');
+        const [_category, swatch] = name.split(' / ');
         switch (swatch) {
           case 'black':
             return 'black';
@@ -74,9 +74,6 @@ export function generate() {
 }
 
 function createArtboardFromSharedStyle(sharedStyle, parent, offsetX, offsetY) {
-  const [category, swatch, grade] = sharedStyle.name.split('/');
-
-  const colorName = grade ? `${swatch}/${swatch}-${grade}` : swatch;
   const rectangle = new ShapePath({
     name: 'Color',
     frame: new Rectangle(0, 0, ARTBOARD_WIDTH, ARTBOARD_HEIGHT),
@@ -91,7 +88,7 @@ function createArtboardFromSharedStyle(sharedStyle, parent, offsetX, offsetY) {
 
   const artboard = new Artboard({
     parent,
-    name: `${category}/${colorName}`,
+    name: sharedStyle.name,
     frame: new Rectangle(offsetX, offsetY, ARTBOARD_WIDTH, ARTBOARD_HEIGHT),
     layers: [rectangle],
   });

diff --git a/packages/sketch/src/sharedStyles/colors.js b/packages/sketch/src/sharedStyles/colors.js
@@ -51,5 +51,7 @@ export function syncColorStyles(document) {
  * @returns {string}
  */
 function formatSharedStyleName(name, grade) {
-  return ['color', name.split('-').join(' '), grade].filter(Boolean).join('/');
+  return ['color', name.split('-').join(' '), grade]
+    .filter(Boolean)
+    .join(' / ');
 }