@salt-ds/lab 1.0.0-alpha.66 → 1.0.0-alpha.67

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @salt-ds/lab
 
+## 1.0.0-alpha.67
+
+### Minor Changes
+
+- c664e97: - Moved `SteppedTracker` component from labs to core, renamed as `Stepper`.
+
+### Patch Changes
+
+- Updated dependencies [c664e97]
+- Updated dependencies [06232b0]
+  - @salt-ds/core@1.45.0
+
 ## 1.0.0-alpha.66
 
 ### Minor Changes

package/css/salt-lab.css

@@ -2987,204 +2987,6 @@
   letter-spacing: var(--salt-text-letterSpacing);
 }
 
-/* src/stepped-tracker/Step.Connector.css */
-.saltStepConnector {
-  grid-area: connector;
-  transition-duration: inherit;
-  transition-timing-function: inherit;
-  transition-property: opacity, min-height;
-}
-.saltSteppedTracker-horizontal .saltStepConnector {
-  position: absolute;
-  transform: translateY(-100%);
-  top: calc(var(--step-icon-size) / 2);
-  left: calc(50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));
-  right: calc(-50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));
-  border-top-width: var(--salt-size-border-strong);
-  border-top-style: var(--salt-track-borderStyle-incomplete);
-  border-top-color: var(--salt-track-borderColor);
-}
-.saltSteppedTracker-horizontal .saltStep-stage-completed > .saltStepConnector,
-.saltSteppedTracker-horizontal .saltStep-stage-inprogress > .saltStepConnector {
-  border-top-style: var(--salt-track-borderStyle-complete);
-}
-.saltSteppedTracker-vertical .saltStepConnector {
-  min-height: var(--salt-size-base);
-  align-self: stretch;
-  justify-self: center;
-  border-left-width: var(--salt-size-border-strong);
-  border-left-style: var(--salt-track-borderStyle-incomplete);
-  border-left-color: var(--salt-track-borderColor);
-}
-.saltSteppedTracker-vertical .saltStep-stage-completed > .saltStepConnector,
-.saltSteppedTracker-vertical .saltStep-stage-inprogress > .saltStepConnector {
-  border-left-style: var(--salt-track-borderStyle-complete);
-}
-.saltStep-depth-0.saltStep:not(.saltStep-expanded):last-child > .saltStepConnector {
-  opacity: 0;
-  min-height: 0;
-}
-.saltStep-depth-0.saltStep-expanded:last-child .saltStep:not(.saltStep-expanded):last-child .saltStepConnector {
-  opacity: 0;
-  min-height: 0;
-}
-
-/* src/stepped-tracker/Step.Description.css */
-.saltStepDescription {
-  grid-area: description;
-}
-.saltSteppedTracker-vertical .saltStepDescription {
-  padding-bottom: var(--salt-spacing-300);
-  padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));
-}
-.saltStep-status-warning > .saltStepDescription {
-  color: var(--salt-status-warning-foreground-informative);
-}
-.saltStep-status-error > .saltStepDescription {
-  color: var(--salt-status-error-foreground-informative);
-}
-
-/* src/stepped-tracker/Step.ExpandTrigger.css */
-.saltStepExpandTrigger {
-  grid-area: expand;
-}
-.saltButton.saltStepExpandTrigger:focus-visible {
-  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));
-}
-
-/* src/stepped-tracker/Step.Icon.css */
-.saltStepIcon {
-  grid-area: icon;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  justify-self: center;
-}
-.saltSteppedTracker-vertical .saltStepIcon {
-  height: var(--salt-size-base);
-}
-.saltStep-stage-pending > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-static-foreground);
-}
-.saltStep-stage-locked > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-static-foreground);
-}
-.saltStep-stage-inprogress > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-info-foreground-decorative);
-}
-.saltStep-stage-active > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-info-foreground-decorative);
-}
-.saltStep-stage-completed > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-success-foreground-decorative);
-}
-.saltStep-status-warning > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-warning-foreground-decorative);
-}
-.saltStep-status-error > .saltStepIcon {
-  --saltIcon-color: var(--salt-status-error-foreground-decorative);
-}
-
-/* src/stepped-tracker/Step.Label.css */
-.saltStepLabel {
-  grid-area: label;
-}
-.saltSteppedTracker-horizontal .saltStepLabel {
-  margin-top: var(--salt-spacing-50);
-}
-.saltSteppedTracker-vertical .saltStepLabel {
-  padding-top: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);
-  padding-bottom: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);
-  padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));
-}
-.saltStep-depth-0 > .saltText.saltStepLabel {
-  font-weight: var(--salt-text-fontWeight-strong);
-}
-
-/* src/stepped-tracker/Step.SROnly.css */
-.saltStepSROnly {
-  position: fixed;
-  top: 0;
-  left: 0;
-  transform: translate(-100%, -100%);
-}
-
-/* src/stepped-tracker/Step.css */
-.saltStep {
-  --step-icon-base-size: var(--salt-size-icon, 12px);
-  --step-icon-size-multiplier: var(--saltIcon-size-multiplier, 1.5);
-  --step-icon-size: calc(var(--step-icon-base-size) * var(--step-icon-size-multiplier));
-  --step-depth: var(--saltStep-depth, 0);
-}
-.saltSteppedTracker-horizontal .saltStep {
-  position: relative;
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: repeat(3, min-content);
-  grid-template-areas: "icon" "label" "description";
-  justify-items: center;
-  align-items: center;
-  text-align: center;
-  flex: 1;
-  padding: 0 var(--salt-spacing-25);
-}
-.saltSteppedTracker-vertical .saltStep {
-  display: grid;
-  grid-template-columns: var(--step-icon-size) 1fr min-content;
-  grid-template-areas: "icon            label           expand" "connector       description     ." "stepped-tracker stepped-tracker stepped-tracker";
-  justify-items: start;
-  align-items: start;
-  gap: 0 var(--salt-spacing-100);
-  width: 100%;
-  transition-duration: inherit;
-  transition-timing-function: inherit;
-  transition-property: grid-template-rows;
-}
-.saltSteppedTracker-vertical .saltStep-terminal {
-  grid-template-areas: "icon            label           label" "connector       description     description" "stepped-tracker stepped-tracker stepped-tracker";
-}
-.saltSteppedTracker-vertical > .saltStep.saltStep-expanded {
-  grid-template-rows: var(--salt-size-base) min-content 1fr;
-}
-.saltSteppedTracker-vertical > .saltStep.saltStep-collapsed {
-  grid-template-rows: var(--salt-size-base) min-content 0fr;
-}
-
-/* src/stepped-tracker/SteppedTracker.css */
-.saltSteppedTracker {
-  grid-area: stepped-tracker;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  transition-duration: var(--salt-duration-perceptible);
-  transition-timing-function: ease-in-out;
-  transition-property: opacity, visibility;
-}
-@media (prefers-reduced-motion) {
-  .saltSteppedTracker {
-    transition-duration: var(--salt-duration-instant);
-  }
-}
-.saltSteppedTracker-horizontal {
-  display: flex;
-  flex-direction: row;
-}
-.saltSteppedTracker-vertical {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.saltSteppedTracker-vertical > .saltStep.saltStep-expanded > .saltSteppedTracker {
-  opacity: 1;
-  visibility: visible;
-}
-.saltSteppedTracker-vertical > .saltStep.saltStep-collapsed > .saltSteppedTracker {
-  opacity: 0;
-  visibility: hidden;
-}
-
 /* src/system-status/SystemStatus.css */
 .saltSystemStatus {
   background: var(--saltSystemStatus-background, var(--systemStatus-background));
@@ -4692,4 +4494,4 @@
   margin: calc(var(--salt-size-unit) / 2) 0;
 }
 
-/* src/89b851ef-eba4-4203-af10-5eb7e5bfc25b.css */
+/* src/c73aefdf-62ff-4b8b-8ac0-ab77a4c4d85e.css */

package/dist-cjs/index.js

@@ -128,9 +128,6 @@ var SplitHandle = require('./splitter/SplitHandle.js');
 var StaticList = require('./static-list/StaticList.js');
 var StaticListItem = require('./static-list/StaticListItem.js');
 var StaticListItemContent = require('./static-list/StaticListItemContent.js');
-var SteppedTracker = require('./stepped-tracker/SteppedTracker.js');
-var Step = require('./stepped-tracker/Step.js');
-var useStepReducer = require('./stepped-tracker/useStepReducer.js');
 var SystemStatus = require('./system-status/SystemStatus.js');
 var SystemStatusContent = require('./system-status/SystemStatusContent.js');
 var SystemStatusActions = require('./system-status/SystemStatusActions.js');
@@ -330,9 +327,6 @@ exports.SplitHandle = SplitHandle.SplitHandle;
 exports.StaticList = StaticList.StaticList;
 exports.StaticListItem = StaticListItem.StaticListItem;
 exports.StaticListItemContent = StaticListItemContent.StaticListItemContent;
-exports.SteppedTracker = SteppedTracker.SteppedTracker;
-exports.Step = Step.Step;
-exports.useStepReducer = useStepReducer.useStepReducer;
 exports.SystemStatus = SystemStatus.SystemStatus;
 exports.SystemStatusContent = SystemStatusContent.SystemStatusContent;
 exports.SystemStatusActions = SystemStatusActions.SystemStatusActions;

package/dist-cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-es/index.js

@@ -126,9 +126,6 @@ export { SplitHandle } from './splitter/SplitHandle.js';
 export { StaticList } from './static-list/StaticList.js';
 export { StaticListItem } from './static-list/StaticListItem.js';
 export { StaticListItemContent } from './static-list/StaticListItemContent.js';
-export { SteppedTracker } from './stepped-tracker/SteppedTracker.js';
-export { Step } from './stepped-tracker/Step.js';
-export { useStepReducer } from './stepped-tracker/useStepReducer.js';
 export { SystemStatus } from './system-status/SystemStatus.js';
 export { SystemStatusContent } from './system-status/SystemStatusContent.js';
 export { SystemStatusActions } from './system-status/SystemStatusActions.js';

package/dist-es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist-types/index.d.ts

@@ -37,7 +37,6 @@ export * from "./responsive";
 export * from "./search-input";
 export * from "./splitter";
 export * from "./static-list";
-export * from "./stepped-tracker";
 export * from "./system-status";
 export * from "./tabs";
 export * from "./tabs-next";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.66",
+  "version": "1.0.0-alpha.67",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.44.1",
+    "@salt-ds/core": "^1.45.0",
     "@salt-ds/date-adapters": "0.1.0-alpha.3",
     "@salt-ds/icons": "^1.13.2",
     "@salt-ds/styles": "0.2.1",

package/dist-cjs/stepped-tracker/Step.Connector.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepConnector {\n  grid-area: connector;\n\n  transition-duration: inherit;\n  transition-timing-function: inherit;\n  transition-property: opacity, min-height;\n}\n\n.saltSteppedTracker-horizontal .saltStepConnector {\n  position: absolute;\n  transform: translateY(-100%);\n  top: calc(var(--step-icon-size) / 2);\n  left: calc(50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));\n  right: calc(-50% + calc(var(--step-icon-size) / 2 + var(--salt-spacing-100)));\n\n  border-top-width: var(--salt-size-border-strong);\n  border-top-style: var(--salt-track-borderStyle-incomplete);\n  border-top-color: var(--salt-track-borderColor);\n}\n\n.saltSteppedTracker-horizontal .saltStep-stage-completed > .saltStepConnector,\n.saltSteppedTracker-horizontal .saltStep-stage-inprogress > .saltStepConnector {\n  border-top-style: var(--salt-track-borderStyle-complete);\n}\n\n.saltSteppedTracker-vertical .saltStepConnector {\n  min-height: var(--salt-size-base);\n  align-self: stretch;\n  justify-self: center;\n\n  border-left-width: var(--salt-size-border-strong);\n  border-left-style: var(--salt-track-borderStyle-incomplete);\n  border-left-color: var(--salt-track-borderColor);\n}\n\n.saltSteppedTracker-vertical .saltStep-stage-completed > .saltStepConnector,\n.saltSteppedTracker-vertical .saltStep-stage-inprogress > .saltStepConnector {\n  border-left-style: var(--salt-track-borderStyle-complete);\n}\n\n.saltStep-depth-0.saltStep:not(.saltStep-expanded):last-child > .saltStepConnector {\n  opacity: 0;\n  min-height: 0;\n}\n\n.saltStep-depth-0.saltStep-expanded:last-child .saltStep:not(.saltStep-expanded):last-child .saltStepConnector {\n  opacity: 0;\n  min-height: 0;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.Connector.css.js.map

package/dist-cjs/stepped-tracker/Step.Connector.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Connector.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/stepped-tracker/Step.Connector.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var Step_Connector = require('./Step.Connector.css.js');
-
-const withBaseName = core.makePrefixer("saltStepConnector");
-function StepConnector() {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-step-connector",
-    css: Step_Connector,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": true, className: withBaseName() });
-}
-
-exports.StepConnector = StepConnector;
-//# sourceMappingURL=Step.Connector.js.map

package/dist-cjs/stepped-tracker/Step.Connector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Connector.js","sources":["../src/stepped-tracker/Step.Connector.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport stepConnectorCSS from \"./Step.Connector.css\";\n\nconst withBaseName = makePrefixer(\"saltStepConnector\");\n\nexport function StepConnector() {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-connector\",\n    css: stepConnectorCSS,\n    window: targetWindow,\n  });\n\n  return <div aria-hidden className={withBaseName()} />;\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepConnectorCSS"],"mappings":";;;;;;;;AAMA,MAAM,YAAA,GAAeA,kBAAa,mBAAmB,CAAA;AAE9C,SAAS,aAAgB,GAAA;AAC9B,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,qBAAA;AAAA,IACR,GAAK,EAAAC,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,sCAAQ,KAAI,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA,SAAA,EAAW,cAAgB,EAAA,CAAA;AACrD;;;;"}

