@kupola/kupola 1.9.7 → 1.9.8

package/dist/kupola.css

@@ -1,3 +1,46 @@
+:root {
+  --bg-base-default: #0C0C0D;
+  --bg-base-secondary: #1A1B1D;
+  --bg-base-tertiary: #222427;
+  --bg-overlay-l1: rgba(255, 255, 255, 0.04);
+  --bg-overlay-l2: rgba(255, 255, 255, 0.06);
+  --bg-overlay-l3: rgba(255, 255, 255, 0.08);
+  --bg-overlay-l4: rgba(255, 255, 255, 0.12);
+  --bg-menu: #1A1B1D;
+  --bg-tooltip: #1A1B1D;
+  --bg-invert: #FFFFFF;
+  --bg-invert-hover: #F5F5F5;
+  --bg-invert-active: #E5E5E5;
+  --bg-invert-disabled: rgba(255, 255, 255, 0.2);
+  --special-bgtabsoverlay: rgba(0, 0, 0, 0.2);
+  --text-default: #E5E7EB;
+  --text-default-hover: #FFFFFF;
+  --text-default-active: #FFFFFF;
+  --text-secondary: #B8BDCA;
+  --text-secondary-hover: #E5E7EB;
+  --text-secondary-active: #E5E7EB;
+  --text-tertiary: #9CA3AF;
+  --text-disabled: #8B93A1;
+  --text-onbrand: #FFFFFF;
+  --text-onaccent: #FFFFFF;
+  --icon-default: #E5E7EB;
+  --icon-default-hover: #FFFFFF;
+  --icon-default-active: #FFFFFF;
+  --icon-secondary: #B8BDCA;
+  --icon-secondary-hover: #E5E7EB;
+  --icon-secondary-active: #E5E7EB;
+  --icon-tertiary: #9CA3AF;
+  --icon-disabled: #8B93A1;
+  --icon-onbrand: #FFFFFF;
+  --icon-onaccent: #FFFFFF;
+  --border-neutral-l1: rgba(255, 255, 255, 0.12);
+  --border-neutral-l2: rgba(255, 255, 255, 0.18);
+  --border-neutral-l3: rgba(255, 255, 255, 0.25);
+  --border-contrast: #0C0C0D;
+  --bg-brand-popup: rgba(83, 81, 100, 0.15);
+  --icon-filter: brightness(0) saturate(0) invert(0.9);
+}
+
 /**
  * Trae design library tokens
  * Dark-only colors and typography tokens.
@@ -406,7 +449,7 @@
   --bg-layout-2: var(--bg-overlay-l1);
   --border-1: var(--border-neutral-l1);
 }
-
+
 /* ===== Dark Theme (Default) ===== */
 
 :root {
@@ -747,7 +790,7 @@
   .ds-input--prefix {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239599A6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'></circle><line x1='21' y1='21' x2='16.65' y2='16.65'></line></svg>") !important;
   }
-}
+}
 /* ===== Light Theme ===== */
 
 [data-theme="light"] {
@@ -1045,7 +1088,7 @@
   .ds-input--prefix {
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666B75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'></circle><line x1='21' y1='21' x2='16.65' y2='16.65'></line></svg>") !important;
   }
-}
+}
 /* ===== Brand Color Themes ===== */
 /* 仅替换品牌绿色系，其他颜色保持不变 */
 
@@ -1345,7 +1388,7 @@
   --bg-brand: #106898;
   --bg-brand-hover: #0E5C87;
   --bg-brand-popup: rgba(16, 104, 152, 0.15);
-}
+}
 /*
  * scaffold.css - Layout, reset, typography utilities, shared atoms
  * Provides the page chrome consumed by preview/component-*.html and
@@ -1490,7 +1533,7 @@ code, kbd, samp, pre {
   font-variant-numeric: tabular-nums;
   font-feature-settings: "tnum" 1, "lnum" 1;
 }
-
+
 /* ===== Dashboard Layout ===== */
 
 html.ds-dashboard-page,
@@ -1858,7 +1901,7 @@ body.ds-dashboard-page {
   .ds-dashboard__footer {
     padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
   }
-}
+}
 /* ═══════════════════════════════════════════════════════════════
    components.css — Design System Component Definitions
    Auto-extracted from preview/component-*.html
@@ -3435,7 +3478,7 @@ body.ds-dashboard-page {
   font-size: var(--body-xs-font-size);
   color: var(--text-tertiary);
 }
-
+
 /* Activity Rail */
 .ds-activityrail {
   display: flex;
@@ -7836,7 +7879,7 @@ body.ds-dashboard-page {
 
 .ds-tree--compact .ds-tree__item {
   padding: var(--spacer-2) var(--spacer-8);
-}
+}
 /* ===== Component States ===== */
 
 /* Loading State */
@@ -8152,7 +8195,7 @@ body.ds-dashboard-page {
   100% {
     box-shadow: 0 0 0 0 rgba(50, 240, 140, 0);
   }
-}
+}
 /* ===== Utility Classes ===== */
 
 /* Spacing */
@@ -8486,7 +8529,7 @@ body.ds-dashboard-page {
 .ds-z-tooltip { z-index: var(--z-index-tooltip, 2100); }
 .ds-z-message { z-index: var(--z-index-message, 3000); }
 .ds-z-notification { z-index: var(--z-index-notification, 3100); }
-.ds-z-loading { z-index: var(--z-index-loading, 5000); }
+.ds-z-loading { z-index: var(--z-index-loading, 5000); }
 /* Responsive Design */
 /* Breakpoints: Phone < 768px, Pad 768px - 1024px, PC > 1024px */
 
@@ -9183,7 +9226,7 @@ body.ds-dashboard-page {
   .ds-btn--sm {
     padding: 2px 6px;
   }
-}
+}
 /* Accessibility (a11y) */
 
 /* Focus styles */
@@ -9302,7 +9345,7 @@ body.ds-dashboard-page {
   content: '';
   display: table;
   clear: both;
-}
+}
 /* Animations and Transitions */
 
 /* Button hover and active */
@@ -9526,7 +9569,7 @@ body.ds-dashboard-page {
 .focus-ring:focus-visible {
   outline: 2px solid var(--bg-brand);
   outline-offset: 2px;
-}
+}
 /* ================================================================
    KupolaTable Styles
    ================================================================ */
@@ -9601,4 +9644,4 @@ body.ds-dashboard-page {
 .kupola-table-page-btn:disabled { opacity: 0.4; cursor: not-allowed; }
 .kupola-table-page-ellipsis { padding: 0 4px; color: var(--text-tertiary); }
 .kupola-table-page-size { padding: 4px 8px; border: 1px solid var(--border-neutral-l2); border-radius: 4px; font-size: 13px; }
-.kupola-table-page-info { color: var(--text-tertiary); font-size: 13px; }
+.kupola-table-page-info { color: var(--text-tertiary); font-size: 13px; }