@revikornmann/muka-ui 0.18.0 → 0.19.0

package/dist/esm/components/ProgressTracker/ProgressTracker.css

@@ -3,19 +3,22 @@
 /* ─── Root ──────────────────────────────────────────────── */
 .muka-progress-tracker {
   width: 100%;
+}
+
+.muka-progress-tracker--horizontal {
   padding-bottom: var(--spacing-7);
 }
 
 /* ─── Track (layered container) ─────────────────────────── */
-.muka-progress-tracker__track {
+.muka-progress-tracker--horizontal .muka-progress-tracker__track {
   position: relative;
   /* Vertical padding = (indicator size - connector height) / 2 = (32 - 4) / 2 = 14px */
   padding-top: 14px;
   padding-bottom: 14px;
 }
 
-/* ─── Steps layer (on top) ──────────────────────────────── */
-.muka-progress-tracker__steps {
+/* ─── Steps layer (on top) — horizontal ─────────────────── */
+.muka-progress-tracker--horizontal .muka-progress-tracker__steps {
   position: absolute;
   inset: 0;
   display: flex;
@@ -24,13 +27,16 @@
   z-index: 2;
 }
 
-/* ─── Individual step ───────────────────────────────────── */
-.muka-progress-tracker__step {
+/* ─── Individual step — horizontal ──────────────────────── */
+.muka-progress-tracker--horizontal .muka-progress-tracker__step {
   display: flex;
   flex-direction: column;
   align-items: center;
-  gap: 7px;
   position: relative;
+  /* Labels are absolutely positioned so the step stays 32px and
+     circle centers line up with the connector padding. */
+  width: 32px;
+  flex: 0 0 32px;
 }
 
 /* ─── Step indicator (circle) ───────────────────────────── */
@@ -43,20 +49,24 @@
   justify-content: center;
   flex-shrink: 0;
   position: relative;
+  z-index: 1;
 }
 
 /* Past: dark accent contrast circle with white checkmark */
 .muka-progress-tracker__indicator--past {
   background-color: var(--alias-color-accent-contrast);
   color: var(--color-text-default-inverse);
+}
+
+.muka-progress-tracker--horizontal .muka-progress-tracker__indicator--past {
   cursor: pointer;
 }
 
-.muka-progress-tracker__indicator--past:hover {
+.muka-progress-tracker--horizontal .muka-progress-tracker__indicator--past:hover {
   background-color: var(--alias-color-accent-pressed);
 }
 
-.muka-progress-tracker__indicator--past:focus-visible {
+.muka-progress-tracker--horizontal .muka-progress-tracker__indicator--past:focus-visible {
   outline: 2px solid var(--color-border-focus);
   outline-offset: 2px;
 }
@@ -83,6 +93,18 @@
   user-select: none;
 }
 
+.muka-progress-tracker--horizontal .muka-progress-tracker__indicator--upcoming .muka-progress-tracker__number {
+  font-family: var(--text-label-md-bold-fontFamily);
+  font-weight: var(--text-label-md-bold-fontWeight);
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__indicator--upcoming .muka-progress-tracker__number {
+  font-family: var(--text-label-md-semibold-fontFamily);
+  font-weight: var(--text-label-md-semibold-fontWeight);
+  font-size: var(--text-label-md-semibold-fontSize);
+  line-height: var(--text-label-md-semibold-lineHeight);
+}
+
 /* ─── Checkmark icon ────────────────────────────────────── */
 .muka-progress-tracker__check-icon {
   width: 20px;
@@ -95,8 +117,12 @@
   color: var(--color-text-default-inverse);
 }
 
-/* ─── Step label ────────────────────────────────────────── */
-.muka-progress-tracker__label {
+/* ─── Step label — horizontal ───────────────────────────── */
+.muka-progress-tracker--horizontal .muka-progress-tracker__label {
+  position: absolute;
+  top: 39px;
+  left: 50%;
+  transform: translateX(-50%);
   font-family: var(--text-label-sm-regular-fontFamily);
   font-weight: var(--text-label-sm-regular-fontWeight);
   font-size: var(--text-label-sm-regular-fontSize);
@@ -109,14 +135,14 @@
   text-overflow: ellipsis;
 }
 
-/* Current step label is bold */
-.muka-progress-tracker__label--current {
+/* Current step label is bold (horizontal only) */
+.muka-progress-tracker--horizontal .muka-progress-tracker__label--current {
   font-family: var(--text-label-sm-bold-fontFamily);
   font-weight: var(--text-label-sm-bold-fontWeight);
 }
 
-/* ─── Connectors layer (behind indicators) ──────────────── */
-.muka-progress-tracker__connectors {
+/* ─── Connectors layer (behind indicators) — horizontal ─── */
+.muka-progress-tracker--horizontal .muka-progress-tracker__connectors {
   display: flex;
   align-items: center;
   /* Horizontal padding = indicator radius (32/2 = 16px) so lines meet circle centers */
@@ -126,20 +152,31 @@
   z-index: 1;
 }
 
-/* ─── Individual connector line ─────────────────────────── */
-.muka-progress-tracker__connector {
+/* Rounder, bar, rounder in a row. Chromium treats a negative gap as invalid,
+   so the overlap is margins: the bar runs 2px under each circle. */
+.muka-progress-tracker--horizontal .muka-progress-tracker__connector {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
   flex: 1 0 0;
   height: 4px;
   min-width: 1px;
+  position: relative;
+  overflow: visible;
+  background: none;
 }
 
-/* Past: solid dark line */
-.muka-progress-tracker__connector--past {
+.muka-progress-tracker--horizontal .muka-progress-tracker__connector-line {
+  flex: 1 1 auto;
+  height: 4px;
+  min-width: 1px;
+}
+
+.muka-progress-tracker--horizontal .muka-progress-tracker__connector--past .muka-progress-tracker__connector-line {
   background-color: var(--alias-color-accent-contrast);
 }
 
-/* Current: gradient from past (dark) toward current step */
-.muka-progress-tracker__connector--current {
+.muka-progress-tracker--horizontal .muka-progress-tracker__connector--current .muka-progress-tracker__connector-line {
   background: linear-gradient(
     to right,
     var(--alias-color-accent-contrast) 0%,
@@ -147,8 +184,7 @@
   );
 }
 
-/* Current-right: gradient fading from current step into upcoming */
-.muka-progress-tracker__connector--current-right {
+.muka-progress-tracker--horizontal .muka-progress-tracker__connector--current-right .muka-progress-tracker__connector-line {
   background: linear-gradient(
     to right,
     var(--alias-color-accent-default) 0%,
@@ -157,7 +193,222 @@
   );
 }
 
+.muka-progress-tracker--horizontal .muka-progress-tracker__connector--upcoming .muka-progress-tracker__connector-line {
+  background-color: var(--color-surface-sunken);
+}
+
+/* Past: solid dark line (vertical; horizontal uses the inner line) */
+.muka-progress-tracker__connector--past {
+  background-color: var(--alias-color-accent-contrast);
+}
+
 /* Upcoming: solid gray line */
 .muka-progress-tracker__connector--upcoming {
   background-color: var(--color-surface-sunken);
 }
+
+/* ═══════════════════════════════════════════════════════════
+   Vertical orientation
+   ═══════════════════════════════════════════════════════════ */
+
+.muka-progress-tracker--vertical .muka-progress-tracker__track {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: var(--spacing-6);
+  width: 100%;
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__step {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  gap: var(--spacing-3);
+  padding-right: var(--spacing-1);
+  position: relative;
+  width: 100%;
+  min-height: 32px;
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__step--interactive {
+  cursor: pointer;
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__step--interactive:focus-visible {
+  outline: 2px solid var(--color-border-focus);
+  outline-offset: 4px;
+  border-radius: 20px;
+}
+
+/* Indicator column: circle only; connector is absolutely positioned on the step */
+.muka-progress-tracker--vertical .muka-progress-tracker__indicator-col {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 0;
+  position: relative;
+  width: 32px;
+  z-index: 1;
+}
+
+/* Vertical connector: from mid-indicator through gap to next mid-indicator */
+.muka-progress-tracker--vertical .muka-progress-tracker__connector {
+  position: absolute;
+  left: 14px; /* (32px indicator - 4px line) / 2 */
+  top: 16px;
+  /* Through track gap (spacing-6) into the next indicator's top half */
+  bottom: calc(-1 * var(--spacing-6) - 16px);
+  width: 4px;
+  z-index: 0;
+  overflow: visible;
+}
+
+/* Divider rounders: circle bleeds into the connector (Figma Divider Rounder) */
+.muka-progress-tracker__rounder {
+  position: absolute;
+  display: block;
+  pointer-events: none;
+  overflow: visible;
+}
+
+.muka-progress-tracker__rounder--past {
+  color: var(--alias-color-accent-contrast);
+}
+
+.muka-progress-tracker__rounder--current {
+  color: var(--alias-color-accent-default);
+}
+
+.muka-progress-tracker__rounder--upcoming {
+  color: var(--color-surface-sunken);
+}
+
+.muka-progress-tracker--horizontal .muka-progress-tracker__rounder {
+  position: relative;
+  z-index: 1;
+  flex-shrink: 0;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  left: auto;
+  transform: none;
+}
+
+.muka-progress-tracker--horizontal .muka-progress-tracker__rounder--start {
+  margin-left: 14px;
+  /* Rounder overhangs the circle by 3px; -5px tucks the bar 2px under the circle. */
+  margin-right: -5px;
+}
+
+.muka-progress-tracker--horizontal .muka-progress-tracker__rounder--end {
+  margin-left: -5px;
+  margin-right: 14px;
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__rounder--start {
+  left: 50%;
+  top: 14px;
+  transform: translateX(-50%);
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__rounder--end {
+  left: 50%;
+  bottom: 14px;
+  transform: translateX(-50%);
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__connector--current {
+  background: linear-gradient(
+    to bottom,
+    var(--alias-color-accent-contrast) 0%,
+    var(--alias-color-accent-default) 100%
+  );
+}
+
+.muka-progress-tracker--vertical .muka-progress-tracker__connector--current-right {
+  background: linear-gradient(
+    to bottom,
+    var(--alias-color-accent-default) 0%,
+    var(--alias-color-accent-default) 15%,
+    var(--color-surface-sunken) 50%
+  );
+}
+
+/* Vertical label: body/base/regular, wraps, not bold for current */
+.muka-progress-tracker--vertical .muka-progress-tracker__label {
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  font-size: var(--text-body-base-regular-fontSize);
+  line-height: var(--text-body-base-regular-lineHeight);
+  color: var(--color-text-default-default);
+  text-align: left;
+  flex: 1 0 0;
+  min-width: 0;
+  padding-top: var(--spacing-1);
+  padding-bottom: var(--spacing-1);
+  word-break: break-word;
+}
+
+/* Current label stays regular weight in vertical layout */
+.muka-progress-tracker--vertical .muka-progress-tracker__label--current {
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-weight: var(--text-body-base-regular-fontWeight);
+}
+
+/* Ensure step content paints above hover/selected backgrounds */
+.muka-progress-tracker--vertical .muka-progress-tracker__indicator-col,
+.muka-progress-tracker--vertical .muka-progress-tracker__label {
+  position: relative;
+  z-index: 1;
+}
+
+/* ─── Hover halo (vertical interactive only) ────────────── */
+.muka-progress-tracker--vertical .muka-progress-tracker__step--interactive:hover::before,
+.muka-progress-tracker--vertical .muka-progress-tracker__step--interactive:active::before,
+.muka-progress-tracker--vertical .muka-progress-tracker__step[data-selected='true']::before {
+  content: '';
+  position: absolute;
+  background-color: var(--color-surface-level1);
+  pointer-events: none;
+  z-index: 0;
+}
+
+/* Hover: 40px circle behind indicator only */
+.muka-progress-tracker--vertical .muka-progress-tracker__step--interactive:hover::before {
+  left: -4px;
+  top: -4px;
+  width: 40px;
+  height: 40px;
+  border-radius: 20px;
+}
+
+/* Selected / :active: pill behind full step row — wins over hover */
+.muka-progress-tracker--vertical .muka-progress-tracker__step--interactive:active::before,
+.muka-progress-tracker--vertical .muka-progress-tracker__step[data-selected='true']::before {
+  left: -4px;
+  right: -8px;
+  top: -4px;
+  bottom: -4px;
+  width: auto;
+  height: auto;
+  border-radius: 20px;
+}
+
+/* Selected steps without interactive class still show the pill */
+.muka-progress-tracker--vertical .muka-progress-tracker__step[data-selected='true']:not(.muka-progress-tracker__step--interactive)::before {
+  content: '';
+  position: absolute;
+  left: -4px;
+  right: -8px;
+  top: -4px;
+  bottom: -4px;
+  background-color: var(--color-surface-level1);
+  border-radius: 20px;
+  pointer-events: none;
+  z-index: 0;
+}
+
+/* Connector stays behind indicators (indicator-col is z-index 1) */
+.muka-progress-tracker--vertical .muka-progress-tracker__connector {
+  z-index: 0;
+}

package/dist/esm/components/ProgressTracker/ProgressTracker.js

@@ -1,6 +1,44 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import './ProgressTracker.css';
 import { Icon } from '../Icon';
+/** Figma Divider Rounder paths — circle bleeds into the 4px connector. */
+const DIVIDER_ROUNDERS = {
+    horizontal: {
+        start: {
+            width: 5,
+            height: 15.4893,
+            viewBox: '0 0 5 15.4893',
+            d: 'M0 0C0.549963 0.992174 1.00009 2.04813 1.33105 3.15527C1.7646 4.60497 3.01126 5.74512 4.52441 5.74512H5V9.74512H4.52441C3.01126 9.74512 1.7646 10.8853 1.33105 12.335C1.00017 13.4418 0.549773 14.4973 0 15.4893V0Z',
+        },
+        end: {
+            width: 5,
+            height: 15.4893,
+            viewBox: '0 0 5 15.4893',
+            d: 'M5 0C4.45004 0.992174 3.99991 2.04813 3.66895 3.15527C3.2354 4.60497 1.98874 5.74512 0.475586 5.74512H0V9.74512H0.475586C1.98874 9.74512 3.2354 10.8853 3.66895 12.335C3.99983 13.4418 4.45023 14.4973 5 15.4893V0Z',
+        },
+    },
+    vertical: {
+        start: {
+            width: 16,
+            height: 5,
+            viewBox: '0 0 16 5',
+            d: 'M16 0C14.9751 0.549963 13.8843 1.00009 12.7407 1.33105C11.2432 1.7646 10 3.01126 10 4.52441V5H6V4.52441C6 3.01126 4.75581 1.7646 3.25831 1.33105C2.11494 1.00017 1.02467 0.549773 0 0H16Z',
+        },
+        end: {
+            width: 16,
+            height: 5,
+            viewBox: '0 0 16 5',
+            d: 'M16 5C14.9751 4.45004 13.8843 3.99991 12.7407 3.66895C11.2432 3.2354 10 1.98874 10 0.475586V0H6V0.475586C6 1.98874 4.75581 3.2354 3.25831 3.66895C2.11494 3.99983 1.02467 4.45023 0 5H16Z',
+        },
+    },
+};
+function DividerRounder({ orientation, edge, status, }) {
+    const spec = DIVIDER_ROUNDERS[orientation][edge];
+    return (_jsx("svg", { className: `muka-progress-tracker__rounder muka-progress-tracker__rounder--${edge} muka-progress-tracker__rounder--${status}`, width: spec.width, height: spec.height, viewBox: spec.viewBox, fill: "none", "aria-hidden": "true", children: _jsx("path", { d: spec.d, fill: "currentColor" }) }));
+}
+function DividerRounders({ orientation, startStatus, endStatus, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(DividerRounder, { orientation: orientation, edge: "start", status: startStatus }), _jsx(DividerRounder, { orientation: orientation, edge: "end", status: endStatus })] }));
+}
 function getStepStatus(stepIndex, currentStep, totalSteps) {
     if (currentStep <= 0)
         return 'upcoming';
@@ -31,12 +69,15 @@ function getConnectorStatus(connectorIndex, currentStep, totalSteps) {
 /**
  * ProgressTracker Component
  *
- * A horizontal stepper/progress indicator for multi-step forms.
+ * A stepper/progress indicator for multi-step forms.
+ * Supports horizontal (default) and vertical orientations.
  * Shows numbered step indicators connected by progress lines.
- * Supports 2–5 steps with past, current, and upcoming states.
+ * Supports 2–10 steps with past, current, and upcoming states.
+ *
+ * Vertical orientation also supports hover and selected interaction states.
  *
  * Built using the Muka design token system with support for:
- * - Dynamic step counts (2–5)
+ * - Dynamic step counts (2–10)
  * - Step states: past (checkmark), current (number), upcoming (number)
  * - Animated connector lines showing progress
  * - Multi-brand theming through design tokens
@@ -44,14 +85,73 @@ function getConnectorStatus(connectorIndex, currentStep, totalSteps) {
  * Tokens used:
  * - alias.color.accent.{default|contrast|pressed} — step indicator backgrounds
  * - color.surface.sunken — upcoming indicator/connector background
+ * - color.surface.level1 — vertical hover/selected backgrounds
  * - color.text.default.{default|inverse} — indicator/label text
- * - text.label.{sm|md}.{regular|bold} — typography
- * - spacing.4, spacing.7 — layout spacing
+ * - text.label.{sm|md}.{regular|bold|semibold} — horizontal typography
+ * - text.body.base.regular — vertical label typography
+ * - spacing.1, spacing.3, spacing.4, spacing.6, spacing.7 — layout spacing
  * - border.radius.full — circular indicators
  */
-export const ProgressTracker = ({ steps, currentStep, onStepClick, className = '', }) => {
+export const ProgressTracker = ({ steps, currentStep, orientation = 'horizontal', selectedStep, onStepClick, className = '', }) => {
     const totalSteps = steps.length;
-    const rootClasses = ['muka-progress-tracker', className].filter(Boolean).join(' ');
+    const isVertical = orientation === 'vertical';
+    const rootClasses = [
+        'muka-progress-tracker',
+        `muka-progress-tracker--${orientation}`,
+        className,
+    ].filter(Boolean).join(' ');
+    const renderIndicatorContent = (status, stepNumber) => {
+        if (status === 'past') {
+            return (_jsx(Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-tracker__check-icon" }));
+        }
+        return _jsx("span", { className: "muka-progress-tracker__number", children: stepNumber });
+    };
+    if (isVertical) {
+        return (_jsx("div", { className: rootClasses, role: "group", "aria-label": "Form progress", children: _jsx("div", { className: "muka-progress-tracker__track", children: steps.map((step, index) => {
+                    const status = getStepStatus(index, currentStep, totalSteps);
+                    const stepNumber = index + 1;
+                    const isPast = status === 'past';
+                    const isCurrent = status === 'current';
+                    const isLast = index === totalSteps - 1;
+                    const isSelected = selectedStep === stepNumber;
+                    const isInteractive = Boolean(onStepClick);
+                    const stepClasses = [
+                        'muka-progress-tracker__step',
+                        `muka-progress-tracker__step--${status}`,
+                        isInteractive && 'muka-progress-tracker__step--interactive',
+                    ].filter(Boolean).join(' ');
+                    const indicatorClasses = [
+                        'muka-progress-tracker__indicator',
+                        `muka-progress-tracker__indicator--${status}`,
+                    ].join(' ');
+                    const labelClasses = [
+                        'muka-progress-tracker__label',
+                        isCurrent && 'muka-progress-tracker__label--current',
+                    ].filter(Boolean).join(' ');
+                    const handleClick = isInteractive
+                        ? () => onStepClick(index)
+                        : undefined;
+                    const connectorStatus = !isLast
+                        ? getConnectorStatus(index, currentStep, totalSteps)
+                        : null;
+                    return (_jsxs("div", { className: stepClasses, "data-selected": isSelected ? 'true' : undefined, "aria-current": isCurrent ? 'step' : undefined, onClick: handleClick, role: handleClick ? 'button' : undefined, tabIndex: handleClick ? 0 : undefined, onKeyDown: handleClick
+                            ? (e) => {
+                                if (e.key === 'Enter' || e.key === ' ') {
+                                    e.preventDefault();
+                                    handleClick();
+                                }
+                            }
+                            : undefined, "aria-label": isPast
+                            ? `Step ${stepNumber}: ${step.label} (completed)`
+                            : isCurrent
+                                ? `Step ${stepNumber}: ${step.label} (current)`
+                                : `Step ${stepNumber}: ${step.label}`, children: [connectorStatus && (_jsx("div", { className: [
+                                    'muka-progress-tracker__connector',
+                                    `muka-progress-tracker__connector--${connectorStatus}`,
+                                ].join(' '), "aria-hidden": "true", children: _jsx(DividerRounders, { orientation: "vertical", startStatus: status, endStatus: getStepStatus(index + 1, currentStep, totalSteps) }) })), _jsx("div", { className: "muka-progress-tracker__indicator-col", children: _jsx("div", { className: indicatorClasses, children: renderIndicatorContent(status, stepNumber) }) }), _jsx("span", { className: labelClasses, children: step.label })] }, index));
+                }) }) }));
+    }
+    // Horizontal layout (default)
     return (_jsx("div", { className: rootClasses, role: "group", "aria-label": "Form progress", children: _jsxs("div", { className: "muka-progress-tracker__track", children: [_jsx("div", { className: "muka-progress-tracker__steps", children: steps.map((step, index) => {
                         const status = getStepStatus(index, currentStep, totalSteps);
                         const stepNumber = index + 1;
@@ -83,14 +183,14 @@ export const ProgressTracker = ({ steps, currentStep, onStepClick, className = '
                                         ? `Step ${stepNumber}: ${step.label} (completed)`
                                         : isCurrent
                                             ? `Step ${stepNumber}: ${step.label} (current)`
-                                            : `Step ${stepNumber}: ${step.label}`, children: isPast ? (_jsx(Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-tracker__check-icon" })) : (_jsx("span", { className: "muka-progress-tracker__number", children: stepNumber })) }), _jsx("span", { className: labelClasses, children: step.label })] }, index));
+                                            : `Step ${stepNumber}: ${step.label}`, children: renderIndicatorContent(status, stepNumber) }), _jsx("span", { className: labelClasses, children: step.label })] }, index));
                     }) }), _jsx("div", { className: "muka-progress-tracker__connectors", children: Array.from({ length: totalSteps - 1 }, (_, index) => {
                         const status = getConnectorStatus(index, currentStep, totalSteps);
                         const connectorClasses = [
                             'muka-progress-tracker__connector',
                             `muka-progress-tracker__connector--${status}`,
                         ].join(' ');
-                        return _jsx("div", { className: connectorClasses, "aria-hidden": "true" }, index);
+                        return (_jsxs("div", { className: connectorClasses, "aria-hidden": "true", children: [_jsx(DividerRounder, { orientation: "horizontal", edge: "start", status: getStepStatus(index, currentStep, totalSteps) }), _jsx("span", { className: "muka-progress-tracker__connector-line" }), _jsx(DividerRounder, { orientation: "horizontal", edge: "end", status: getStepStatus(index + 1, currentStep, totalSteps) })] }, index));
                     }) })] }) }));
 };
 export default ProgressTracker;

package/dist/esm/components/ProgressTracker/ProgressTracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../../components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ProgressTracker.js","sourceRoot":"","sources":["../../../../components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Scrollbar/Scrollbar.css

@@ -74,25 +74,26 @@
 
 .muka-scrollbar__thumb {
   position: absolute;
-  left: 50%;
+  left: 0;
   top: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 14px;
-  margin-left: -7px;
+  width: 100%;
+  /* Figma: scrollbar thumb fill = surface/level3 */
+  background-color: var(--color-surface-level3);
   cursor: grab;
   touch-action: none;
 }
 
 .muka-scrollbar--horizontal .muka-scrollbar__thumb {
   left: 0;
-  top: 50%;
+  top: 0;
   width: auto;
-  height: 14px;
+  height: 100%;
   margin-left: 0;
-  margin-top: -7px;
+  margin-top: 0;
 }
 
 .muka-scrollbar__thumb:active {

package/dist/esm/components/index.js

@@ -10,6 +10,7 @@ export { Icon } from './Icon';
 export { Chip } from './Chip';
 export { Divider } from './Divider';
 export { Select } from './Select';
+export { DropdownSelect, } from './DropdownSelect';
 export { Tabs, TabList, Tab, TabPanel } from './Tabs';
 export { Radio } from './Radio';
 export { Checkbox } from './Checkbox';

package/dist/esm/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}