package/dist-cjs/stepped-tracker/Step.Description.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepDescription {\n  grid-area: description;\n}\n\n.saltSteppedTracker-vertical .saltStepDescription {\n  padding-bottom: var(--salt-spacing-300);\n  padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));\n}\n\n.saltStep-status-warning > .saltStepDescription {\n  color: var(--salt-status-warning-foreground-informative);\n}\n\n.saltStep-status-error > .saltStepDescription {\n  color: var(--salt-status-error-foreground-informative);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.Description.css.js.map

package/dist-cjs/stepped-tracker/Step.Description.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Description.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/stepped-tracker/Step.Description.js

@@ -1,35 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var Step_Description = require('./Step.Description.css.js');
-
-const withBaseName = core.makePrefixer("saltStepDescription");
-function StepDescription({
-  id,
-  className,
-  styleAs = "label",
-  ...props
-}) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-step-description",
-    css: Step_Description,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Text,
-    {
-      id,
-      styleAs: "label",
-      className: clsx(withBaseName(), className),
-      ...props
-    }
-  );
-}
-
-exports.StepDescription = StepDescription;
-//# sourceMappingURL=Step.Description.js.map

package/dist-cjs/stepped-tracker/Step.Description.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Description.js","sources":["../src/stepped-tracker/Step.Description.tsx"],"sourcesContent":["import { Text, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepDescriptionCSS from \"./Step.Description.css\";\n\nexport interface StepDescriptionProps extends TextProps<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltStepDescription\");\n\nexport function StepDescription({\n  id,\n  className,\n  styleAs = \"label\",\n  ...props\n}: StepDescriptionProps) {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-description\",\n    css: stepDescriptionCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <Text\n      id={id}\n      styleAs=\"label\"\n      className={clsx(withBaseName(), className)}\n      {...props}\n    />\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepDescriptionCSS","jsx","Text"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,qBAAqB,CAAA;AAEhD,SAAS,eAAgB,CAAA;AAAA,EAC9B,EAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,GAAG;AACL,CAAyB,EAAA;AACvB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepExpandTrigger {\n  grid-area: expand;\n}\n\n.saltButton.saltStepExpandTrigger:focus-visible {\n  outline-offset: calc(-1 * var(--salt-focused-outlineWidth));\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.ExpandTrigger.css.js.map

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.ExpandTrigger.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var Step_ExpandTrigger = require('./Step.ExpandTrigger.css.js');
-
-const withBaseName = core.makePrefixer("saltStepExpandTrigger");
-function StepExpandTrigger({
-  id,
-  expanded,
-  className,
-  ...props
-}) {
-  const { CollapseIcon, ExpandIcon } = core.useIcon();
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-step-expand-trigger",
-    css: Step_ExpandTrigger,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Button,
-    {
-      id,
-      appearance: "transparent",
-      sentiment: "neutral",
-      className: clsx(withBaseName(), className),
-      ...props,
-      children: expanded ? /* @__PURE__ */ jsxRuntime.jsx(CollapseIcon, { "aria-hidden": true }) : /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { "aria-hidden": true })
-    }
-  );
-}
-
-exports.StepExpandTrigger = StepExpandTrigger;
-//# sourceMappingURL=Step.ExpandTrigger.js.map

