@rokkit/themes 1.1.17 → 1.1.19

package/dist/zen-sumi/dropdown.css

@@ -6,7 +6,7 @@
  */
 
 [data-style='zen-sumi'] [data-dropdown-trigger] {
-  border-width:1px;background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--ink-soft);
+  border-width:1px;background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-dropdown-trigger]:hover:not(:disabled) {
@@ -23,11 +23,11 @@
 }
 
 [data-style='zen-sumi'] [data-dropdown-trigger] [data-dropdown-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-dropdown-trigger] [data-dropdown-arrow] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-dropdown-panel] {
@@ -36,7 +36,7 @@
 }
 
 [data-style='zen-sumi'] [data-dropdown-option] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-dropdown-option]:hover:not(:disabled),

package/dist/zen-sumi/list.css

@@ -19,12 +19,12 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-list] [data-list-item] {
-  border-width:0px;border-color:transparent;border-style:solid;background-color:transparent;color:var(--ink-soft);
+  border-width:0px;border-color:transparent;border-style:solid;background-color:transparent;color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-list] a[data-list-item],
 [data-style='zen-sumi'] [data-list] button[data-list-item] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* Hover and focus — subtle paper wash */
@@ -58,12 +58,12 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-list] [data-list-item] [data-item-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-item]:hover:not(:disabled) [data-item-icon],
 [data-style='zen-sumi'] [data-list] [data-list-item]:focus:not(:disabled) [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-item][data-active='true'] [data-item-icon] {
@@ -71,15 +71,15 @@
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-item] [data-item-description] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-item][data-active='true'] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-item] [data-item-badge] {
-  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-soft);border-color:var(--paper-mute);
+  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-mute);border-color:var(--paper-mute);
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-item][data-active='true'] [data-item-badge] {
@@ -91,12 +91,12 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-list] [data-list-group] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-list] [data-list-group]:hover:not(:disabled),
 [data-style='zen-sumi'] [data-list] [data-list-group]:focus:not(:disabled) {
-  background-image:none;color:var(--ink-soft);
+  background-image:none;color:var(--ink-mute);
 }
 
 /* =============================================================================

package/dist/zen-sumi/menu.css

@@ -10,7 +10,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-menu-trigger] {
-  border-width:1px;background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--ink-soft);
+  border-width:1px;background-color:transparent;background-image:none;border-color:var(--paper-mute);color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-menu-trigger]:hover:not(:disabled) {
@@ -28,15 +28,15 @@
 
 /* Trigger elements */
 [data-style='zen-sumi'] [data-menu-trigger] [data-menu-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-menu-trigger]:hover:not(:disabled) [data-menu-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-menu-trigger] [data-menu-arrow] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -53,7 +53,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-menu-item] {
-  border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-soft);
+  border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-menu-item]:hover:not(:disabled),
@@ -63,15 +63,15 @@
 
 /* Item elements */
 [data-style='zen-sumi'] [data-menu-item] [data-item-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-menu-item]:hover:not(:disabled) [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-menu-item] [data-item-description] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -79,7 +79,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-menu-group] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================

package/dist/zen-sumi/select.css

@@ -11,7 +11,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-select-trigger] {
-  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-soft);border-color:var(--paper-mute);
+  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-mute);border-color:var(--paper-mute);
 }
 
 [data-style='zen-sumi'] [data-select-trigger]:hover:not(:disabled) {
@@ -32,7 +32,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-select-placeholder] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -40,11 +40,11 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-select-arrow] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-select-trigger]:hover:not(:disabled) [data-select-arrow] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -52,11 +52,11 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-select-tag] {
-  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-soft);border-color:var(--paper-mute);
+  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-mute);border-color:var(--paper-mute);
 }
 
 [data-style='zen-sumi'] [data-select-tag-remove] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-select-tag-remove]:hover {
@@ -77,7 +77,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-select-option] {
-  border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-soft);
+  border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-select-option]:hover:not(:disabled),
@@ -112,7 +112,7 @@
 
 /* Item elements */
 [data-style='zen-sumi'] [data-select-option] [data-item-description] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-select-option][data-selected='true'] [data-item-description] {
@@ -124,7 +124,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-select-group-label] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -152,9 +152,9 @@
 }
 
 [data-style='zen-sumi'] [data-select-filter-input]::placeholder {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-select-empty] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }

package/dist/zen-sumi/table.css

@@ -10,7 +10,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-table-header] th {
-  border-bottom-width:1px;background-color:transparent;color:var(--ink-soft);border-color:var(--paper-mute);
+  border-bottom-width:1px;background-color:transparent;color:var(--ink-mute);border-color:var(--paper-mute);
   font-size: 0.6875rem;
   font-weight: 600;
   letter-spacing: 0.05em;
@@ -44,7 +44,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-table-caption] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -52,7 +52,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-table-row] {
-  border-bottom-width:1px;color:var(--ink-soft);border-color:var(--paper-mute);
+  border-bottom-width:1px;color:var(--ink-mute);border-color:var(--paper-mute);
 }
 
 [data-style='zen-sumi'] [data-table-row]:hover {
@@ -91,7 +91,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-table-empty] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -99,7 +99,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-table-cell] [data-cell-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-table-row][data-selected='true'] [data-cell-icon] {
@@ -116,7 +116,7 @@
   }
 
   [data-style='zen-sumi'] [data-table-responsive] [data-table-cell]::before {
-    color:var(--ink-soft);
+    color:var(--ink-mute);
   }
 
   [data-style='zen-sumi']

