capitalize first letter of asset sets

knapsack-cloud · Oct 19, 2023 · 7503985 · 7503985
1 parent 5403769
commit 7503985
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/knapsack/data/knapsack.asset-sets.json b/knapsack/data/knapsack.asset-sets.json
@@ -20,7 +20,7 @@
     },
     "commercial": {
       "id": "commercial",
-      "title": "commercial",
+      "title": "Commercial",
       "assets": [
         {
           "src": "../dist/tokens/design-tokens.css"
@@ -32,7 +32,7 @@
     },
     "retail": {
       "id": "retail",
-      "title": "retail",
+      "title": "Retail",
       "assets": [
         {
           "src": "../dist/tokens/design-tokens.css"

diff --git a/ks-theme-create.ts b/ks-theme-create.ts
@@ -42,6 +42,10 @@ const themes = themeNames.map((theme) => {
   };
 });
 
+function capitalizeFirstLetter(string: string) {
+  return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
 const assetSets: KnapsackAssetSetsConfig = {
   globalAssetSetIds: ["salt-light", "salt-dark", ...themeNames],
   allAssetSets: Object.fromEntries([
@@ -66,7 +70,7 @@ const assetSets: KnapsackAssetSetsConfig = {
     ...themes.map(({ cssPath, themeName }) => {
       const assetSet: KnapsackAssetSetConfig = {
         id: themeName,
-        title: themeName,
+        title: capitalizeFirstLetter(themeName),
         assets: [
           {
             src: "../dist/tokens/design-tokens.css",