package/dist-cjs/stepped-tracker/Step.ExpandTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.ExpandTrigger.js","sources":["../src/stepped-tracker/Step.ExpandTrigger.tsx"],"sourcesContent":["import { Button, type ButtonProps } from \"@salt-ds/core\";\nimport { makePrefixer } from \"@salt-ds/core\";\nimport { useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepExpandTriggerCSS from \"./Step.ExpandTrigger.css\";\n\nexport interface StepExpandTriggerProps extends ButtonProps {\n  expanded: boolean;\n}\n\nconst withBaseName = makePrefixer(\"saltStepExpandTrigger\");\n\nexport function StepExpandTrigger({\n  id,\n  expanded,\n  className,\n  ...props\n}: StepExpandTriggerProps) {\n  const { CollapseIcon, ExpandIcon } = useIcon();\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-expand-trigger\",\n    css: stepExpandTriggerCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <Button\n      id={id}\n      appearance=\"transparent\"\n      sentiment=\"neutral\"\n      className={clsx(withBaseName(), className)}\n      {...props}\n    >\n      {expanded ? <CollapseIcon aria-hidden /> : <ExpandIcon aria-hidden />}\n    </Button>\n  );\n}\n"],"names":["makePrefixer","useIcon","useWindow","useComponentCssInjection","stepExpandTriggerCSS","jsx","Button"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAeA,kBAAa,uBAAuB,CAAA;AAElD,SAAS,iBAAkB,CAAA;AAAA,EAChC,EAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAA2B,EAAA;AACzB,EAAA,MAAM,EAAE,YAAA,EAAc,UAAW,EAAA,GAAIC,YAAQ,EAAA;AAC7C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,UAAW,EAAA,aAAA;AAAA,MACX,SAAU,EAAA,SAAA;AAAA,MACV,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,QAAA,kCAAY,YAAa,EAAA,EAAA,aAAA,EAAW,MAAC,CAAK,mBAAAD,cAAA,CAAC,UAAW,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,GACrE;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.Icon.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepIcon {\n  grid-area: icon;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  justify-self: center;\n}\n\n.saltSteppedTracker-vertical .saltStepIcon {\n  height: var(--salt-size-base);\n}\n\n.saltStep-stage-pending > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-static-foreground);\n}\n\n.saltStep-stage-locked > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-static-foreground);\n}\n\n.saltStep-stage-inprogress > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-info-foreground-decorative);\n}\n\n.saltStep-stage-active > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-info-foreground-decorative);\n}\n\n.saltStep-stage-completed > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-success-foreground-decorative);\n}\n\n.saltStep-status-warning > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-warning-foreground-decorative);\n}\n\n.saltStep-status-error > .saltStepIcon {\n  --saltIcon-color: var(--salt-status-error-foreground-decorative);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.Icon.css.js.map

package/dist-cjs/stepped-tracker/Step.Icon.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Icon.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/stepped-tracker/Step.Icon.js

@@ -1,57 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var react = require('react');
-var Step_Icon = require('./Step.Icon.css.js');
-
-const withBaseName = core.makePrefixer("saltStepIcon");
-function StepIcon({
-  status,
-  stage,
-  size,
-  sizeMultiplier = size || 1.5,
-  className,
-  ...props
-}) {
-  const targetWindow = window.useWindow();
-  const IconComponent = useStepIcon({ stage, status });
-  styles.useComponentCssInjection({
-    testId: "salt-step-icon",
-    css: Step_Icon,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    IconComponent,
-    {
-      size: sizeMultiplier,
-      className: clsx(withBaseName(), className),
-      ...props
-    }
-  );
-}
-function useStepIcon({
-  stage,
-  status
-}) {
-  const icons = core.useIcon();
-  const stepIconMap = react.useMemo(
-    () => ({
-      error: icons.ErrorIcon,
-      warning: icons.WarningIcon,
-      active: icons.ActiveIcon,
-      completed: icons.CompletedIcon,
-      pending: icons.PendingIcon,
-      inprogress: icons.InProgressIcon,
-      locked: icons.LockedIcon
-    }),
-    [icons]
-  );
-  return stepIconMap[status || stage];
-}
-
-exports.StepIcon = StepIcon;
-//# sourceMappingURL=Step.Icon.js.map

package/dist-cjs/stepped-tracker/Step.Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Icon.js","sources":["../src/stepped-tracker/Step.Icon.tsx"],"sourcesContent":["import { makePrefixer, useIcon } from \"@salt-ds/core\";\nimport type { IconProps } from \"@salt-ds/icons\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { useMemo } from \"react\";\n\nimport stepIconCSS from \"./Step.Icon.css\";\n\nimport type { StepStage, StepStatus } from \"./Step.types\";\n\nexport interface StepIconProps extends IconProps {\n  stage: StepStage;\n  status?: StepStatus;\n  sizeMultiplier?: IconProps[\"size\"];\n}\n\nconst withBaseName = makePrefixer(\"saltStepIcon\");\n\nexport function StepIcon({\n  status,\n  stage,\n  size,\n  sizeMultiplier = size || 1.5,\n  className,\n  ...props\n}: StepIconProps) {\n  const targetWindow = useWindow();\n  const IconComponent = useStepIcon({ stage, status });\n\n  useComponentCssInjection({\n    testId: \"salt-step-icon\",\n    css: stepIconCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <IconComponent\n      size={sizeMultiplier}\n      className={clsx(withBaseName(), className)}\n      {...props}\n    />\n  );\n}\n\nfunction useStepIcon({\n  stage,\n  status,\n}: Pick<StepIconProps, \"stage\" | \"status\">) {\n  const icons = useIcon();\n\n  const stepIconMap = useMemo(\n    () => ({\n      error: icons.ErrorIcon,\n      warning: icons.WarningIcon,\n      active: icons.ActiveIcon,\n      completed: icons.CompletedIcon,\n      pending: icons.PendingIcon,\n      inprogress: icons.InProgressIcon,\n      locked: icons.LockedIcon,\n    }),\n    [icons],\n  );\n\n  return stepIconMap[status || stage];\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepIconCSS","jsx","useIcon","useMemo"],"mappings":";;;;;;;;;;AAiBA,MAAM,YAAA,GAAeA,kBAAa,cAAc,CAAA;AAEzC,SAAS,QAAS,CAAA;AAAA,EACvB,MAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,iBAAiB,IAAQ,IAAA,GAAA;AAAA,EACzB,SAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAA,MAAM,aAAgB,GAAA,WAAA,CAAY,EAAE,KAAA,EAAO,QAAQ,CAAA;AAEnD,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAC,SAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,cAAA;AAAA,MACN,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,WAAY,CAAA;AAAA,EACnB,KAAA;AAAA,EACA;AACF,CAA4C,EAAA;AAC1C,EAAA,MAAM,QAAQC,YAAQ,EAAA;AAEtB,EAAA,MAAM,WAAc,GAAAC,aAAA;AAAA,IAClB,OAAO;AAAA,MACL,OAAO,KAAM,CAAA,SAAA;AAAA,MACb,SAAS,KAAM,CAAA,WAAA;AAAA,MACf,QAAQ,KAAM,CAAA,UAAA;AAAA,MACd,WAAW,KAAM,CAAA,aAAA;AAAA,MACjB,SAAS,KAAM,CAAA,WAAA;AAAA,MACf,YAAY,KAAM,CAAA,cAAA;AAAA,MAClB,QAAQ,KAAM,CAAA;AAAA,KAChB,CAAA;AAAA,IACA,CAAC,KAAK;AAAA,GACR;AAEA,EAAO,OAAA,WAAA,CAAY,UAAU,KAAK,CAAA;AACpC;;;;"}

