diff --git a/knapsack/data/knapsack.asset-sets.json b/knapsack/data/knapsack.asset-sets.json index c6076a0eb0a..5e84c938937 100644 --- 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 index 19fc18382d6..bfb35dd09e3 100644 --- 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",