From f24849f596197d6cfbd191c25d49223681700183 Mon Sep 17 00:00:00 2001
From: Julian Skinner <ju.skinner@gmail.com>
Date: Tue, 19 Nov 2024 10:40:46 -0600
Subject: [PATCH] style(token-studio): refactor component generator

---
 .../scripts/style-dictionary/filters/component.mjs | 14 ++++++--------
 libs/core/scripts/style-dictionary/transform.mjs   |  5 +++--
 libs/core/src/global/styles/tokens/$themes.json    | 14 +++++++-------
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/libs/core/scripts/style-dictionary/filters/component.mjs b/libs/core/scripts/style-dictionary/filters/component.mjs
index 0331c7ec8..aaf556004 100644
--- a/libs/core/scripts/style-dictionary/filters/component.mjs
+++ b/libs/core/scripts/style-dictionary/filters/component.mjs
@@ -1,11 +1,9 @@
+import fs from 'fs-extra';
+
+const basePath = `src/global/styles/tokens`;
+
 // filters tokens by themable and from which tokenset they originate
 // must match per component name, in this repository we currently only have "button"
 export const componentFilter =
-  (cat, themeable = false) =>
-    (token) => {
-      const tokenThemable = Boolean(token.attributes.themeable);
-
-      return (
-        themeable === tokenThemable && token.filePath.endsWith(`${cat}.json`)
-      );
-  };
+  (cat) =>
+    (token) => token.filePath.startsWith(`${basePath}/components/${cat}.json`);
diff --git a/libs/core/scripts/style-dictionary/transform.mjs b/libs/core/scripts/style-dictionary/transform.mjs
index b5f88e946..eb4e8698f 100644
--- a/libs/core/scripts/style-dictionary/transform.mjs
+++ b/libs/core/scripts/style-dictionary/transform.mjs
@@ -3,7 +3,6 @@ import {generateCoreFiles, generateComponentFiles, generateSemanticFiles } from
 import StyleDictionary from 'style-dictionary';
 import { getReferences, usesReferences } from "style-dictionary/utils";
 import { promises } from 'fs';
-import { coreFilter } from './filters/index.mjs';
 
 register(StyleDictionary, {
   /* options here if needed */
@@ -13,6 +12,7 @@ const basePath = `src/global/styles/tokens`;
 
 const componentNames = [
   "avatar",
+  "chip",
 ];
 
 async function run() {
@@ -25,8 +25,9 @@ async function run() {
 				.reduce((acc, sets) => [...acc, ...sets], [])
 		),
 	];
+
 	const themeableSets = tokenSets.filter(set => {
-		return !Object.values(themes).every(sets => sets.includes(set));
+    return !Object.values(themes).every(sets => sets.includes(set));
 	});
 
   const configs = Object.entries(themes).map(([theme, tokensets]) => ({
diff --git a/libs/core/src/global/styles/tokens/$themes.json b/libs/core/src/global/styles/tokens/$themes.json
index 1784c0cb1..b6e1c956c 100644
--- a/libs/core/src/global/styles/tokens/$themes.json
+++ b/libs/core/src/global/styles/tokens/$themes.json
@@ -22,8 +22,8 @@
       "base/core": "enabled",
       "base/semantic": "enabled",
       "components/avatar": "enabled",
-      "brand/kajabi_products": "enabled",
-      "components/chip": "disabled"
+      "components/chip": "enabled",
+      "brand/kajabi_products": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:175:2717",
     "$figmaModeId": "175:46",
@@ -325,9 +325,9 @@
       "base/core": "enabled",
       "base/semantic": "enabled",
       "components/avatar": "enabled",
+      "components/chip": "enabled",
       "brand/kajabi_products": "enabled",
-      "brand/kajabi_products/light": "enabled",
-      "components/chip": "disabled"
+      "brand/kajabi_products/light": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:208:607",
     "$figmaModeId": "208:4",
@@ -700,9 +700,9 @@
       "base/core": "enabled",
       "base/semantic": "enabled",
       "components/avatar": "enabled",
+      "components/chip": "enabled",
       "brand/kajabi_products": "enabled",
-      "brand/kajabi_products/dark": "enabled",
-      "components/chip": "disabled"
+      "brand/kajabi_products/dark": "enabled"
     },
     "$figmaCollectionId": "VariableCollectionId:208:607",
     "$figmaModeId": "208:5",
@@ -986,4 +986,4 @@
     },
     "group": "kajabi_products"
   }
-]
\ No newline at end of file
+]