package/dist/zen-sumi/tabs.css

@@ -24,7 +24,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-tabs-trigger] {
-  border-width:0px;background-color:transparent;color:var(--ink-soft);
+  border-width:0px;background-color:transparent;color:var(--ink-mute);
   font-weight: 400;
   border-radius: var(--radius-sm, 0.125rem);
   transition:
@@ -33,7 +33,7 @@
 }
 
 [data-style='zen-sumi'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
-  background-color:var(--paper-mute);color:var(--ink-mute);
+  background-color:var(--paper-mute);color:var(--ink);
 }
 
 [data-style='zen-sumi'] [data-tabs-trigger][data-selected] {
@@ -62,7 +62,7 @@
 }
 
 [data-style='zen-sumi'] [data-tabs-trigger]:hover:not(:disabled) [data-tabs-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tabs-trigger][data-selected] [data-tabs-icon] {

package/dist/zen-sumi/timeline.css

@@ -14,11 +14,11 @@
 }
 
 [data-style='zen-sumi'] [data-timeline-item][data-completed] [data-timeline-circle] {
-  border-color:var(--primary);color:var(--primary);
+  border-color:var(--primary);color:var(--ink);
 }
 
 [data-style='zen-sumi'] [data-timeline-item][data-active] [data-timeline-circle] {
-  border-color:var(--primary);color:var(--primary);
+  border-color:var(--primary);color:var(--ink);
 }
 
 /* =============================================================================
@@ -30,7 +30,7 @@
 }
 
 [data-style='zen-sumi'] [data-timeline-item][data-completed] [data-timeline-connector] {
-  background-color:var(--primary);
+  background-color: var(--primary);
 }
 
 /* =============================================================================

package/dist/zen-sumi/toggle.css

@@ -21,7 +21,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-toggle-option] {
-  border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-soft);
+  border-width:0px;border-color:transparent;border-style:solid;color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-toggle-option]:hover:not(:disabled):not([data-disabled='true']),
@@ -31,7 +31,8 @@
 
 /* Selected state — primary (shu) fill */
 [data-style='zen-sumi'] [data-toggle-option][data-selected='true'] {
-  background-image:none;background-color:var(--primary);color:var(--on-primary);
+  background-image:none;color:var(--on-primary);
+  background-color: var(--primary);
   font-weight: 500;
 }
 
@@ -46,7 +47,7 @@
  * matches the option label, and `paper` for selected contrasts cleanly
  * against the ink fill. */
 [data-style='zen-sumi'] [data-toggle-option] [data-toggle-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-toggle-option]:hover:not(:disabled) [data-toggle-icon],
@@ -66,7 +67,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-toggle][data-toggle-variant='button'] {
-  border-color:transparent;background-color:transparent;color:var(--ink-soft);
+  border-color:transparent;background-color:transparent;color:var(--ink-mute);
   background-image: none;
 }
 
@@ -76,7 +77,7 @@
 }
 
 [data-style='zen-sumi'] [data-toggle][data-toggle-variant='button'] [data-toggle-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-toggle][data-toggle-variant='button']:hover:not(:disabled) [data-toggle-icon],

package/dist/zen-sumi/tree.css

@@ -5,6 +5,17 @@
  * No bg fill on active — ink is in typography weight + icon color only.
  */
 
+/* =============================================================================
+   Connector Lines — hairline tone (mode-aware), not currentColor (which
+   renders white in dark mode and greyish in light).
+   ============================================================================= */
+
+[data-style='zen-sumi'] [data-tree]:not([data-line-style='none']) [data-connector-v],
+[data-style='zen-sumi'] [data-tree]:not([data-line-style='none']) [data-connector-h],
+[data-style='zen-sumi'] [data-tree]:not([data-line-style='none']) [data-connector-corner] {
+  border-color:var(--paper-edge);
+}
+
 /* =============================================================================
    Tree Container
    ============================================================================= */
@@ -18,11 +29,11 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-tree-toggle-btn] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-toggle-btn]:hover {
-  background-image:none;color:var(--ink-soft);
+  background-image:none;color:var(--ink-mute);
 }
 
 /* =============================================================================
@@ -30,7 +41,7 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-tree-item-content] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-item-content]:hover:not(:disabled),
@@ -73,11 +84,11 @@
    ============================================================================= */
 
 [data-style='zen-sumi'] [data-tree-item-content] [data-item-icon] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-item-content]:hover:not(:disabled) [data-item-icon] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-item-content][data-active='true'] [data-item-icon] {
@@ -85,15 +96,15 @@
 }
 
 [data-style='zen-sumi'] [data-tree-item-content] [data-item-description] {
-  color:var(--paper-edge);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-item-content][data-active='true'] [data-item-description] {
-  color:var(--ink-soft);
+  color:var(--ink-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-item-content] [data-item-badge] {
-  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-soft);border-color:var(--paper-mute);
+  border-width:1px;background-color:transparent;background-image:none;color:var(--ink-mute);border-color:var(--paper-mute);
 }
 
 [data-style='zen-sumi'] [data-tree-item-content][data-active='true'] [data-item-badge] {