refactor: tidy up custom theme story (#10488)

**Related Issue:** N/A ## Summary This should help simplify updating component tokens a bit.
Esri · Oct 9, 2024 · cfaa670 · cfaa670
1 parent d5020f6
commit cfaa670
Showing 1 changed file with 23 additions and 34 deletions.
diff --git a/packages/calcite-components/src/custom-theme.stories.ts b/packages/calcite-components/src/custom-theme.stories.ts
@@ -121,27 +121,32 @@ const kitchenSink = (args: Record<string, string>, useTestValues = false) =>
     </div>
   </div>`;
 
+const componentTokens = {
+  ...globalTokens,
+  ...accordionTokens,
+  ...accordionItemTokens,
+  ...actionTokens,
+  ...actionBarTokens,
+  ...actionGroupTokens,
+  ...actionMenuTokens,
+  ...actionPadTokens,
+  ...avatarTokens,
+  ...cardTokens,
+  ...alertTokens,
+  ...chipTokens,
+  ...checkboxTokens,
+  ...handleTokens,
+  ...popoverTokens,
+  ...progressTokens,
+  ...inputTokens,
+  ...textAreaTokens,
+};
+
 export default {
   title: "Theming/Custom Theme",
   args: {
     ...globalTokens,
-    ...accordionTokens,
-    ...accordionItemTokens,
-    ...actionTokens,
-    ...actionBarTokens,
-    ...actionGroupTokens,
-    ...actionMenuTokens,
-    ...actionPadTokens,
-    ...avatarTokens,
-    ...cardTokens,
-    ...alertTokens,
-    ...chipTokens,
-    ...checkboxTokens,
-    ...handleTokens,
-    ...popoverTokens,
-    ...progressTokens,
-    ...inputTokens,
-    ...textAreaTokens,
+    ...componentTokens,
   },
 };
 
@@ -152,23 +157,7 @@ export const themingInteractive = (args: Record<string, string>): string => {
 export const theming = (): string => {
   return kitchenSink(
     {
-      ...accordionTokens,
-      ...accordionItemTokens,
-      ...actionTokens,
-      ...actionBarTokens,
-      ...actionGroupTokens,
-      ...actionMenuTokens,
-      ...actionPadTokens,
-      ...avatarTokens,
-      ...cardTokens,
-      ...alertTokens,
-      ...chipTokens,
-      ...checkboxTokens,
-      ...handleTokens,
-      ...popoverTokens,
-      ...progressTokens,
-      ...inputTokens,
-      ...textAreaTokens,
+      ...componentTokens,
     },
     true,
   );