chore(docs): fix tokens collision on docs build (#1693)

NikGurev · web-flow · commit 46c0eb9c5a05 · 2026-07-03T16:48:09.000+03:00
diff --git a/apps/docs/src/app/components/design-tokens-viewers/data/colors.ts b/apps/docs/src/app/components/design-tokens-viewers/data/colors.ts
@@ -1,3 +1,3 @@
 // NOTE: Do not edit manually. This file is autogenerated.
 
-export const docsData = [{"type":"Background","tokens":["--kbq-background-bg","--kbq-background-bg-secondary","--kbq-background-bg-tertiary","--kbq-background-night","--kbq-background-card","--kbq-background-theme","--kbq-background-theme-fade","--kbq-background-theme-less","--kbq-background-contrast","--kbq-background-contrast-fade","--kbq-background-contrast-less","--kbq-background-error","--kbq-background-error-fade","--kbq-background-error-less","--kbq-background-success","--kbq-background-success-fade","--kbq-background-success-less","--kbq-background-warning","--kbq-background-warning-fade","--kbq-background-warning-less","--kbq-background-transparent","--kbq-background-highlight","--kbq-background-overlay","--kbq-background-overlay-inverse","--kbq-background-overlay-error","--kbq-background-overlay-theme"]},{"type":"Foreground","tokens":["--kbq-foreground-white","--kbq-foreground-white-secondary","--kbq-foreground-theme","--kbq-foreground-theme-secondary","--kbq-foreground-contrast","--kbq-foreground-on-contrast","--kbq-foreground-contrast-secondary","--kbq-foreground-contrast-tertiary","--kbq-foreground-error","--kbq-foreground-error-secondary","--kbq-foreground-error-tertiary","--kbq-foreground-success","--kbq-foreground-success-secondary","--kbq-foreground-warning","--kbq-foreground-warning-secondary","--kbq-foreground-visited","--kbq-foreground-success-tertiary","--kbq-foreground-on-contrast-secondary","--kbq-foreground-white-tertiary","--kbq-foreground-night","--kbq-foreground-night-secondary","--kbq-foreground-night-tertiary"]},{"type":"Icon","tokens":["--kbq-icon-white","--kbq-icon-theme","--kbq-icon-theme-fade","--kbq-icon-contrast","--kbq-icon-on-contrast","--kbq-icon-contrast-fade","--kbq-icon-error","--kbq-icon-success","--kbq-icon-warning","--kbq-icon-visited","--kbq-icon-error-fade","--kbq-icon-success-fade","--kbq-icon-warning-fade","--kbq-icon-on-contrast-fade","--kbq-icon-white-fade","--kbq-icon-night","--kbq-icon-night-fade"]},{"type":"Line","tokens":["--kbq-line-theme","--kbq-line-theme-fade","--kbq-line-theme-less","--kbq-line-contrast","--kbq-line-contrast-fade","--kbq-line-contrast-less","--kbq-line-error","--kbq-line-error-fade","--kbq-line-success","--kbq-line-success-fade","--kbq-line-warning","--kbq-line-warning-fade","--kbq-line-visited","--kbq-line-visited-fade","--kbq-line-on-contrast","--kbq-line-on-contrast-fade","--kbq-line-on-contrast-less","--kbq-line-white","--kbq-line-white-fade","--kbq-line-white-less","--kbq-line-night","--kbq-line-night-fade","--kbq-line-night-less"]},{"type":"Shadow","tokens":["--kbq-shadow-outline","--kbq-shadow-key","--kbq-shadow-ambient"]},{"type":"Opacity","tokens":["--kbq-opacity-disabled","--kbq-opacity-overlay"]},{"type":"States","sections":[{"type":"Background","tokens":["--kbq-states-background-theme-hover","--kbq-states-background-theme-active","--kbq-states-background-theme-fade-hover","--kbq-states-background-theme-fade-active","--kbq-states-background-theme-less-hover","--kbq-states-background-theme-less-active","--kbq-states-background-contrast-hover","--kbq-states-background-contrast-active","--kbq-states-background-contrast-fade-hover","--kbq-states-background-contrast-fade-active","--kbq-states-background-contrast-less-hover","--kbq-states-background-contrast-less-active","--kbq-states-background-error-hover","--kbq-states-background-error-active","--kbq-states-background-error-fade-hover","--kbq-states-background-error-fade-active","--kbq-states-background-error-less-hover","--kbq-states-background-error-less-active","--kbq-states-background-success-hover","--kbq-states-background-success-active","--kbq-states-background-success-fade-hover","--kbq-states-background-success-fade-active","--kbq-states-background-success-less-hover","--kbq-states-background-success-less-active","--kbq-states-background-warning-fade-hover","--kbq-states-background-warning-fade-active","--kbq-states-background-warning-less-hover","--kbq-states-background-warning-less-active","--kbq-states-background-disabled","--kbq-states-background-transparent-hover","--kbq-states-background-transparent-active","--kbq-states-background-warning-hover","--kbq-states-background-warning-active","--kbq-states-background-highlight-current"]},{"type":"Foreground","tokens":["--kbq-states-foreground-theme-hover","--kbq-states-foreground-theme-active","--kbq-states-foreground-disabled","--kbq-states-foreground-visited-hover","--kbq-states-foreground-visited-active"]},{"type":"Icon","tokens":["--kbq-states-icon-theme-hover","--kbq-states-icon-theme-active","--kbq-states-icon-disabled","--kbq-states-icon-contrast-hover","--kbq-states-icon-contrast-active","--kbq-states-icon-contrast-fade-hover","--kbq-states-icon-contrast-fade-active","--kbq-states-icon-error-hover","--kbq-states-icon-error-active","--kbq-states-icon-success-hover","--kbq-states-icon-success-active","--kbq-states-icon-warning-hover","--kbq-states-icon-warning-active","--kbq-states-icon-visited-hover","--kbq-states-icon-visited-active"]},{"type":"Line","tokens":["--kbq-states-line-focus","--kbq-states-line-focus-theme","--kbq-states-line-disabled","--kbq-states-line-focus-error"]}]}];
+export const docsData = [{"type":"Background","tokens":["--kbq-background-bg","--kbq-background-bg-secondary","--kbq-background-bg-tertiary","--kbq-background-night","--kbq-background-card","--kbq-background-theme","--kbq-background-theme-fade","--kbq-background-theme-less","--kbq-background-contrast","--kbq-background-contrast-fade","--kbq-background-contrast-less","--kbq-background-error","--kbq-background-error-fade","--kbq-background-error-less","--kbq-background-success","--kbq-background-success-fade","--kbq-background-success-less","--kbq-background-warning","--kbq-background-warning-fade","--kbq-background-warning-less","--kbq-background-transparent","--kbq-background-overlay","--kbq-background-overlay-theme","--kbq-background-overlay-error","--kbq-background-overlay-inverse","--kbq-background-highlight"]},{"type":"Foreground","tokens":["--kbq-foreground-contrast","--kbq-foreground-contrast-secondary","--kbq-foreground-contrast-tertiary","--kbq-foreground-theme","--kbq-foreground-theme-secondary","--kbq-foreground-error","--kbq-foreground-error-secondary","--kbq-foreground-error-tertiary","--kbq-foreground-success","--kbq-foreground-success-secondary","--kbq-foreground-success-tertiary","--kbq-foreground-warning","--kbq-foreground-warning-secondary","--kbq-foreground-visited","--kbq-foreground-on-contrast","--kbq-foreground-on-contrast-secondary","--kbq-foreground-white","--kbq-foreground-white-secondary","--kbq-foreground-white-tertiary","--kbq-foreground-night","--kbq-foreground-night-secondary","--kbq-foreground-night-tertiary"]},{"type":"Icon","tokens":["--kbq-icon-contrast","--kbq-icon-contrast-fade","--kbq-icon-theme","--kbq-icon-theme-fade","--kbq-icon-error","--kbq-icon-error-fade","--kbq-icon-success","--kbq-icon-success-fade","--kbq-icon-warning","--kbq-icon-warning-fade","--kbq-icon-visited","--kbq-icon-on-contrast","--kbq-icon-on-contrast-fade","--kbq-icon-white","--kbq-icon-white-fade","--kbq-icon-night","--kbq-icon-night-fade"]},{"type":"Line","tokens":["--kbq-line-contrast","--kbq-line-contrast-fade","--kbq-line-contrast-less","--kbq-line-theme","--kbq-line-theme-fade","--kbq-line-theme-less","--kbq-line-error","--kbq-line-error-fade","--kbq-line-success","--kbq-line-success-fade","--kbq-line-warning","--kbq-line-warning-fade","--kbq-line-visited","--kbq-line-visited-fade","--kbq-line-on-contrast","--kbq-line-on-contrast-fade","--kbq-line-on-contrast-less","--kbq-line-white","--kbq-line-white-fade","--kbq-line-white-less","--kbq-line-night","--kbq-line-night-fade","--kbq-line-night-less"]},{"type":"States","sections":[{"type":"Background","tokens":["--kbq-states-background-disabled","--kbq-states-background-contrast-hover","--kbq-states-background-contrast-active","--kbq-states-background-contrast-fade-hover","--kbq-states-background-contrast-fade-active","--kbq-states-background-contrast-less-hover","--kbq-states-background-contrast-less-active","--kbq-states-background-transparent-hover","--kbq-states-background-transparent-active","--kbq-states-background-theme-hover","--kbq-states-background-theme-active","--kbq-states-background-theme-fade-hover","--kbq-states-background-theme-fade-active","--kbq-states-background-theme-less-hover","--kbq-states-background-theme-less-active","--kbq-states-background-error-hover","--kbq-states-background-error-active","--kbq-states-background-error-fade-hover","--kbq-states-background-error-fade-active","--kbq-states-background-error-less-hover","--kbq-states-background-error-less-active","--kbq-states-background-warning-hover","--kbq-states-background-warning-active","--kbq-states-background-warning-fade-hover","--kbq-states-background-warning-fade-active","--kbq-states-background-warning-less-hover","--kbq-states-background-warning-less-active","--kbq-states-background-success-hover","--kbq-states-background-success-active","--kbq-states-background-success-fade-hover","--kbq-states-background-success-fade-active","--kbq-states-background-success-less-hover","--kbq-states-background-success-less-active","--kbq-states-background-highlight-current"]},{"type":"Foreground","tokens":["--kbq-states-foreground-disabled","--kbq-states-foreground-theme-hover","--kbq-states-foreground-theme-active","--kbq-states-foreground-visited-hover","--kbq-states-foreground-visited-active"]},{"type":"Icon","tokens":["--kbq-states-icon-disabled","--kbq-states-icon-contrast-hover","--kbq-states-icon-contrast-active","--kbq-states-icon-contrast-fade-hover","--kbq-states-icon-contrast-fade-active","--kbq-states-icon-theme-hover","--kbq-states-icon-theme-active","--kbq-states-icon-error-hover","--kbq-states-icon-error-active","--kbq-states-icon-success-hover","--kbq-states-icon-success-active","--kbq-states-icon-warning-hover","--kbq-states-icon-warning-active","--kbq-states-icon-visited-hover","--kbq-states-icon-visited-active"]},{"type":"Line","tokens":["--kbq-states-line-disabled","--kbq-states-line-focus","--kbq-states-line-focus-theme","--kbq-states-line-focus-error"]}]},{"type":"Shadow","tokens":["--kbq-shadow-outline","--kbq-shadow-key","--kbq-shadow-ambient"]},{"type":"Opacity","tokens":["--kbq-opacity-disabled","--kbq-opacity-overlay"]}];
diff --git a/tools/tokens/docs/sdConfig.js b/tools/tokens/docs/sdConfig.js
@@ -1,10 +1,7 @@
 const { BASE_PATH, BUILD_PATH } = require('./config');
 
 module.exports = {
-    source: [
-        `${BASE_PATH}/properties/!(colors|shadows).json5`,
-        `${BASE_PATH}/tokens-new/*.json5`
-    ],
+    source: [`${BASE_PATH}/properties/!(colors.v1|shadows.v1).json5`],
     platforms: {
         css: {
             buildPath: BUILD_PATH,

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`// NOTE: Do not edit manually. This file is autogenerated.`
`2`	`2`
`3`		-export const docsData = [{"type":"Background","tokens":["--kbq-background-bg","--kbq-background-bg-secondary","--kbq-background-bg-tertiary","--kbq-background-night","--kbq-background-card","--kbq-background-theme","--kbq-background-theme-fade","--kbq-background-theme-less","--kbq-background-contrast","--kbq-background-contrast-fade","--kbq-background-contrast-less","--kbq-background-error","--kbq-background-error-fade","--kbq-background-error-less","--kbq-background-success","--kbq-background-success-fade","--kbq-background-success-less","--kbq-background-warning","--kbq-background-warning-fade","--kbq-background-warning-less","--kbq-background-transparent","--kbq-background-highlight","--kbq-background-overlay","--kbq-background-overlay-inverse","--kbq-background-overlay-error","--kbq-background-overlay-theme"]},{"type":"Foreground","tokens":["--kbq-foreground-white","--kbq-foreground-white-secondary","--kbq-foreground-theme","--kbq-foreground-theme-secondary","--kbq-foreground-contrast","--kbq-foreground-on-contrast","--kbq-foreground-contrast-secondary","--kbq-foreground-contrast-tertiary","--kbq-foreground-error","--kbq-foreground-error-secondary","--kbq-foreground-error-tertiary","--kbq-foreground-success","--kbq-foreground-success-secondary","--kbq-foreground-warning","--kbq-foreground-warning-secondary","--kbq-foreground-visited","--kbq-foreground-success-tertiary","--kbq-foreground-on-contrast-secondary","--kbq-foreground-white-tertiary","--kbq-foreground-night","--kbq-foreground-night-secondary","--kbq-foreground-night-tertiary"]},{"type":"Icon","tokens":["--kbq-icon-white","--kbq-icon-theme","--kbq-icon-theme-fade","--kbq-icon-contrast","--kbq-icon-on-contrast","--kbq-icon-contrast-fade","--kbq-icon-error","--kbq-icon-success","--kbq-icon-warning","--kbq-icon-visited","--kbq-icon-error-fade","--kbq-icon-success-fade","--kbq-icon-warning-fade","--kbq-icon-on-contrast-fade","--kbq-icon-white-fade","--kbq-icon-night","--kbq-icon-night-fade"]},{"type":"Line","tokens":["--kbq-line-theme","--kbq-line-theme-fade","--kbq-line-theme-less","--kbq-line-contrast","--kbq-line-contrast-fade","--kbq-line-contrast-less","--kbq-line-error","--kbq-line-error-fade","--kbq-line-success","--kbq-line-success-fade","--kbq-line-warning","--kbq-line-warning-fade","--kbq-line-visited","--kbq-line-visited-fade","--kbq-line-on-contrast","--kbq-line-on-contrast-fade","--kbq-line-on-contrast-less","--kbq-line-white","--kbq-line-white-fade","--kbq-line-white-less","--kbq-line-night","--kbq-line-night-fade","--kbq-line-night-less"]},{"type":"Shadow","tokens":["--kbq-shadow-outline","--kbq-shadow-key","--kbq-shadow-ambient"]},{"type":"Opacity","tokens":["--kbq-opacity-disabled","--kbq-opacity-overlay"]},{"type":"States","sections":[{"type":"Background","tokens":["--kbq-states-background-theme-hover","--kbq-states-background-theme-active","--kbq-states-background-theme-fade-hover","--kbq-states-background-theme-fade-active","--kbq-states-background-theme-less-hover","--kbq-states-background-theme-less-active","--kbq-states-background-contrast-hover","--kbq-states-background-contrast-active","--kbq-states-background-contrast-fade-hover","--kbq-states-background-contrast-fade-active","--kbq-states-background-contrast-less-hover","--kbq-states-background-contrast-less-active","--kbq-states-background-error-hover","--kbq-states-background-error-active","--kbq-states-background-error-fade-hover","--kbq-states-background-error-fade-active","--kbq-states-background-error-less-hover","--kbq-states-background-error-less-active","--kbq-states-background-success-hover","--kbq-states-background-success-active","--kbq-states-background-success-fade-hover","--kbq-states-background-success-fade-active","--kbq-states-background-success-less-hover","--kbq-states-background-success-less-active","--kbq-states-background-warning-fade-hover","--kbq-states-background-warning-fade-active","--kbq-states-background-warning-less-hover","--kbq-states-background-warning-less-active","--kbq-states-background-disabled","--kbq-states-background-transparent-hover","--kbq-states-background-transparent-active","--kbq-states-background-warning-hover","--kbq-states-background-warning-active","--kbq-states-background-highlight-current"]},{"type":"Foreground","tokens":["--kbq-states-foreground-theme-hover","--kbq-states-foreground-theme-active","--kbq-states-foreground-disabled","--kbq-states-foreground-visited-hover","--kbq-states-foreground-visited-active"]},{"type":"Icon","tokens":["--kbq-states-icon-theme-hover","--kbq-states-icon-theme-active","--kbq-states-icon-disabled","--kbq-states-icon-contrast-hover","--kbq-states-icon-contrast-active","--kbq-states-icon-contrast-fade-hover","--kbq-states-icon-contrast-fade-active","--kbq-states-icon-error-hover","--kbq-states-icon-error-active","--kbq-states-icon-success-hover","--kbq-states-icon-success-active","--kbq-states-icon-warning-hover","--kbq-states-icon-warning-active","--kbq-states-icon-visited-hover","--kbq-states-icon-visited-active"]},{"type":"Line","tokens":["--kbq-states-line-focus","--kbq-states-line-focus-theme","--kbq-states-line-disabled","--kbq-states-line-focus-error"]}]}];
	`3`	+export const docsData = [{"type":"Background","tokens":["--kbq-background-bg","--kbq-background-bg-secondary","--kbq-background-bg-tertiary","--kbq-background-night","--kbq-background-card","--kbq-background-theme","--kbq-background-theme-fade","--kbq-background-theme-less","--kbq-background-contrast","--kbq-background-contrast-fade","--kbq-background-contrast-less","--kbq-background-error","--kbq-background-error-fade","--kbq-background-error-less","--kbq-background-success","--kbq-background-success-fade","--kbq-background-success-less","--kbq-background-warning","--kbq-background-warning-fade","--kbq-background-warning-less","--kbq-background-transparent","--kbq-background-overlay","--kbq-background-overlay-theme","--kbq-background-overlay-error","--kbq-background-overlay-inverse","--kbq-background-highlight"]},{"type":"Foreground","tokens":["--kbq-foreground-contrast","--kbq-foreground-contrast-secondary","--kbq-foreground-contrast-tertiary","--kbq-foreground-theme","--kbq-foreground-theme-secondary","--kbq-foreground-error","--kbq-foreground-error-secondary","--kbq-foreground-error-tertiary","--kbq-foreground-success","--kbq-foreground-success-secondary","--kbq-foreground-success-tertiary","--kbq-foreground-warning","--kbq-foreground-warning-secondary","--kbq-foreground-visited","--kbq-foreground-on-contrast","--kbq-foreground-on-contrast-secondary","--kbq-foreground-white","--kbq-foreground-white-secondary","--kbq-foreground-white-tertiary","--kbq-foreground-night","--kbq-foreground-night-secondary","--kbq-foreground-night-tertiary"]},{"type":"Icon","tokens":["--kbq-icon-contrast","--kbq-icon-contrast-fade","--kbq-icon-theme","--kbq-icon-theme-fade","--kbq-icon-error","--kbq-icon-error-fade","--kbq-icon-success","--kbq-icon-success-fade","--kbq-icon-warning","--kbq-icon-warning-fade","--kbq-icon-visited","--kbq-icon-on-contrast","--kbq-icon-on-contrast-fade","--kbq-icon-white","--kbq-icon-white-fade","--kbq-icon-night","--kbq-icon-night-fade"]},{"type":"Line","tokens":["--kbq-line-contrast","--kbq-line-contrast-fade","--kbq-line-contrast-less","--kbq-line-theme","--kbq-line-theme-fade","--kbq-line-theme-less","--kbq-line-error","--kbq-line-error-fade","--kbq-line-success","--kbq-line-success-fade","--kbq-line-warning","--kbq-line-warning-fade","--kbq-line-visited","--kbq-line-visited-fade","--kbq-line-on-contrast","--kbq-line-on-contrast-fade","--kbq-line-on-contrast-less","--kbq-line-white","--kbq-line-white-fade","--kbq-line-white-less","--kbq-line-night","--kbq-line-night-fade","--kbq-line-night-less"]},{"type":"States","sections":[{"type":"Background","tokens":["--kbq-states-background-disabled","--kbq-states-background-contrast-hover","--kbq-states-background-contrast-active","--kbq-states-background-contrast-fade-hover","--kbq-states-background-contrast-fade-active","--kbq-states-background-contrast-less-hover","--kbq-states-background-contrast-less-active","--kbq-states-background-transparent-hover","--kbq-states-background-transparent-active","--kbq-states-background-theme-hover","--kbq-states-background-theme-active","--kbq-states-background-theme-fade-hover","--kbq-states-background-theme-fade-active","--kbq-states-background-theme-less-hover","--kbq-states-background-theme-less-active","--kbq-states-background-error-hover","--kbq-states-background-error-active","--kbq-states-background-error-fade-hover","--kbq-states-background-error-fade-active","--kbq-states-background-error-less-hover","--kbq-states-background-error-less-active","--kbq-states-background-warning-hover","--kbq-states-background-warning-active","--kbq-states-background-warning-fade-hover","--kbq-states-background-warning-fade-active","--kbq-states-background-warning-less-hover","--kbq-states-background-warning-less-active","--kbq-states-background-success-hover","--kbq-states-background-success-active","--kbq-states-background-success-fade-hover","--kbq-states-background-success-fade-active","--kbq-states-background-success-less-hover","--kbq-states-background-success-less-active","--kbq-states-background-highlight-current"]},{"type":"Foreground","tokens":["--kbq-states-foreground-disabled","--kbq-states-foreground-theme-hover","--kbq-states-foreground-theme-active","--kbq-states-foreground-visited-hover","--kbq-states-foreground-visited-active"]},{"type":"Icon","tokens":["--kbq-states-icon-disabled","--kbq-states-icon-contrast-hover","--kbq-states-icon-contrast-active","--kbq-states-icon-contrast-fade-hover","--kbq-states-icon-contrast-fade-active","--kbq-states-icon-theme-hover","--kbq-states-icon-theme-active","--kbq-states-icon-error-hover","--kbq-states-icon-error-active","--kbq-states-icon-success-hover","--kbq-states-icon-success-active","--kbq-states-icon-warning-hover","--kbq-states-icon-warning-active","--kbq-states-icon-visited-hover","--kbq-states-icon-visited-active"]},{"type":"Line","tokens":["--kbq-states-line-disabled","--kbq-states-line-focus","--kbq-states-line-focus-theme","--kbq-states-line-focus-error"]}]},{"type":"Shadow","tokens":["--kbq-shadow-outline","--kbq-shadow-key","--kbq-shadow-ambient"]},{"type":"Opacity","tokens":["--kbq-opacity-disabled","--kbq-opacity-overlay"]}];