wenay-react2 1.0.47 → 1.0.48

package/lib/style/tokens.css

@@ -1,184 +1,184 @@
-/* Shared library design tokens. Values are collected from style.css and menuRight.css
-   without changes. TS mirror for inline styles and ag-grid themes - src/common/src/styles/tokens.ts */
-:root {
-  /* Main background colors */
-  --color-bg-dark: #131821;
-  --color-bg-light: #17202e;
-
-  /* Scroll */
-  --color-scrollbar-track: rgba(255, 255, 255, 0);
-  --color-scrollbar-thumb: #1d262c;
-  /* alternative for MSTradeScroll */
-  --color-scrollbar-thumb-alt: #4c4562;
-
-  /* Main text/outline colors */
-  --color-text-base: #c4c4c4;
-  --color-text-theme: #5D9FFA;
-  --color-border-common: rgb(50, 62, 71);
-
-  /* Menu base */
-  --base-border: 1px solid rgba(255, 255, 255, 0.41);
-  --base-color-hover: #fff;
-
-  /* Menu */
-  --menu-bg-color: #0c0c0c;
-  --menu-blur: 0px;
-  --menu-border: var(--base-border);
-  --menu-item-color: var(--base-color-hover);
-  --menu-item-active-bg-color: #262626;
-  --menu-item-active-color: var(--base-color-hover);
-  --menu-active-background: var(--menu-item-active-bg-color);
-  --menu-item-hover-color: #101010;
-  --menu-item-hover-bg-color: var(--base-color-hover);
-  --menu-item-pressed-color: #101010;
-  --menu-item-pressed-bg-color: #f2c94c;
-  --menu-outline-color: #007bff;
-
-  /* Menu shadow (was a literal in .MenuR) */
-  --menu-shadow: 0 0 20px 14px rgba(34, 60, 80, 0.2);
-
-  /* Window (FloatingWindow) chrome. Defaults = legacy look, so apps without themes do not change.
-     Apps re-skin via :root[data-theme='...'] overrides, same contract as --color-* / --menu-*.
-     Intentionally NOT declared here (fall back to inherit/auto until a theme declares them):
-     --wnd-header-height, --wnd-header-color, --wnd-header-font-size,
-     --wnd-header-letter-spacing, --wnd-header-transform */
-  --wnd-bg: transparent;
-  --wnd-border: none;
-  --wnd-radius: 0;
-  --wnd-shadow: none;
-
-  /* Header drag zone: wrapper background (solid in themes) vs default striped strip.
-     Themes typically set --wnd-header-bg to a panel color and --wnd-header-stripes to none. */
-  --wnd-header-bg: transparent;
-  --wnd-header-stripes: repeating-linear-gradient(139deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1) 15px, transparent 0, transparent 30px);
-  --wnd-header-border: none;
-  --wnd-header-padding: 0;
-
-  /* Close button. Legacy: floating circle at the window's top-right corner.
-     Themes move it into the header (top/right offsets) and strip the circle chrome.
-     Clickable zone is clamped to >= 24x24 in CSS regardless of --wnd-close-size. */
-  --wnd-close-size: 28px;
-  --wnd-close-top: -12px;
-  --wnd-close-right: -12px;
-  --wnd-close-bg: var(--color-bg-light);
-  --wnd-close-border: 1px solid var(--color-border-common);
-  --wnd-close-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
-  --wnd-close-color: var(--color-text-base);
-  --wnd-close-hover: #fff;
-  --wnd-close-hover-bg: #e5484d;
-
-  /* Settings dialog (SettingsDialog). Dark defaults close to current apps;
-     apps re-skin via :root[data-theme='...'] overrides, same contract as --wnd-*. */
-  --dlg-scrim: rgba(0, 0, 0, 0.5);
-  --dlg-bg: var(--color-bg-dark);
-  --dlg-border: 1px solid var(--color-border-common);
-  --dlg-radius: 10px;
-  --dlg-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
-  --dlg-nav-bg: var(--color-bg-light);
-  --dlg-nav-width: 220px;
-
-  /* Toolbar (createToolbar). Dark defaults; apps re-skin via :root[data-theme]
-     overrides, same contract as --wnd-* / --dlg-*. */
-  --tb-bg: transparent;
-  --tb-border: none;
-  --tb-radius: 6px;
-  --tb-gap: 2px;
-  --tb-item-color: var(--color-text-base);
-  --tb-item-hover-bg: rgba(255, 255, 255, 0.08);
-  --tb-item-radius: 6px;
-  --tb-pop-bg: var(--color-bg-dark);
-  --tb-pop-border: 1px solid var(--color-border-common);
-  --tb-pop-radius: 8px;
-  --tb-pop-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
-
-  /* Column-state compact menu (ColumnsMenu/MenuStrip). Defaults preserve the
-     previous GitHub-like inline look; apps can override via --cols-menu-*. */
-  --cols-menu-gap: 6px;
-  --cols-menu-btn-gap: 4px;
-  --cols-menu-btn-padding: 3px 9px;
-  --cols-menu-btn-radius: 6px;
-  --cols-menu-btn-font-size: 12px;
-  --cols-menu-btn-line-height: 16px;
-  --cols-menu-on-border: 1px solid #24292f;
-  --cols-menu-on-bg: #24292f;
-  --cols-menu-on-color: #fff;
-  --cols-menu-off-border: 1px solid #d0d7de;
-  --cols-menu-off-bg: #fff;
-  --cols-menu-off-color: #8c959f;
-  --cols-menu-disabled-border: 1px dashed #d0d7de;
-  --cols-menu-disabled-bg: #f6f8fa;
-  --cols-menu-disabled-color: #c4ccd4;
-  --cols-menu-fixed-shadow: 0 0 0 2px #eaeef2;
-  --cols-menu-drag-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
-  --cols-menu-divider: #d0d7de;
-  --cols-menu-abbr-font-size: 10px;
-  --cols-menu-abbr-font-weight: 700;
-  --cols-menu-abbr-letter-spacing: 0.5px;
-  --cols-menu-marks-font-size: 9px;
-  --cols-menu-marks-opacity: 0.9;
-
-  /* Column-state mobile/card primitives (ColumnDots/CardList). Defaults preserve
-     the restored card-29 look; apps can override via --cols-dots-* / --cols-card-*. */
-  --cols-dots-text: #24292f;
-  --cols-dots-head-gap: 10px;
-  --cols-dots-head-margin-bottom: 6px;
-  --cols-dots-head-font-size: 12px;
-  --cols-dots-meta-color: #57606a;
-  --cols-dots-sort-border: 1px solid #6e7781;
-  --cols-dots-sort-radius: 6px;
-  --cols-dots-sort-padding: 2px 8px;
-  --cols-dots-sort-font-size: 12px;
-  --cols-dots-sort-bg: #fff;
-  --cols-dots-track-height: 56px;
-  --cols-dots-track-margin: 0 14px;
-  --cols-dots-rail: #d0d7de;
-  --cols-dots-mark-width: 44px;
-  --cols-dots-mark-height: 56px;
-  --cols-dots-mark-margin-left: -22px;
-  --cols-dots-sort-mark-color: #0969da;
-  --cols-dots-sort-mark-font-size: 11px;
-  --cols-dots-pin: #afb8c1;
-  --cols-dots-label-color: #8c959f;
-  --cols-dots-label-active-color: #24292f;
-  --cols-dots-label-font-size: 10px;
-  --cols-dots-dot-size: 18px;
-  --cols-dots-dot-radius: 9px;
-  --cols-dots-dot-bg: #24292f;
-  --cols-dots-dot-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
-  --cols-dots-selected-bg: #0969da;
-  --cols-dots-selected-border: #b6d4fe;
-  --cols-dots-fixed-border: #afb8c1;
-  --cols-dots-drag-label-bg: #24292f;
-  --cols-dots-drag-label-color: #fff;
-  --cols-dots-drag-label-font-size: 10px;
-  --cols-card-gap: 8px;
-  --cols-card-border: 1px solid #d0d7de;
-  --cols-card-radius: 8px;
-  --cols-card-padding: 8px 10px;
-  --cols-card-bg: #fff;
-  --cols-card-header-gap: 8px;
-  --cols-card-header-margin-bottom: 6px;
-  --cols-card-title-font-size: 14px;
-  --cols-card-accent-font-size: 11px;
-  --cols-card-accent-padding: 1px 8px;
-  --cols-card-accent-radius: 10px;
-  --cols-card-accent-bg: #ddf4ff;
-  --cols-card-accent-color: #0969da;
-  --cols-card-field-gap: 10px;
-  --cols-card-field-font-size: 12px;
-  --cols-card-field-line-height: 1.7;
-  --cols-card-label-color: #57606a;
-  --cols-card-label-min-width: 72px;
-  /* Logs. Defaults preserve the old logger look; apps can override in their theme. */
-  --logs-notification-text: #fff;
-  --logs-notification-accent: #5D9FFA;
-  --logs-toggle-bg: rgb(58, 58, 58);
-  --logs-toggle-off-bg: rgb(144, 60, 60);
-  --logs-divider: rgba(255, 255, 255, 1);
-  --logs-tab-nav-bg: #333;
-  --logs-tab-bg: #444;
-  --logs-tab-active-bg: #666;
-  --logs-tab-text: #fff;
-  /* Layers */
-  --wenay-z-modal: 9999;
-}
+/* Shared library design tokens. Values are collected from style.css and menuRight.css
+   without changes. TS mirror for inline styles and ag-grid themes - src/common/src/styles/tokens.ts */
+:root {
+  /* Main background colors */
+  --color-bg-dark: #131821;
+  --color-bg-light: #17202e;
+
+  /* Scroll */
+  --color-scrollbar-track: rgba(255, 255, 255, 0);
+  --color-scrollbar-thumb: #1d262c;
+  /* alternative for MSTradeScroll */
+  --color-scrollbar-thumb-alt: #4c4562;
+
+  /* Main text/outline colors */
+  --color-text-base: #c4c4c4;
+  --color-text-theme: #5D9FFA;
+  --color-border-common: rgb(50, 62, 71);
+
+  /* Menu base */
+  --base-border: 1px solid rgba(255, 255, 255, 0.41);
+  --base-color-hover: #fff;
+
+  /* Menu */
+  --menu-bg-color: #0c0c0c;
+  --menu-blur: 0px;
+  --menu-border: var(--base-border);
+  --menu-item-color: var(--base-color-hover);
+  --menu-item-active-bg-color: #262626;
+  --menu-item-active-color: var(--base-color-hover);
+  --menu-active-background: var(--menu-item-active-bg-color);
+  --menu-item-hover-color: #101010;
+  --menu-item-hover-bg-color: var(--base-color-hover);
+  --menu-item-pressed-color: #101010;
+  --menu-item-pressed-bg-color: #f2c94c;
+  --menu-outline-color: #007bff;
+
+  /* Menu shadow (was a literal in .MenuR) */
+  --menu-shadow: 0 0 20px 14px rgba(34, 60, 80, 0.2);
+
+  /* Window (FloatingWindow) chrome. Defaults = legacy look, so apps without themes do not change.
+     Apps re-skin via :root[data-theme='...'] overrides, same contract as --color-* / --menu-*.
+     Intentionally NOT declared here (fall back to inherit/auto until a theme declares them):
+     --wnd-header-height, --wnd-header-color, --wnd-header-font-size,
+     --wnd-header-letter-spacing, --wnd-header-transform */
+  --wnd-bg: transparent;
+  --wnd-border: none;
+  --wnd-radius: 0;
+  --wnd-shadow: none;
+
+  /* Header drag zone: wrapper background (solid in themes) vs default striped strip.
+     Themes typically set --wnd-header-bg to a panel color and --wnd-header-stripes to none. */
+  --wnd-header-bg: transparent;
+  --wnd-header-stripes: repeating-linear-gradient(139deg, hsla(0, 0%, 100%, 0.1), hsla(0, 0%, 100%, 0.1) 15px, transparent 0, transparent 30px);
+  --wnd-header-border: none;
+  --wnd-header-padding: 0;
+
+  /* Close button. Legacy: floating circle at the window's top-right corner.
+     Themes move it into the header (top/right offsets) and strip the circle chrome.
+     Clickable zone is clamped to >= 24x24 in CSS regardless of --wnd-close-size. */
+  --wnd-close-size: 28px;
+  --wnd-close-top: -12px;
+  --wnd-close-right: -12px;
+  --wnd-close-bg: var(--color-bg-light);
+  --wnd-close-border: 1px solid var(--color-border-common);
+  --wnd-close-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
+  --wnd-close-color: var(--color-text-base);
+  --wnd-close-hover: #fff;
+  --wnd-close-hover-bg: #e5484d;
+
+  /* Settings dialog (SettingsDialog). Dark defaults close to current apps;
+     apps re-skin via :root[data-theme='...'] overrides, same contract as --wnd-*. */
+  --dlg-scrim: rgba(0, 0, 0, 0.5);
+  --dlg-bg: var(--color-bg-dark);
+  --dlg-border: 1px solid var(--color-border-common);
+  --dlg-radius: 10px;
+  --dlg-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
+  --dlg-nav-bg: var(--color-bg-light);
+  --dlg-nav-width: 220px;
+
+  /* Toolbar (createToolbar). Dark defaults; apps re-skin via :root[data-theme]
+     overrides, same contract as --wnd-* / --dlg-*. */
+  --tb-bg: transparent;
+  --tb-border: none;
+  --tb-radius: 6px;
+  --tb-gap: 2px;
+  --tb-item-color: var(--color-text-base);
+  --tb-item-hover-bg: rgba(255, 255, 255, 0.08);
+  --tb-item-radius: 6px;
+  --tb-pop-bg: var(--color-bg-dark);
+  --tb-pop-border: 1px solid var(--color-border-common);
+  --tb-pop-radius: 8px;
+  --tb-pop-shadow: 0 8px 28px rgba(0, 0, 0, 0.5);
+
+  /* Column-state compact menu (ColumnsMenu/MenuStrip). Defaults preserve the
+     previous GitHub-like inline look; apps can override via --cols-menu-*. */
+  --cols-menu-gap: 6px;
+  --cols-menu-btn-gap: 4px;
+  --cols-menu-btn-padding: 3px 9px;
+  --cols-menu-btn-radius: 6px;
+  --cols-menu-btn-font-size: 12px;
+  --cols-menu-btn-line-height: 16px;
+  --cols-menu-on-border: 1px solid #24292f;
+  --cols-menu-on-bg: #24292f;
+  --cols-menu-on-color: #fff;
+  --cols-menu-off-border: 1px solid #d0d7de;
+  --cols-menu-off-bg: #fff;
+  --cols-menu-off-color: #8c959f;
+  --cols-menu-disabled-border: 1px dashed #d0d7de;
+  --cols-menu-disabled-bg: #f6f8fa;
+  --cols-menu-disabled-color: #c4ccd4;
+  --cols-menu-fixed-shadow: 0 0 0 2px #eaeef2;
+  --cols-menu-drag-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
+  --cols-menu-divider: #d0d7de;
+  --cols-menu-abbr-font-size: 10px;
+  --cols-menu-abbr-font-weight: 700;
+  --cols-menu-abbr-letter-spacing: 0.5px;
+  --cols-menu-marks-font-size: 9px;
+  --cols-menu-marks-opacity: 0.9;
+
+  /* Column-state mobile/card primitives (ColumnDots/CardList). Defaults preserve
+     the restored card-29 look; apps can override via --cols-dots-* / --cols-card-*. */
+  --cols-dots-text: #24292f;
+  --cols-dots-head-gap: 10px;
+  --cols-dots-head-margin-bottom: 6px;
+  --cols-dots-head-font-size: 12px;
+  --cols-dots-meta-color: #57606a;
+  --cols-dots-sort-border: 1px solid #6e7781;
+  --cols-dots-sort-radius: 6px;
+  --cols-dots-sort-padding: 2px 8px;
+  --cols-dots-sort-font-size: 12px;
+  --cols-dots-sort-bg: #fff;
+  --cols-dots-track-height: 56px;
+  --cols-dots-track-margin: 0 14px;
+  --cols-dots-rail: #d0d7de;
+  --cols-dots-mark-width: 44px;
+  --cols-dots-mark-height: 56px;
+  --cols-dots-mark-margin-left: -22px;
+  --cols-dots-sort-mark-color: #0969da;
+  --cols-dots-sort-mark-font-size: 11px;
+  --cols-dots-pin: #afb8c1;
+  --cols-dots-label-color: #8c959f;
+  --cols-dots-label-active-color: #24292f;
+  --cols-dots-label-font-size: 10px;
+  --cols-dots-dot-size: 18px;
+  --cols-dots-dot-radius: 9px;
+  --cols-dots-dot-bg: #24292f;
+  --cols-dots-dot-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
+  --cols-dots-selected-bg: #0969da;
+  --cols-dots-selected-border: #b6d4fe;
+  --cols-dots-fixed-border: #afb8c1;
+  --cols-dots-drag-label-bg: #24292f;
+  --cols-dots-drag-label-color: #fff;
+  --cols-dots-drag-label-font-size: 10px;
+  --cols-card-gap: 8px;
+  --cols-card-border: 1px solid #d0d7de;
+  --cols-card-radius: 8px;
+  --cols-card-padding: 8px 10px;
+  --cols-card-bg: #fff;
+  --cols-card-header-gap: 8px;
+  --cols-card-header-margin-bottom: 6px;
+  --cols-card-title-font-size: 14px;
+  --cols-card-accent-font-size: 11px;
+  --cols-card-accent-padding: 1px 8px;
+  --cols-card-accent-radius: 10px;
+  --cols-card-accent-bg: #ddf4ff;
+  --cols-card-accent-color: #0969da;
+  --cols-card-field-gap: 10px;
+  --cols-card-field-font-size: 12px;
+  --cols-card-field-line-height: 1.7;
+  --cols-card-label-color: #57606a;
+  --cols-card-label-min-width: 72px;
+  /* Logs. Defaults preserve the old logger look; apps can override in their theme. */
+  --logs-notification-text: #fff;
+  --logs-notification-accent: #5D9FFA;
+  --logs-toggle-bg: rgb(58, 58, 58);
+  --logs-toggle-off-bg: rgb(144, 60, 60);
+  --logs-divider: rgba(255, 255, 255, 1);
+  --logs-tab-nav-bg: #333;
+  --logs-tab-bg: #444;
+  --logs-tab-active-bg: #666;
+  --logs-tab-text: #fff;
+  /* Layers */
+  --wenay-z-modal: 9999;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wenay-react2",
-  "version": "1.0.47",
+  "version": "1.0.48",
   "description": "Common react",
   "strict": true,
   "main": "dist/index.js",