package/dist-cjs/stepped-tracker/Step.Label.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepLabel {\n  grid-area: label;\n}\n\n.saltSteppedTracker-horizontal .saltStepLabel {\n  margin-top: var(--salt-spacing-50);\n}\n\n.saltSteppedTracker-vertical .saltStepLabel {\n  padding-top: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);\n  padding-bottom: calc((var(--salt-size-base) - var(--salt-text-label-lineHeight)) / 2);\n  padding-left: calc((var(--step-depth)) * var(--salt-spacing-100));\n}\n\n.saltStep-depth-0 > .saltText.saltStepLabel {\n  font-weight: var(--salt-text-fontWeight-strong);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.Label.css.js.map

package/dist-cjs/stepped-tracker/Step.Label.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Label.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/stepped-tracker/Step.Label.js

@@ -1,37 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var clsx = require('clsx');
-var Step_Label = require('./Step.Label.css.js');
-
-const withBaseName = core.makePrefixer("saltStepLabel");
-function StepLabel({
-  id,
-  className,
-  styleAs = "label",
-  children,
-  ...props
-}) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-step-label",
-    css: Step_Label,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Text,
-    {
-      id,
-      styleAs: "label",
-      className: clsx(withBaseName(), className),
-      ...props,
-      children
-    }
-  );
-}
-
-exports.StepLabel = StepLabel;
-//# sourceMappingURL=Step.Label.js.map

