@rokkit/themes 1.0.0-next.151 → 1.0.0-next.153

package/build.mjs

@@ -9,7 +9,7 @@
  *   dist/rokkit.css  — rokkit theme (gradients, glowing borders)
  *   dist/minimal.css — minimal theme (clean, subtle)
  *   dist/material.css — material theme (elevation, shadows)
- *   dist/glass.css   — glass theme (blur, transparency)
+ *   dist/frosted.css   — frosted theme (blur, transparency)
  *
  * Post-processing: adds compound selector form so dark mode works when
  * data-mode and data-style are on the SAME element (e.g. body):
@@ -215,21 +215,30 @@ async function build() {
     ['rokkit', 'gradients + glowing borders'],
     ['minimal', 'clean + subtle'],
     ['material', 'elevation + shadows'],
-    ['glass', 'blur + transparency'],
+    ['frosted', 'frosted glass + blur'],
     ['grada-ui', 'coral/purple gradient identity'],
     ['shadcn', 'flat borders + ring focus'],
     ['daisy-ui', 'rounded-full + bold fills'],
     ['bits-ui', 'rounded-lg + shadow-sm'],
     ['carbon', 'square + bottom-border inputs'],
-    ['ant-design', 'thin borders + dense layout'],
+    ['ant-design', 'thin borders + dense layout']
   ]) {
     await buildFile(join(srcDir, name, 'index.css'), `${name}.css`, label)
   }
 
   // Full bundle: base + all themes
   const allThemes = [
-    'base', 'rokkit', 'minimal', 'material', 'glass', 'grada-ui',
-    'shadcn', 'daisy-ui', 'bits-ui', 'carbon', 'ant-design'
+    'base',
+    'rokkit',
+    'minimal',
+    'material',
+    'frosted',
+    'grada-ui',
+    'shadcn',
+    'daisy-ui',
+    'bits-ui',
+    'carbon',
+    'ant-design'
   ]
   const bundleParts = allThemes.map((name) => readFileSync(join(distDir, `${name}.css`), 'utf-8'))
   writeFileSync(join(distDir, 'index.css'), bundleParts.join('\n'), 'utf-8')

package/dist/ant-design.css

@@ -152,7 +152,8 @@
   --un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-button][data-style="link"][data-variant="danger"],[data-mode="dark"] [data-style="ant-design"] [data-button][data-style="link"][data-variant="danger"]{--un-text-opacity:1;color:rgba(var(--color-danger-500),var(--un-text-opacity));}
 
-[data-style='ant-design'] [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
+[data-style='ant-design']
+  [data-button][data-style='link']:hover:not(:disabled):not([data-disabled]) {
   --un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button][data-style="link"]:hover:not(:disabled):not([data-disabled]){--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
 
@@ -162,14 +163,19 @@
 
 [data-style='ant-design']
   [data-button][data-style='default']:hover:not(:disabled):not([data-disabled]),
-[data-style='ant-design'] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
+[data-style='ant-design']
+  [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]) {
   --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-button][data-style="default"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button][data-style="default"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"][data-style="ant-design"] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button]:not([data-style]):hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
 
 [data-style='ant-design']
-  [data-button][data-style='default'][data-variant='primary']:hover:not(:disabled):not([data-disabled]),
+  [data-button][data-style='default'][data-variant='primary']:hover:not(:disabled):not(
+    [data-disabled]
+  ),
 [data-style='ant-design']
-  [data-button]:not([data-style])[data-variant='primary']:hover:not(:disabled):not([data-disabled]) {
+  [data-button]:not([data-style])[data-variant='primary']:hover:not(:disabled):not(
+    [data-disabled]
+  ) {
   --un-bg-opacity:1;background-color:rgba(var(--color-primary-400),var(--un-bg-opacity));background-image:none;
 }[data-mode="dark"][data-style="ant-design"] [data-button][data-style="default"][data-variant="primary"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button][data-style="default"][data-variant="primary"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"][data-style="ant-design"] [data-button]:not([data-style])[data-variant="primary"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button]:not([data-style])[data-variant="primary"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-primary-600),var(--un-bg-opacity));}
 
@@ -178,7 +184,8 @@
   --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button][data-style="outline"]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-500),var(--un-text-opacity));}
 
