elcrm 1.1.26 → 1.1.28

package/dist/index.js

@@ -1149,6 +1149,11 @@ function isColorToken(name, value) {
     return true;
   return false;
 }
+function isButtonShadowNoise(name, value) {
+  if (!/^--button-.+-shadow(-(hover|active))?$/.test(name))
+    return false;
+  return /^none$/i.test(value.trim());
+}
 function listCssFiles(dir, acc = []) {
   if (!existsSync5(dir))
     return acc;
@@ -1425,6 +1430,7 @@ function syncElcrmCss(options) {
       skippedPkgs.push(name);
     allDefs.push(...defs);
   }
+  const pkgsWithTokens = new Set(cssExports.filter((e) => e.tokens).map((e) => e.name));
   const added = {
     "theme.css": [],
     "theme-light.css": [],
@@ -1440,7 +1446,7 @@ function syncElcrmCss(options) {
       continue;
     let css = readFileSync7(file, "utf8");
     const have = existingTokenNames(css);
-    const missing = allDefs.filter((d) => d.bucket === bucket && !have.has(d.name) && !d.name.startsWith("--search-") && !TOKEN_DEPRECATED.has(d.name));
+    const missing = allDefs.filter((d) => d.bucket === bucket && !have.has(d.name) && !d.name.startsWith("--search-") && !TOKEN_DEPRECATED.has(d.name) && !isButtonShadowNoise(d.name, d.value) && !(bucket === "geometry" && pkgsWithTokens.has(d.pkg)));
     const uniq = [];
     const seen = new Set;
     for (const d of missing) {
@@ -1488,6 +1494,32 @@ function syncElcrmCss(options) {
   }
   return { styleDir, added, imports, removedImports, skippedPkgs };
 }
+function stripButtonShadowNoiseFromTheme(styleDir, dry = false) {
+  const file = join5(styleDir, "theme.css");
+  if (!existsSync5(file))
+    return [];
+  const css = readFileSync7(file, "utf8");
+  const lines = css.split(/\r?\n/);
+  const removed = [];
+  const kept = lines.filter((line) => {
+    const m = line.match(/^\s*(--button-[a-z0-9-]+shadow[a-z0-9-]*)\s*:\s*(.+);/i);
+    if (!m)
+      return true;
+    if (!isButtonShadowNoise(m[1], m[2]))
+      return true;
+    removed.push(m[1]);
+    return false;
+  });
+  if (!removed.length)
+    return [];
+  const next = kept.join(`
+`).replace(/\n{3,}/g, `
+
+`);
+  if (!dry)
+    writeFileSync3(file, next, "utf8");
+  return removed;
+}
 
 // src/lib/migrate/socket-server.ts
 import {
@@ -4589,6 +4621,12 @@ async function cmdCss(parsed) {
   try {
     const result = syncElcrmCss({ cwd, pkgNames: names, dry });
     console.log(`\u041A\u0430\u0442\u0430\u043B\u043E\u0433 \u0441\u0442\u0438\u043B\u0435\u0439: ${result.styleDir}`);
+    const stripped = stripButtonShadowNoiseFromTheme(result.styleDir, dry);
+    if (stripped.length) {
+      console.log(`  ${dry ? "[dry] " : ""}${c.yellow("\u2212")} theme.css: \u0443\u0431\u0440\u0430\u043D\u043E ${stripped.length} button-shadow (none)`);
+      for (const t of stripped)
+        console.log(`      ${c.dim(t)}`);
+    }
     let total = 0;
     for (const [file, tokens] of Object.entries(result.added)) {
       if (!tokens.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elcrm",
-  "version": "1.1.26",
+  "version": "1.1.28",
   "description": "CLI @elcrm/*: doctor --fix (порядок проекта), update, css, docs, cursor, kit, migrate",
   "type": "module",
   "license": "MIT",

package/templates/elcrm-docs/CLI.elCRM.md

@@ -18,7 +18,7 @@ elcrm cursor
 | # | Команда | Что делает |
 | --- | --- | --- |
 | 1 | `elcrm update --fix --test` | Обновляет глобальный `elcrm` + все `@elcrm/*` в `package.json` → install → **migrate front** (API/токены/css-sanitize) → внутри `--fix` ещё раз **sync CSS** → `elcrm test` |
-| 2 | `elcrm css` | Недостающие CSS-токены → `theme.css` / `theme-light` / `theme-dark`. В `elcrm.css`: **добавляет** рабочие `@import`, **удаляет битые** (нет export/файла в установленном пакете). Затем css-sanitize |
+| 2 | `elcrm css` | Недостающие **цвета** → `theme-light` / `theme-dark`. Геометрию из пакетов с `tokens.css` **не** дублирует в `theme.css` (дефолты через `@import …/tokens.css`). **Не дописывает** `--button-*-shadow: none` и снимает такие строки. В `elcrm.css`: **добавляет** рабочие `@import`, **удаляет битые**. Затем css-sanitize |
 | 3 | `elcrm docs` | Перезаписывает `docs/*.elCRM.md` (шпаргалки пакетов) |
 | 4 | `elcrm cursor` | `.cursor/rules` + `.cursor/docs` + `AGENTS.md` для агента |
 

package/templates/elcrm-docs/COMPONENTS.elCRM.md

@@ -17,7 +17,7 @@ import {
   Card, Stat, ActionGroup, Toolbar, TextGroup, ItemColumn, List, Item, PageHead, PageShell, ChatList, ChatMessages, ChatSplit, Sidebar, Popover,
   Healthmap, PanelInfo,
   Loading, EmptyState, RadioGroup, PricingGroup, PricingTable,
-  Table, CodeBlock, SplitPane, Banner, IconButton,
+  Table, CodeBlock, SplitPane, Banner, IconButton, Text,
   createLazyResolver,
 } from "@elcrm/components";
 import type { PricingPlan, HealthmapData } from "@elcrm/components";
@@ -42,6 +42,9 @@ import type { PricingPlan, HealthmapData } from "@elcrm/components";
 - **ActionGroup** — ряд иконок в карточке / строке: `label` + `items` и/или `children`. Кнопки — `@elcrm/button`.
 - **Toolbar** — фильтры над списком. `size` (`s`/`m`/`l`, по умолчанию `s`) наследуют вложенные `*Field`, `Search`, `Button`, `Dropdown` (свой `size` важнее). `align`: `start` / `center` / `end` / `between`. `width`: `l` (100%, по умолчанию) или `s` (по контенту, не растягивать). Токены `--toolbar-gap`. Не `ActionGroup`.
 - **TextGroup** — две строки: `title` + `description` (без аватара; с аватаром — AvatarName).
+- **Text** — короткий текст. `tone="muted"` → `--shell-color-muted`. `as` — тег (`p`/`span`/…). Не `className="muted"` в приложении.
+- **Loading** — индикатор ожидания. Мин. высота: `--loading-min-height` (`min(50vh, 24rem)`).
+- **EmptyState** — заглушка / ошибка страницы. `--empty-max-width`, `--empty-padding`.
 - **Item** — строка списка. `as` button/a/li, `active`. `variant="card"` — рамка и muted-фон (идеи / тикеты / inbox). Не дублировать `.desk-row` в приложении.
 - **ItemColumn** — внутри Item: `icon` слева, столбик `title` / `description` / `footer` или `meta`, `extra` — бейджи справа сверху, `aside` — колонка справа. `unread` — жирный title. Title: `--item-column-title-size` / `--item-column-title-line` (в console = `--button-size-s` / `--button-line-height`).
 - **Table** — `<table>` в обёртке со скроллом. `layout="fixed"` для фиксированной сетки. Токены `--table-*`.

package/templates/orbit/web/src/style/theme.css

@@ -20,24 +20,6 @@
   --button-size-s: 14px;
   --button-size-m: 16px;
   --button-size-l: 18px;
-  --button-shadow: none;
-  --button-shadow-hover: none;
-  --button-shadow-active: none;
-  --button-primary-shadow: none;
-  --button-primary-hover-shadow: none;
-  --button-primary-active-shadow: none;
-  --button-secondary-shadow: none;
-  --button-secondary-hover-shadow: none;
-  --button-secondary-active-shadow: none;
-  --button-positive-shadow: none;
-  --button-positive-hover-shadow: none;
-  --button-positive-active-shadow: none;
-  --button-negative-shadow: none;
-  --button-negative-hover-shadow: none;
-  --button-negative-active-shadow: none;
-  --button-ghost-shadow: none;
-  --button-ghost-hover-shadow: none;
-  --button-ghost-active-shadow: none;
 
   /* —— form / control —— */
   --control-height: 44px;
@@ -166,6 +148,26 @@
   --healthmap-l2: color-mix(in srgb, var(--shell-color-success) 45%, transparent);
   --healthmap-l3: color-mix(in srgb, var(--shell-color-success) 70%, transparent);
   --healthmap-l4: var(--shell-color-success);
+  --table-font-size: 0.9rem;
+  --table-cell-padding: 0.55rem 0.7rem;
+  --table-head-font-size: 0.75rem;
+  --table-code-font-size: 0.8rem;
+  --code-block-bg: var(--shell-background);
+  --code-block-bar-padding: 0.4rem 0.75rem;
+  --code-block-padding: 0.85rem 1rem;
+  --code-block-font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  --code-block-font-size: 0.8rem;
+  --code-block-line-height: 1.55;
+  --split-handle-size: 6px;
+  --split-handle-bg: var(--shell-border);
+  --split-handle-bg-hover: color-mix(
+    in srgb,
+    var(--shell-color-accent) 25%,
+    var(--shell-border)
+  );
+  --banner-padding: 0.55rem 0.85rem;
+  --banner-bg: color-mix(in srgb, var(--shell-color-accent) 8%, var(--shell-bg));
+  --banner-border: color-mix(in srgb, var(--shell-color-accent) 35%, var(--shell-border));
 }
 
 /* —— база приложения (без захардкоженных цветов) —— */

package/templates/panel/web/src/style/theme.css

@@ -20,24 +20,6 @@
   --button-size-s: 14px;
   --button-size-m: 16px;
   --button-size-l: 18px;
-  --button-shadow: none;
-  --button-shadow-hover: none;
-  --button-shadow-active: none;
-  --button-primary-shadow: none;
-  --button-primary-hover-shadow: none;
-  --button-primary-active-shadow: none;
-  --button-secondary-shadow: none;
-  --button-secondary-hover-shadow: none;
-  --button-secondary-active-shadow: none;
-  --button-positive-shadow: none;
-  --button-positive-hover-shadow: none;
-  --button-positive-active-shadow: none;
-  --button-negative-shadow: none;
-  --button-negative-hover-shadow: none;
-  --button-negative-active-shadow: none;
-  --button-ghost-shadow: none;
-  --button-ghost-hover-shadow: none;
-  --button-ghost-active-shadow: none;
 
   /* —— form / control —— */
   --control-height: 44px;
@@ -177,6 +159,26 @@
   --healthmap-l2: color-mix(in srgb, var(--shell-color-success) 45%, transparent);
   --healthmap-l3: color-mix(in srgb, var(--shell-color-success) 70%, transparent);
   --healthmap-l4: var(--shell-color-success);
+  --table-font-size: 0.9rem;
+  --table-cell-padding: 0.55rem 0.7rem;
+  --table-head-font-size: 0.75rem;
+  --table-code-font-size: 0.8rem;
+  --code-block-bg: var(--shell-background);
+  --code-block-bar-padding: 0.4rem 0.75rem;
+  --code-block-padding: 0.85rem 1rem;
+  --code-block-font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  --code-block-font-size: 0.8rem;
+  --code-block-line-height: 1.55;
+  --split-handle-size: 6px;
+  --split-handle-bg: var(--shell-border);
+  --split-handle-bg-hover: color-mix(
+    in srgb,
+    var(--shell-color-accent) 25%,
+    var(--shell-border)
+  );
+  --banner-padding: 0.55rem 0.85rem;
+  --banner-bg: color-mix(in srgb, var(--shell-color-accent) 8%, var(--shell-bg));
+  --banner-border: color-mix(in srgb, var(--shell-color-accent) 35%, var(--shell-border));
 }
 
 /* —— база приложения (без захардкоженных цветов) —— */