package/dist-cjs/stepped-tracker/Step.Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.Label.js","sources":["../src/stepped-tracker/Step.Label.tsx"],"sourcesContent":["import { Text, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\n\nimport stepLabelCSS from \"./Step.Label.css\";\n\nexport interface StepLabelProps extends TextProps<\"div\"> {}\n\nconst withBaseName = makePrefixer(\"saltStepLabel\");\n\nexport function StepLabel({\n  id,\n  className,\n  styleAs = \"label\",\n  children,\n  ...props\n}: StepLabelProps) {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-label\",\n    css: stepLabelCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <Text\n      id={id}\n      styleAs=\"label\"\n      className={clsx(withBaseName(), className)}\n      {...props}\n    >\n      {children}\n    </Text>\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepLabelCSS","jsx","Text"],"mappings":";;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA;AAE1C,SAAS,SAAU,CAAA;AAAA,EACxB,EAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAU,GAAA,OAAA;AAAA,EACV,QAAA;AAAA,EACA,GAAG;AACL,CAAmB,EAAA;AACjB,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,UAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA;AAAA,IAACC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACxC,GAAG,KAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.SROnly.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepSROnly {\n  position: fixed;\n  top: 0;\n  left: 0;\n  transform: translate(-100%, -100%);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.SROnly.css.js.map