-[data-style='ant-design'] [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
+[data-style='ant-design']
+  [data-button][data-style='ghost']:hover:not(:disabled):not([data-disabled]) {
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-button][data-style="ghost"]:hover:not(:disabled):not([data-disabled]){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
@@ -312,7 +319,9 @@
 [data-style='ant-design'] [data-tabs-trigger] {
   border-bottom-width:2px;border-bottom-color:transparent;background-color:transparent;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));
   font-weight: 400;
-  transition: color 150ms ease, border-color 150ms ease;
+  transition:
+    color 150ms ease,
+    border-color 150ms ease;
 }[data-mode="dark"][data-style="ant-design"] [data-tabs-trigger],[data-mode="dark"] [data-style="ant-design"] [data-tabs-trigger]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
 [data-style='ant-design'] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
@@ -345,7 +354,7 @@
 
 /* Horizontal after (tabs below content): top border */
 [data-style='ant-design'] [data-tabs][data-position='after'] [data-tabs-trigger] {
-  border-bottom-width:0px;border-top-width:2px;border-top-color:transparent;
+  border-top-width:2px;border-bottom-width:0px;border-top-color:transparent;
 }
 
 [data-style='ant-design']
@@ -368,7 +377,7 @@
 
 /* Vertical before (tabs on left): right border */
 [data-style='ant-design'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger] {
-  border-bottom-width:0px;border-right-width:2px;border-right-color:transparent;border-radius:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;
+  border-right-width:2px;border-bottom-width:0px;border-right-color:transparent;border-radius:0;border-top-left-radius:0.25rem;border-bottom-left-radius:0.25rem;
 }
 
 [data-style='ant-design']
@@ -377,7 +386,9 @@
   --un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-primary-300),var(--un-border-right-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-primary-700),var(--un-border-right-opacity));}
 
-[data-style='ant-design'] [data-tabs][data-orientation='vertical'] [data-tabs-trigger][data-selected] {
+[data-style='ant-design']
+  [data-tabs][data-orientation='vertical']
+  [data-tabs-trigger][data-selected] {
   --un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-primary-500),var(--un-border-right-opacity));
   font-weight: 500;
 }[data-mode="dark"][data-style="ant-design"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="ant-design"] [data-tabs][data-orientation="vertical"] [data-tabs-trigger][data-selected]{--un-border-opacity:1;--un-border-right-opacity:var(--un-border-opacity);border-right-color:rgba(var(--color-primary-500),var(--un-border-right-opacity));}
@@ -386,19 +397,19 @@
 [data-style='ant-design']
   [data-tabs][data-orientation='vertical'][data-position='after']
   [data-tabs-trigger] {
-  border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:2px;border-left-color:transparent;border-radius:0;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;
+  border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:2px;border-left-color:transparent;border-radius:0;border-top-right-radius:0.25rem;border-bottom-right-radius:0.25rem;
 }
 
 [data-style='ant-design']
   [data-tabs][data-orientation='vertical'][data-position='after']
   [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]) {
-  border-top-width:0px;border-bottom-width:0px;border-right-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-300),var(--un-border-left-opacity));
+  border-top-width:0px;border-right-width:0px;border-bottom-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-300),var(--un-border-left-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]),[data-mode="dark"] [data-style="ant-design"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger]:hover:not(:disabled):not([data-disabled]){--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-700),var(--un-border-left-opacity));}
 
 [data-style='ant-design']
   [data-tabs][data-orientation='vertical'][data-position='after']
   [data-tabs-trigger][data-selected] {
-  border-top-width:0px;border-bottom-width:0px;border-right-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));
+  border-top-width:0px;border-right-width:0px;border-bottom-width:0px;--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));
   font-weight: 500;
 }[data-mode="dark"][data-style="ant-design"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger][data-selected],[data-mode="dark"] [data-style="ant-design"] [data-tabs][data-orientation="vertical"][data-position="after"] [data-tabs-trigger][data-selected]{--un-border-opacity:1;--un-border-left-opacity:var(--un-border-opacity);border-left-color:rgba(var(--color-primary-500),var(--un-border-left-opacity));}
 
