elcrm 1.1.25 → 1.1.27

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;
@@ -1440,7 +1445,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));
     const uniq = [];
     const seen = new Set;
     for (const d of missing) {
@@ -1488,6 +1493,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 +4620,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.25",
+  "version": "1.1.27",
   "description": "CLI @elcrm/*: doctor --fix (порядок проекта), update, css, docs, cursor, kit, migrate",
   "type": "module",
   "license": "MIT",

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

@@ -26,7 +26,8 @@ import { Button } from "@elcrm/button";
 - `onSend(setDisabled, event)`: синхронный `false` — без pending; промис/`async` — pending до settle; иначе снять через `setDisabled(false)`
 - Если задан `onClick` — `onSend` **не** вызывается
 - `buttonType`: `button` \| `submit` \| `reset`
-- Точечно: `@elcrm/button/Button`
+- **`IconButton`** — только иконка: `icon` + обязательный `label` → `aria-label`. Имя иконки + tooltip — `@elcrm/components` `IconButton`.
+- Точечно: `@elcrm/button/Button`, `@elcrm/button/IconButton`
 
 ## Нельзя
 

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` | Недостающие CSS-токены → `theme.css` / `theme-light` / `theme-dark`. **Не дописывает** `--button-*-shadow: none` и снимает такие строки из `theme.css`. В `elcrm.css`: **добавляет** рабочие `@import`, **удаляет битые** (нет export/файла в установленном пакете). Затем 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,6 +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,
   createLazyResolver,
 } from "@elcrm/components";
 import type { PricingPlan, HealthmapData } from "@elcrm/components";
@@ -43,6 +44,11 @@ import type { PricingPlan, HealthmapData } from "@elcrm/components";
 - **TextGroup** — две строки: `title` + `description` (без аватара; с аватаром — AvatarName).
 - **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-*`.
+- **CodeBlock** — bar + `<pre>`, `onCopy`, `children` для подсветки. Токены `--code-block-*`.
+- **SplitPane** — две панели + drag handle. `direction`, `ratio`, `onRatioChange`, `minFirst` / `minSecond`. Не `ChatSplit` (только чат). Токены `--split-handle-*`.
+- **Banner** — статусная полоса (`tone`: info / warning / danger / success). Не toast — не `Notice`.
+- **IconButton** — `name` (`Icons.Line`) + обязательный `label` + `Tooltip` по умолчанию. `tooltip={false}` без подсказки. Низкий уровень — `@elcrm/button/IconButton` (`icon` + `label`).
 
 ## Меню
 

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-dark.css

@@ -104,12 +104,13 @@ body[data-theme="dark"] {
   --modal-box-shadow: rgba(0, 0, 0, 0.5);
   --modal-shadow: rgba(0, 0, 0, 0.35);
   --modal-color: var(--text);
-  --modal-text: var(--text);
+  --modal-text: var(--modal-color);
   --modal-exit: var(--muted);
   --modal-disabled: #5c6575;
   --modal-shade: var(--panel);
   --modal-tinge: rgba(255, 255, 255, 0.04);
   --modal-border: var(--line);
+  --tinge: var(--modal-tinge);
 
   --alert-color: var(--text);
   --alert-overlay: rgba(0, 0, 0, 0.55);
@@ -124,10 +125,9 @@ body[data-theme="dark"] {
   --tooltip-fg: #eaeaea;
   --tooltip-shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
 
-  --color-text: var(--text);
   --color-field-focus: var(--field-background);
 
-  /* —— @elcrm/components: shell (общие) + узкие avatar —— */
+  /* —— @elcrm/components: shell (контракт пакета → палитра panel) —— */
   --shell-color: var(--text);
   --shell-color-muted: var(--muted);
   --shell-color-accent: var(--accent);

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

@@ -104,12 +104,13 @@ body[data-theme="light"] {
   --modal-box-shadow: rgba(26, 31, 41, 0.18);
   --modal-shadow: rgba(26, 31, 41, 0.12);
   --modal-color: var(--text);
-  --modal-text: var(--text);
+  --modal-text: var(--modal-color);
   --modal-exit: var(--muted);
   --modal-disabled: #9aa3af;
   --modal-shade: #f4f6f9;
   --modal-tinge: rgba(26, 31, 41, 0.04);
   --modal-border: var(--line);
+  --tinge: var(--modal-tinge);
 
   --alert-color: var(--text);
   --alert-overlay: rgba(26, 31, 41, 0.4);
@@ -124,10 +125,9 @@ body[data-theme="light"] {
   --tooltip-fg: #eaeaea;
   --tooltip-shadow: 0 8px 24px rgba(26, 31, 41, 0.28);
 
-  --color-text: var(--text);
   --color-field-focus: var(--field-background);
 
-  /* —— @elcrm/components: shell (общие) + узкие avatar —— */
+  /* —— @elcrm/components: shell (контракт пакета → палитра panel) —— */
   --shell-color: var(--text);
   --shell-color-muted: var(--muted);
   --shell-color-accent: var(--accent);

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));
 }
 
 /* —— база приложения (без захардкоженных цветов) —— */