package/dist-cjs/stepped-tracker/Step.SROnly.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.SROnly.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist-cjs/stepped-tracker/Step.SROnly.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var Step_SROnly = require('./Step.SROnly.css.js');
-
-const withBaseName = core.makePrefixer("saltStepSROnly");
-function StepSROnly({ children, ...props }) {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-step-sr-only",
-    css: Step_SROnly,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName(), ...props, children });
-}
-
-exports.StepSROnly = StepSROnly;
-//# sourceMappingURL=Step.SROnly.js.map

package/dist-cjs/stepped-tracker/Step.SROnly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.SROnly.js","sources":["../src/stepped-tracker/Step.SROnly.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\n\nimport stepSROnlyCSS from \"./Step.SROnly.css\";\n\nconst withBaseName = makePrefixer(\"saltStepSROnly\");\n\nexport interface StepSROnlyProps extends ComponentPropsWithoutRef<\"div\"> {\n  children?: ReactNode;\n}\n\nexport function StepSROnly({ children, ...props }: StepSROnlyProps) {\n  const targetWindow = useWindow();\n\n  useComponentCssInjection({\n    testId: \"salt-step-sr-only\",\n    css: stepSROnlyCSS,\n    window: targetWindow,\n  });\n\n  return (\n    <div className={withBaseName()} {...props}>\n      {children}\n    </div>\n  );\n}\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","stepSROnlyCSS"],"mappings":";;;;;;;;AAOA,MAAM,YAAA,GAAeA,kBAAa,gBAAgB,CAAA;AAM3C,SAAS,UAAW,CAAA,EAAE,QAAU,EAAA,GAAG,OAA0B,EAAA;AAClE,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAE/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,sCACG,KAAI,EAAA,EAAA,SAAA,EAAW,cAAiB,EAAA,GAAG,OACjC,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist-cjs/stepped-tracker/Step.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStep {\n  /* Copy of size calculations of <Icon /> */\n  --step-icon-base-size: var(--salt-size-icon, 12px);\n  --step-icon-size-multiplier: var(--saltIcon-size-multiplier, 1.5);\n  --step-icon-size: calc(var(--step-icon-base-size) * var(--step-icon-size-multiplier));\n  --step-depth: var(--saltStep-depth, 0);\n}\n\n.saltSteppedTracker-horizontal .saltStep {\n  position: relative;\n  display: grid;\n  grid-template-columns: 1fr;\n  grid-template-rows: repeat(3, min-content);\n  grid-template-areas:\n    \"icon\"\n    \"label\"\n    \"description\";\n  justify-items: center;\n  align-items: center;\n  text-align: center;\n  flex: 1;\n  padding: 0 var(--salt-spacing-25);\n}\n\n.saltSteppedTracker-vertical .saltStep {\n  display: grid;\n  grid-template-columns: var(--step-icon-size) 1fr min-content;\n  grid-template-areas:\n    \"icon            label           expand\"\n    \"connector       description     .\"\n    \"stepped-tracker stepped-tracker stepped-tracker\";\n  justify-items: start;\n  align-items: start;\n  gap: 0 var(--salt-spacing-100);\n  width: 100%;\n  transition-duration: inherit;\n  transition-timing-function: inherit;\n  transition-property: grid-template-rows;\n}\n\n.saltSteppedTracker-vertical .saltStep-terminal {\n  grid-template-areas:\n    \"icon            label           label\"\n    \"connector       description     description\"\n    \"stepped-tracker stepped-tracker stepped-tracker\";\n}\n\n.saltSteppedTracker-vertical > .saltStep.saltStep-expanded {\n  grid-template-rows:\n    var(--salt-size-base)\n    min-content\n    1fr;\n}\n\n.saltSteppedTracker-vertical > .saltStep.saltStep-collapsed {\n  grid-template-rows:\n    var(--salt-size-base)\n    min-content\n    0fr;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=Step.css.js.map

package/dist-cjs/stepped-tracker/Step.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}