@@ -690,11 +701,15 @@
   --un-bg-opacity:1;background-color:rgba(var(--color-primary-100),var(--un-bg-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-tree]:focus-within [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="ant-design"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-900),var(--un-bg-opacity));}
 
-[data-style='ant-design'] [data-tree]:focus-within [data-tree-item-content][data-active='true']:hover:not(:disabled) {
+[data-style='ant-design']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']:hover:not(:disabled) {
   --un-bg-opacity:1;background-color:rgba(var(--color-primary-200),var(--un-bg-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled),[data-mode="dark"] [data-style="ant-design"] [data-tree]:focus-within [data-tree-item-content][data-active="true"]:hover:not(:disabled){--un-bg-opacity:1;background-color:rgba(var(--color-primary-800),var(--un-bg-opacity));}
 
-[data-style='ant-design'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] {
+[data-style='ant-design']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true'] {
   --un-bg-opacity:1;background-color:rgba(var(--color-primary-100),var(--un-bg-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"],[data-mode="dark"] [data-style="ant-design"] [data-tree]:not(:focus-within) [data-tree-item-content][data-active="true"]{--un-bg-opacity:1;background-color:rgba(var(--color-primary-900),var(--un-bg-opacity));}
 
@@ -730,11 +745,17 @@
   --un-border-opacity:1;border-color:rgba(var(--color-primary-400),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-tree-item-content][data-active="true"] [data-item-badge],[data-mode="dark"] [data-style="ant-design"] [data-tree-item-content][data-active="true"] [data-item-badge]{--un-border-opacity:1;border-color:rgba(var(--color-primary-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
 
-[data-style='ant-design'] [data-tree]:focus-within [data-tree-item-content][data-active='true'] [data-item-badge] {
+[data-style='ant-design']
+  [data-tree]:focus-within
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
   background-color:transparent;
 }
 
-[data-style='ant-design'] [data-tree]:not(:focus-within) [data-tree-item-content][data-active='true'] [data-item-badge] {
+[data-style='ant-design']
+  [data-tree]:not(:focus-within)
+  [data-tree-item-content][data-active='true']
+  [data-item-badge] {
   background-color:transparent;
 }
 
@@ -1145,7 +1166,9 @@
 [data-style='ant-design'] [data-input-root] {
   position:relative;display:flex;align-items:center;border-width:1px;--un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));border-radius:0.25rem;background-color:transparent;
   background-image: none;
-  transition: border-color 150ms ease, box-shadow 150ms ease;
+  transition:
+    border-color 150ms ease,
+    box-shadow 150ms ease;
 }[data-mode="dark"][data-style="ant-design"] [data-input-root],[data-mode="dark"] [data-style="ant-design"] [data-input-root]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));}
 
 /* Hover */
@@ -1312,7 +1335,9 @@
   --un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-table-sort-icon],[data-mode="dark"] [data-style="ant-design"] [data-table-sort-icon]{--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));}
 
-[data-style='ant-design'] [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
+[data-style='ant-design']
+  [data-table-header-cell][data-sort-order='ascending']
+  [data-table-sort-icon],
 [data-style='ant-design']
   [data-table-header-cell][data-sort-order='descending']
   [data-table-sort-icon] {
@@ -1351,9 +1376,9 @@
    Striped
    ============================================================================= */
 
-[data-style='ant-design'] [data-striped='true'] [data-table-body] tr:nth-child(even) {
+[data-style='ant-design'] [data-table-striped] [data-table-body] tr:nth-child(even) {
   --un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));
-}[data-mode="dark"][data-style="ant-design"] [data-striped="true"] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="ant-design"] [data-striped="true"] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
+}[data-mode="dark"][data-style="ant-design"] [data-table-striped] [data-table-body] tr:nth-child(even),[data-mode="dark"] [data-style="ant-design"] [data-table-striped] [data-table-body] tr:nth-child(even){--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));}
 
 /* =============================================================================
    Empty
@@ -2028,6 +2053,45 @@
   background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-600),var(--un-text-opacity));font-weight:600;
 }[data-mode="dark"][data-style="ant-design"] [data-status-count],[data-mode="dark"] [data-style="ant-design"] [data-status-count]{--un-text-opacity:1;color:rgba(var(--color-surface-400),var(--un-text-opacity));}
 
+/* StepIndicator — ant-design theme (4px radius, thin borders, enterprise) */
+
+[data-style='ant-design'] [data-step-item][data-step-state='complete'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-50),var(--un-text-opacity));
+  border-radius: 4px;
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="complete"] [data-step-number],[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="complete"] [data-step-number]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='current'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-100),var(--un-bg-opacity));background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+  border-radius: 4px;
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary-500, #6366f1) 20%, transparent);
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="current"] [data-step-number],[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="current"] [data-step-number]{--un-border-opacity:1;border-color:rgba(var(--color-primary-500),var(--un-border-opacity));--un-bg-opacity:1;background-color:rgba(var(--color-surface-900),var(--un-bg-opacity));--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='upcoming'] [data-step-number] {
+  --un-border-opacity:1;border-color:rgba(var(--color-surface-400),var(--un-border-opacity));background-color:transparent;background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+  border-radius: 4px;
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="upcoming"] [data-step-number],[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="upcoming"] [data-step-number]{--un-border-opacity:1;border-color:rgba(var(--color-surface-600),var(--un-border-opacity));--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='complete'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-primary-600),var(--un-text-opacity));
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="complete"] [data-step-label],[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="complete"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-primary-400),var(--un-text-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='current'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));font-weight:600;
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="current"] [data-step-label],[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="current"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='upcoming'] [data-step-label] {
+  background-image:none;--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="upcoming"] [data-step-label],[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="upcoming"] [data-step-label]{--un-text-opacity:1;color:rgba(var(--color-surface-500),var(--un-text-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='complete']::after {
+  --un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="complete"]::after,[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="complete"]::after{--un-bg-opacity:1;background-color:rgba(var(--color-primary-500),var(--un-bg-opacity));}
+
+[data-style='ant-design'] [data-step-item][data-step-state='current']::after,
+[data-style='ant-design'] [data-step-item][data-step-state='upcoming']::after {
+  --un-bg-opacity:1;background-color:rgba(var(--color-surface-300),var(--un-bg-opacity));
+}[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="current"]::after,[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="current"]::after,[data-mode="dark"][data-style="ant-design"] [data-step-item][data-step-state="upcoming"]::after,[data-mode="dark"] [data-style="ant-design"] [data-step-item][data-step-state="upcoming"]::after{--un-bg-opacity:1;background-color:rgba(var(--color-surface-700),var(--un-bg-opacity));}
+
 /**
  * Chart - Ant Design Theme Styles
  */
@@ -2055,11 +2119,11 @@
   --un-text-opacity:1;color:rgba(var(--color-surface-800),var(--un-text-opacity));
 }[data-mode="dark"][data-style="ant-design"] [data-chart-legend-item]:hover,[data-mode="dark"] [data-style="ant-design"] [data-chart-legend-item]:hover{--un-text-opacity:1;color:rgba(var(--color-surface-200),var(--un-text-opacity));}
 
-[data-style='ant-design'] [data-plot-element="bar"][data-dimmed],
-[data-style='ant-design'] [data-plot-element="point"][data-dimmed],
-[data-style='ant-design'] [data-plot-element="arc"][data-dimmed],
-[data-style='ant-design'] [data-plot-element="line"][data-dimmed],
-[data-style='ant-design'] [data-plot-element="area"][data-dimmed] {
+[data-style='ant-design'] [data-plot-element='bar'][data-dimmed],
+[data-style='ant-design'] [data-plot-element='point'][data-dimmed],
+[data-style='ant-design'] [data-plot-element='arc'][data-dimmed],
+[data-style='ant-design'] [data-plot-element='line'][data-dimmed],
+[data-style='ant-design'] [data-plot-element='area'][data-dimmed] {
   opacity: 0.15;
 }