@webitel/styleguide 26.8.3 → 26.8.5

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/incoming-interaction-preview/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-incoming-interaction-preview-sizes-root-padding-x: 16px;
+  --wt-ws-incoming-interaction-preview-sizes-root-padding-y: 16px;
+  --wt-ws-incoming-interaction-preview-sizes-root-gap: 8px;
+  --wt-ws-incoming-interaction-preview-sizes-root-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/index.css

@@ -0,0 +1,23 @@
+@import "./app-header/index.css";
+@import "./avatar/index.css";
+@import "./call-dock/index.css";
+@import "./call-page/index.css";
+@import "./chat-card/index.css";
+@import "./chat-dock/index.css";
+@import "./chat-page/index.css";
+@import "./chat-queue-pannel/index.css";
+@import "./chat-window/index.css";
+@import "./client-identity-block/index.css";
+@import "./conversation-tray/index.css";
+@import "./dialer/index.css";
+@import "./incoming-interaction-preview/index.css";
+@import "./layout/index.css";
+@import "./message-composer/index.css";
+@import "./page-toolbar/index.css";
+@import "./semantic/index.css";
+@import "./sidebar-menu/index.css";
+@import "./widgets/index.css";
+@import "./wrap-up-timer/index.css";
+:root {
+  --wt-ws-color: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/colors/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/colors/root/dark/index.css

@@ -0,0 +1,7 @@
+:root.theme--dark {
+  --wt-ws-layout-colors-root-background: #292E3D;
+  --wt-ws-layout-colors-root-hover-background: #33394C;
+  --wt-ws-layout-colors-root-active-background: #1F222E;
+  --wt-ws-layout-colors-root-muted-background: #1F222E;
+  --wt-ws-layout-colors-root-border-color: #33394C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/colors/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/colors/root/light/index.css

@@ -0,0 +1,7 @@
+:root {
+  --wt-ws-layout-colors-root-background: #FFFFFF;
+  --wt-ws-layout-colors-root-hover-background: #F0F1F5;
+  --wt-ws-layout-colors-root-active-background: #E0E3EB;
+  --wt-ws-layout-colors-root-muted-background: #E0E3EB;
+  --wt-ws-layout-colors-root-border-color: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/index.css

@@ -0,0 +1,7 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";
+:root {
+  --wt-ws-layout-selected-user: 0px;
+  --wt-ws-layout-selected-name: String value;
+  --wt-ws-layout-show-right-layput: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/sizes/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/layout/sizes/root/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-layout-sizes-root-padding: 4px;
+  --wt-ws-layout-sizes-root-gap: 4px;
+  --wt-ws-layout-sizes-root-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/colors/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/colors/root/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-message-composer-colors-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/colors/root/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/colors/root/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-message-composer-colors-root-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/sizes/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/message-composer/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-message-composer-sizes-root-padding-x: 4px;
+  --wt-ws-message-composer-sizes-root-padding-y: 4px;
+  --wt-ws-message-composer-sizes-root-gap: 8px;
+  --wt-ws-message-composer-sizes-root-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/page-toolbar/colors/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-page-toolbar-colors-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/page-toolbar/colors/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/page-toolbar/colors/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-page-toolbar-colors-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/page-toolbar/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/page-toolbar/sizes/index.css

@@ -0,0 +1,7 @@
+:root {
+  --wt-ws-page-toolbar-sizes-padding-left: 8px;
+  --wt-ws-page-toolbar-sizes-padding-right: 4px;
+  --wt-ws-page-toolbar-sizes-padding-y: 0px;
+  --wt-ws-page-toolbar-sizes-gap: 8px;
+  --wt-ws-page-toolbar-sizes-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/inbound/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-semantic-colors-inbound-color: #28BD5A;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/inbound/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/inbound/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-semantic-colors-inbound-color: #28BD5A;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/index.css

@@ -0,0 +1,3 @@
+@import "./inbound/index.css";
+@import "./missed/index.css";
+@import "./outbound/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/missed/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-semantic-colors-missed-color: #E54C4C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/missed/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/missed/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-semantic-colors-missed-color: #E54C4C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/outbound/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-semantic-colors-outbound-color: #2D74D2;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/outbound/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/colors/outbound/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-semantic-colors-outbound-color: #2D74D2;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/semantic/index.css

@@ -0,0 +1 @@
+@import "./colors/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/filled/dark/index.css

@@ -0,0 +1,6 @@
+:root.theme--dark {
+  --wt-ws-sidebar-menu-colors-button-filled-background: #341254;
+  --wt-ws-sidebar-menu-colors-button-filled-hover-background: #411669;
+  --wt-ws-sidebar-menu-colors-button-filled-color: #FFFFFF;
+  --wt-ws-sidebar-menu-colors-button-filled-hover-color: #F3EAFB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/filled/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/filled/light/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-sidebar-menu-colors-button-filled-background: #F0F1F5;
+  --wt-ws-sidebar-menu-colors-button-filled-hover-background: #FFFFFF;
+  --wt-ws-sidebar-menu-colors-button-filled-color: #6824A8;
+  --wt-ws-sidebar-menu-colors-button-filled-hover-color: #7528BD;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/index.css

@@ -0,0 +1,3 @@
+@import "./filled/index.css";
+@import "./outlined/index.css";
+@import "./text/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/outlined/dark/index.css

@@ -0,0 +1,6 @@
+:root.theme--dark {
+  --wt-ws-sidebar-menu-colors-button-outlined-hover-background: #E6D5F6;
+  --wt-ws-sidebar-menu-colors-button-outlined-active-background: #B481E4;
+  --wt-ws-sidebar-menu-colors-button-outlined-border-color: #9B56DB;
+  --wt-ws-sidebar-menu-colors-button-outlined-color: #9B56DB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/outlined/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/outlined/light/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-sidebar-menu-colors-button-outlined-hover-background: #E6D5F6;
+  --wt-ws-sidebar-menu-colors-button-outlined-active-background: #B481E4;
+  --wt-ws-sidebar-menu-colors-button-outlined-border-color: #9B56DB;
+  --wt-ws-sidebar-menu-colors-button-outlined-color: #9B56DB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/text/dark/index.css

@@ -0,0 +1,5 @@
+:root.theme--dark {
+  --wt-ws-sidebar-menu-colors-button-text-hover-background: #5B1F93;
+  --wt-ws-sidebar-menu-colors-button-text-active-background: #822DD2;
+  --wt-ws-sidebar-menu-colors-button-text-color: #DAC0F2;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/text/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/button/text/light/index.css

@@ -0,0 +1,5 @@
+:root {
+  --wt-ws-sidebar-menu-colors-button-text-hover-background: #6824A8;
+  --wt-ws-sidebar-menu-colors-button-text-active-background: #822DD2;
+  --wt-ws-sidebar-menu-colors-button-text-color: #E8EAFC;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/colors/index.css

@@ -0,0 +1 @@
+@import "./button/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/sizes/index.css

@@ -0,0 +1 @@
+@import "./root/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/sidebar-menu/sizes/root/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-sidebar-menu-sizes-root-padding-x: 8px;
+  --wt-ws-sidebar-menu-sizes-root-padding-y: 8px;
+  --wt-ws-sidebar-menu-sizes-root-gap: 8px;
+  --wt-ws-sidebar-menu-sizes-root-border-radius: 0px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/card/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-widgets-colors-card-background: #00000000;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/card/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/card/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-widgets-colors-card-background: #FFFFFF00;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/icon-box/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-widgets-colors-icon-box-background: #33394C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/icon-box/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/icon-box/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-widgets-colors-icon-box-background: #F0F1F5;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/index.css

@@ -0,0 +1,3 @@
+@import "./card/index.css";
+@import "./icon-box/index.css";
+@import "./row/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/row/dark/index.css

@@ -0,0 +1,4 @@
+:root.theme--dark {
+  --wt-ws-widgets-colors-row-background: #292E3D;
+  --wt-ws-widgets-colors-row-border-color: #33394C;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/row/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/colors/row/light/index.css

@@ -0,0 +1,4 @@
+:root {
+  --wt-ws-widgets-colors-row-background: #FFFFFF;
+  --wt-ws-widgets-colors-row-border-color: #E0E3EB;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/sizes/card/index.css

@@ -0,0 +1,7 @@
+:root {
+  --wt-ws-widgets-sizes-card-padding-x: 0px;
+  --wt-ws-widgets-sizes-card-padding-y: 0px;
+  --wt-ws-widgets-sizes-card-gap: 4px;
+  --wt-ws-widgets-sizes-card-border-radius: 0px;
+  --wt-ws-widgets-sizes-card-width: 156px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/sizes/icon-box/icon/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-widgets-sizes-icon-box-icon-size: 16px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/sizes/icon-box/index.css

@@ -0,0 +1,7 @@
+@import "./icon/index.css";
+:root {
+  --wt-ws-widgets-sizes-icon-box-padding-x: 8px;
+  --wt-ws-widgets-sizes-icon-box-padding-y: 8px;
+  --wt-ws-widgets-sizes-icon-box-gap: 4px;
+  --wt-ws-widgets-sizes-icon-box-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/sizes/index.css

@@ -0,0 +1,3 @@
+@import "./card/index.css";
+@import "./icon-box/index.css";
+@import "./row/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/widgets/sizes/row/index.css

@@ -0,0 +1,6 @@
+:root {
+  --wt-ws-widgets-sizes-row-padding-x: 8px;
+  --wt-ws-widgets-sizes-row-padding-y: 8px;
+  --wt-ws-widgets-sizes-row-gap: 8px;
+  --wt-ws-widgets-sizes-row-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/wrap-up-timer/colors/dark/index.css

@@ -0,0 +1,3 @@
+:root.theme--dark {
+  --wt-ws-wrap-up-timer-colors-background: #292E3D;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/wrap-up-timer/colors/index.css

@@ -0,0 +1,2 @@
+@import "./dark/index.css";
+@import "./light/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/wrap-up-timer/colors/light/index.css

@@ -0,0 +1,3 @@
+:root {
+  --wt-ws-wrap-up-timer-colors-background: #FFFFFF;
+}

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/wrap-up-timer/index.css

@@ -0,0 +1,2 @@
+@import "./colors/index.css";
+@import "./sizes/index.css";

package/src/lib/styleguide/token-generation/apps/agent-workspace-app/dist/ws/wrap-up-timer/sizes/index.css

@@ -0,0 +1,7 @@
+:root {
+  --wt-ws-wrap-up-timer-sizes-padding-left: 8px;
+  --wt-ws-wrap-up-timer-sizes-padding-right: 4px;
+  --wt-ws-wrap-up-timer-sizes-padding-y: 4px;
+  --wt-ws-wrap-up-timer-sizes-gap: 4px;
+  --wt-ws-wrap-up-timer-sizes-border-radius: 8px;
+}

package/src/lib/styleguide/token-generation/apps/index.css

@@ -0,0 +1 @@
+@import "./agent-workspace-app/dist/index.css";

package/src/lib/styleguide/token-generation/index.css

@@ -0,0 +1 @@
+@import "./apps/index.css";

package/src/lib/styleguide/token-generation/script/check-css-imports.ts

@@ -0,0 +1,79 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { red } from './console-colors';
+
+const IMPORT_RE = /@import\s+["']([^"']+)["']/g;
+
+interface BrokenImport {
+	fromFile: string;
+	importPath: string;
+	resolvedPath: string;
+}
+
+/**
+ * Recursively finds every @import in every .css file under `root`, and reports the ones
+ * whose target file doesn't exist. This catches CSS import chains left dangling by hand
+ * edits or a partial/failed token generation - e.g. apps/index.css importing a
+ * dist/index.css that was never written because that app's tokens failed validation.
+ */
+export function findBrokenCssImports(root: string): BrokenImport[] {
+	const broken: BrokenImport[] = [];
+
+	for (const cssFile of findCssFiles(root)) {
+		const content = fs.readFileSync(cssFile, 'utf8');
+		for (const match of content.matchAll(IMPORT_RE)) {
+			const importPath = match[1];
+			if (/^(https?:)?\/\//.test(importPath)) continue; // external URL, not a local file
+			const resolvedPath = path.resolve(path.dirname(cssFile), importPath);
+			if (!fs.existsSync(resolvedPath)) {
+				broken.push({
+					fromFile: cssFile,
+					importPath,
+					resolvedPath,
+				});
+			}
+		}
+	}
+
+	return broken;
+}
+
+function findCssFiles(dir: string): string[] {
+	const entries = fs.readdirSync(dir, {
+		withFileTypes: true,
+	});
+	const files: string[] = [];
+	for (const entry of entries) {
+		const entryPath = path.join(dir, entry.name);
+		if (entry.isDirectory()) {
+			files.push(...findCssFiles(entryPath));
+		} else if (entry.isFile() && entry.name.endsWith('.css')) {
+			files.push(entryPath);
+		}
+	}
+	return files;
+}
+
+/** Verify every @import under `root` resolves to a real file. Reports and returns false
+ * on the first source of broken imports found, rather than throwing, so the caller can
+ * decide how to fail (e.g. stop the whole generation run). */
+export function checkCssImports(root: string): boolean {
+	const broken = findBrokenCssImports(root);
+	if (broken.length === 0) return true;
+
+	console.error(
+		red(
+			`\nЗнайдено непрацюючі @import у CSS (token-generation): ${broken.length}:\n`,
+		),
+	);
+	for (const item of broken) {
+		console.error(
+			red(
+				`  "${item.importPath}" у ${path.relative(root, item.fromFile)} -> файл не знайдено: ${path.relative(root, item.resolvedPath)}`,
+			),
+		);
+	}
+	console.error('');
+
+	return false;
+}

package/src/lib/styleguide/token-generation/script/console-colors.ts

@@ -0,0 +1,12 @@
+/** Minimal, dependency-free ANSI colorizers for console output. Disabled automatically
+ * when stderr isn't a TTY or NO_COLOR is set, so piped/CI output stays plain text. */
+const colorsEnabled = process.stderr.isTTY && !process.env.NO_COLOR;
+
+function wrap(code: string): (text: string) => string {
+	return (text: string) =>
+		colorsEnabled ? `\x1b[${code}m${text}\x1b[0m` : text;
+}
+
+export const red = wrap('31');
+export const yellow = wrap('33');
+export const bold = wrap('1');

package/src/lib/styleguide/token-generation/script/discover-sources.ts

@@ -0,0 +1,68 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { yellow } from './console-colors';
+import type { ThemeConfig, TokenSource } from './types';
+
+/** Whether `dir` contains at least one of the theme input files. */
+function hasAnyThemeFile(dir: string, themes: ThemeConfig[]): boolean {
+	return themes.some((theme) => fs.existsSync(path.join(dir, theme.file)));
+}
+
+/**
+ * Discover every token source under the token-generation root: each app directory
+ * under apps/, plus the shared lib/ directory. Each source is independent - it gets
+ * its own colocated dist/ output directory and is validated/generated on its own.
+ *
+ * A source directory without any theme input file is skipped (logged, not an error) -
+ * this keeps e.g. an empty lib/ (no shared tokens exported yet) from failing the run.
+ */
+export function discoverSources(
+	tokenGenerationRoot: string,
+	themes: ThemeConfig[],
+): TokenSource[] {
+	const sources: TokenSource[] = [];
+
+	const appsDir = path.join(tokenGenerationRoot, 'apps');
+	if (fs.existsSync(appsDir)) {
+		const appNames = fs
+			.readdirSync(appsDir, {
+				withFileTypes: true,
+			})
+			.filter((entry) => entry.isDirectory())
+			.map((entry) => entry.name)
+			.sort();
+
+		for (const appName of appNames) {
+			const inputDir = path.join(appsDir, appName);
+			if (!hasAnyThemeFile(inputDir, themes)) {
+				console.warn(
+					yellow(`[apps/${appName}] пропущено: не знайдено файлів токенів`),
+				);
+				continue;
+			}
+			sources.push({
+				label: `apps/${appName}`,
+				inputDir,
+				outputDir: path.join(inputDir, 'dist'),
+				kind: 'app',
+				appName,
+			});
+		}
+	}
+
+	const libDir = path.join(tokenGenerationRoot, 'lib');
+	if (fs.existsSync(libDir)) {
+		if (hasAnyThemeFile(libDir, themes)) {
+			sources.push({
+				label: 'lib',
+				inputDir: libDir,
+				outputDir: path.join(libDir, 'dist'),
+				kind: 'lib',
+			});
+		} else {
+			console.warn(yellow('[lib] пропущено: не знайдено файлів токенів'));
+		}
+	}
+
+	return sources;
+}