Use colors' "safe" names in SCSS & XML too

Author: loganmoseley

Sources/TokenGenerator/SCSSExport.swift

@@ -9,6 +9,8 @@ func webSCSS(_ semanticColors: [SemanticColor]?, _ swatchColors: [SwatchColor]?)
 }
 
 /// Based on https://github.com/nytm/games-phoenix/blob/8d0f729364f342a45e58daddff5495d12d2a92db/src/shared/scss-helpers/colors.scss
+///
+/// Since Swatch color names are "safe", references to them must also be "safe".
 private func scssColors(_ colors: [SemanticColor]) -> String {
     """
     /// Semantic Colors
@@ -21,9 +23,9 @@ private func scssColors(_ colors: [SemanticColor]) -> String {
 
     \(colors.map {
     """
-    $\($0.name): $\($0.lightNormal);
-    $\($0.name)HC: $\($0.lightHighContrast);
-    $\($0.name)Dark: $\($0.dark);
+    $\($0.safeName): $\(safeWord(raw: $0.lightNormal));
+    $\($0.safeName)HC: $\(safeWord(raw: $0.lightHighContrast));
+    $\($0.safeName)Dark: $\(safeWord(raw: $0.dark));
     """
     }.joined(separator: "\n\n"))
     """
@@ -40,7 +42,7 @@ private func scssColors(_ colors: [SwatchColor]) -> String {
     /// between web, iOS, and Android platforms.
 
     \(colors
-        .map { "$\($0.name): \($0.hexColor);" }
+        .map { "$\($0.safeName): \($0.hexColor);" }
         .joined(separator: "\n"))
     """
 }

Sources/TokenGenerator/XMLExport.swift

@@ -21,9 +21,9 @@ private func xmlColors(_ colors: [SemanticColor]) -> String {
 
 private func xmlColor(_ color: SemanticColor) -> String {
     """
-        <color name="\(color.name)">@android:color/\(color.lightNormal)</color>
-        <color name="\(color.name)HC">@android:color/\(color.lightHighContrast)</color>
-        <color name="\(color.name)Dark">@android:color/\(color.dark)</color>
+        <color name="\(color.safeName)">@android:color/\(safeWord(raw: color.lightNormal))</color>
+        <color name="\(color.safeName)HC">@android:color/\(safeWord(raw: color.lightHighContrast))</color>
+        <color name="\(color.safeName)Dark">@android:color/\(safeWord(raw: color.dark))</color>
     """
 }
 
@@ -35,6 +35,6 @@ private func xmlColors(_ colors: [SwatchColor]) -> String {
 
 private func xmlColor(_ color: SwatchColor) -> String {
     """
-        <color name="\(color.name)">\(color.hexColor)</color>
+        <color name="\(color.safeName)">\(color.hexColor)</color>
     """
 }