@salt-ds/lab 1.0.0-alpha.56 → 1.0.0-alpha.58

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.56",
+  "version": "1.0.0-alpha.58",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -9,12 +9,21 @@
   },
   "bugs": "https://github.com/jpmorganchase/salt-ds/issues",
   "main": "dist-cjs/index.js",
-  "sideEffects": false,
+  "files": [
+    "css",
+    "dist-cjs",
+    "dist-es",
+    "dist-types",
+    "CHANGELOG.md"
+  ],
+  "sideEffects": [
+    "*.css"
+  ],
   "dependencies": {
-    "@floating-ui/react": "^0.26.5",
-    "@salt-ds/core": "^1.37.3",
+    "@floating-ui/react": "^0.26.28",
+    "@salt-ds/core": "^1.38.0",
     "@salt-ds/date-adapters": "0.1.0-alpha.1",
-    "@salt-ds/icons": "^1.13.0",
+    "@salt-ds/icons": "^1.13.1",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
     "@types/react-window": "^1.8.2",
@@ -57,13 +66,6 @@
     "build": "yarn node ../../scripts/build.mjs",
     "bundle:css": "yarn node ./scripts/build.mjs"
   },
-  "files": [
-    "css",
-    "dist-cjs",
-    "dist-es",
-    "dist-types",
-    "CHANGELOG.md"
-  ],
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts"
 }

package/dist-cjs/skip-link/SkipLinks.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltSkipLinks {\n  position: relative;\n  float: left;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=SkipLinks.css.js.map

package/dist-cjs/skip-link/SkipLinks.css.js.map

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

package/dist-cjs/skip-link/SkipLinks.js

@@ -1,24 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var react = require('react');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var SkipLinks$1 = require('./SkipLinks.css.js');
-
-const withBaseName = core.makePrefixer("saltSkipLinks");
-const SkipLinks = react.forwardRef(function SkipLinks2(props, ref) {
-  const { className, children, ...restProps } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-skip-links",
-    css: SkipLinks$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("ul", { ...restProps, className: clsx.clsx(withBaseName(), className), ref, children });
-});
-
-exports.SkipLinks = SkipLinks;
-//# sourceMappingURL=SkipLinks.js.map

package/dist-cjs/skip-link/SkipLinks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.js","sources":["../src/skip-link/SkipLinks.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport skipLinksCss from \"./SkipLinks.css\";\n\nconst withBaseName = makePrefixer(\"saltSkipLinks\");\n\nexport const SkipLinks = forwardRef<\n  HTMLUListElement,\n  HTMLAttributes<HTMLUListElement>\n>(function SkipLinks(props, ref) {\n  const { className, children, ...restProps } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-skip-links\",\n    css: skipLinksCss,\n    window: targetWindow,\n  });\n\n  return (\n    <ul {...restProps} className={clsx(withBaseName(), className)} ref={ref}>\n      {children}\n    </ul>\n  );\n});\n"],"names":["makePrefixer","forwardRef","SkipLinks","useWindow","useComponentCssInjection","skipLinksCss","jsx","clsx"],"mappings":";;;;;;;;;;AASA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA;AAE1C,MAAM,SAAY,GAAAC,gBAAA,CAGvB,SAASC,UAAAA,CAAU,OAAO,GAAK,EAAA;AAC/B,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,WAAc,GAAA,KAAA;AAC9C,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,WAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAAC,cAAA,CAAC,IAAI,EAAA,EAAA,GAAG,SAAW,EAAA,SAAA,EAAWC,SAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAC5D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltStepLabel {\n  width: 100%;\n}\n\n.saltSteppedTracker.saltSteppedTracker-horizontal .saltStepLabel {\n  text-align: center;\n}\n\n.saltSteppedTracker.saltSteppedTracker-vertical .saltStepLabel {\n  text-align: left;\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=StepLabel.css.js.map

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

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

package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js

@@ -1,25 +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 StepLabel$1 = require('./StepLabel.css.js');
-
-const withBaseName = core.makePrefixer("saltStepLabel");
-const StepLabel = react.forwardRef(
-  function StepLabel2({ children, className, ...rest }, ref) {
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-step-label",
-      css: StepLabel$1,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsxRuntime.jsx(core.Label, { className: clsx.clsx(withBaseName(), className), ref, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children }) });
-  }
-);
-
-exports.StepLabel = StepLabel;
-//# sourceMappingURL=StepLabel.js.map

package/dist-cjs/stepped-tracker/StepLabel/StepLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepLabel.js","sources":["../src/stepped-tracker/StepLabel/StepLabel.tsx"],"sourcesContent":["import { Label, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ReactNode, forwardRef } from \"react\";\n\nimport stepLabelCss from \"./StepLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltStepLabel\");\n\nexport interface StepLabelProps extends TextProps<\"label\"> {\n  /**\n   * The content of Step Label\n   */\n  children?: ReactNode;\n}\n\nexport const StepLabel = forwardRef<HTMLLabelElement, StepLabelProps>(\n  function StepLabel({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-step-label\",\n      css: stepLabelCss,\n      window: targetWindow,\n    });\n\n    return (\n      <Label className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <strong>{children}</strong>\n      </Label>\n    );\n  },\n);\n"],"names":["makePrefixer","forwardRef","StepLabel","useWindow","useComponentCssInjection","stepLabelCss","jsx","Label","clsx"],"mappings":";;;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,eAAe,CAAA;AAS1C,MAAM,SAAY,GAAAC,gBAAA;AAAA,EACvB,SAASC,WAAU,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAK,EAAA;AACxD,IAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,IAAyBC,+BAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,WAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,uBACGC,cAAA,CAAAC,UAAA,EAAA,EAAM,SAAW,EAAAC,SAAA,CAAK,cAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,IAAA,EAC/D,QAAC,kBAAAF,cAAA,CAAA,QAAA,EAAA,EAAQ,UAAS,CACpB,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-cjs/stepped-tracker/SteppedTrackerContext.js

@@ -1,43 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-
-const defaultSteppedTrackerContext = {
-  activeStep: 0,
-  totalSteps: 1,
-  isWithinSteppedTracker: false
-};
-const SteppedTrackerContext = react.createContext(
-  defaultSteppedTrackerContext
-);
-const SteppedTrackerProvider = ({
-  activeStep,
-  totalSteps,
-  children
-}) => {
-  const steppedTrackerContextValue = react.useMemo(
-    () => ({
-      activeStep,
-      totalSteps,
-      isWithinSteppedTracker: true
-    }),
-    [activeStep, totalSteps]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(SteppedTrackerContext.Provider, { value: steppedTrackerContextValue, children });
-};
-const useSteppedTrackerContext = () => react.useContext(SteppedTrackerContext);
-const TrackerStepContext = react.createContext(0);
-const useTrackerStepContext = () => react.useContext(TrackerStepContext);
-const TrackerStepProvider = ({
-  children,
-  stepNumber
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(TrackerStepContext.Provider, { value: stepNumber, children });
-};
-
-exports.SteppedTrackerProvider = SteppedTrackerProvider;
-exports.TrackerStepProvider = TrackerStepProvider;
-exports.useSteppedTrackerContext = useSteppedTrackerContext;
-exports.useTrackerStepContext = useTrackerStepContext;
-//# sourceMappingURL=SteppedTrackerContext.js.map

package/dist-cjs/stepped-tracker/SteppedTrackerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SteppedTrackerContext.js","sources":["../src/stepped-tracker/SteppedTrackerContext.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext, useMemo } from \"react\";\n\nexport interface SteppedTrackerContextType {\n  activeStep: number;\n  totalSteps: number;\n  isWithinSteppedTracker: boolean;\n}\n\nconst defaultSteppedTrackerContext = {\n  activeStep: 0,\n  totalSteps: 1,\n  isWithinSteppedTracker: false,\n};\n\nconst SteppedTrackerContext = createContext(\n  defaultSteppedTrackerContext as unknown as SteppedTrackerContextType,\n);\n\ntype SteppedTrackerProviderProps = Omit<\n  SteppedTrackerContextType,\n  \"isWithinSteppedTracker\"\n> & {\n  children: ReactNode;\n};\n\nexport const SteppedTrackerProvider = ({\n  activeStep,\n  totalSteps,\n  children,\n}: SteppedTrackerProviderProps) => {\n  const steppedTrackerContextValue: SteppedTrackerContextType = useMemo(\n    () => ({\n      activeStep,\n      totalSteps,\n      isWithinSteppedTracker: true,\n    }),\n    [activeStep, totalSteps],\n  );\n\n  return (\n    <SteppedTrackerContext.Provider value={steppedTrackerContextValue}>\n      {children}\n    </SteppedTrackerContext.Provider>\n  );\n};\n\nexport const useSteppedTrackerContext = () => useContext(SteppedTrackerContext);\n\ntype TrackerStepNumberContextType = number;\n\nconst TrackerStepContext = createContext<TrackerStepNumberContextType>(0);\n\nexport const useTrackerStepContext = () => useContext(TrackerStepContext);\n\ninterface TrackerStepProviderProps {\n  stepNumber: number;\n  children: ReactNode;\n}\n\nexport const TrackerStepProvider = ({\n  children,\n  stepNumber,\n}: TrackerStepProviderProps) => {\n  return (\n    <TrackerStepContext.Provider value={stepNumber}>\n      {children}\n    </TrackerStepContext.Provider>\n  );\n};\n"],"names":["createContext","useMemo","useContext"],"mappings":";;;;;AAQA,MAAM,4BAA+B,GAAA;AAAA,EACnC,UAAY,EAAA,CAAA;AAAA,EACZ,UAAY,EAAA,CAAA;AAAA,EACZ,sBAAwB,EAAA;AAC1B,CAAA;AAEA,MAAM,qBAAwB,GAAAA,mBAAA;AAAA,EAC5B;AACF,CAAA;AASO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,0BAAwD,GAAAC,aAAA;AAAA,IAC5D,OAAO;AAAA,MACL,UAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAwB,EAAA;AAAA,KAC1B,CAAA;AAAA,IACA,CAAC,YAAY,UAAU;AAAA,GACzB;AAEA,EAAA,sCACG,qBAAsB,CAAA,QAAA,EAAtB,EAA+B,KAAA,EAAO,4BACpC,QACH,EAAA,CAAA;AAEJ;AAEa,MAAA,wBAAA,GAA2B,MAAMC,gBAAA,CAAW,qBAAqB;AAI9E,MAAM,kBAAA,GAAqBF,oBAA4C,CAAC,CAAA;AAE3D,MAAA,qBAAA,GAAwB,MAAME,gBAAA,CAAW,kBAAkB;AAOjE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAA,sCACG,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,YACjC,QACH,EAAA,CAAA;AAEJ;;;;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltTrackerConnector {\n  --trackerConnector-style-default: var(--saltTrackerConnector-style-default, var(--salt-track-borderStyle-incomplete));\n  --trackerConnector-style-active: var(--saltTrackerConnector-style-active, var(--salt-track-borderStyle-active));\n  --trackerConnector-color: var(--saltTrackerConnector-color, var(--salt-track-borderColor));\n  --trackerConnector-thickness: var(--saltTrackerConnector-thickness, var(--salt-size-border-strong));\n  --trackerConnector-margin: var(--saltTrackerConnector-margin, var(--salt-spacing-100));\n  --trackerConnector-style-border: var(--trackerConnector-style-default);\n}\n\n.saltTrackerConnector {\n  position: absolute;\n}\n\n.saltSteppedTracker.saltSteppedTracker-horizontal .saltTrackerConnector {\n  border-top-width: var(--trackerConnector-thickness);\n  border-top-style: var(--trackerConnector-style-border);\n  border-top-color: var(--trackerConnector-color);\n  width: calc(100% - (var(--saltIcon-size)) - (var(--trackerConnector-margin) * 2));\n  left: calc(50% + (var(--saltIcon-size) / 2) + var(--trackerConnector-margin));\n  top: calc(var(--saltIcon-size) / 2 - (var(--trackerConnector-thickness) / 2));\n  height: 0;\n}\n\n.saltSteppedTracker.saltSteppedTracker-vertical .saltTrackerConnector {\n  top: calc(50% + (var(--saltIcon-size) / 2) + var(--trackerConnector-margin));\n  left: calc((var(--saltIcon-size) / 2) - (var(--trackerConnector-thickness) / 2));\n  height: calc(100% - (var(--saltIcon-size)) - (var(--trackerConnector-margin) * 2));\n  border-left-width: var(--trackerConnector-thickness);\n  border-left-style: var(--trackerConnector-style-border);\n  border-left-color: var(--trackerConnector-color);\n}\n\n.saltTrackerConnector.saltTrackerConnector-active {\n  --trackerConnector-style-border: var(--trackerConnector-style-active);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=TrackerConnector.css.js.map

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

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

package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var clsx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var TrackerConnector$1 = require('./TrackerConnector.css.js');
-
-const withBaseName = core.makePrefixer("saltTrackerConnector");
-const TrackerConnector = ({ state }) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "salt-tracker-connector",
-    css: TrackerConnector$1,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(withBaseName(), withBaseName(state)) });
-};
-
-exports.TrackerConnector = TrackerConnector;
-//# sourceMappingURL=TrackerConnector.js.map

package/dist-cjs/stepped-tracker/TrackerConnector/TrackerConnector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrackerConnector.js","sources":["../src/stepped-tracker/TrackerConnector/TrackerConnector.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport trackerConnectorCss from \"./TrackerConnector.css\";\n\nconst withBaseName = makePrefixer(\"saltTrackerConnector\");\n\ntype ConnectorState = \"default\" | \"active\";\n\ninterface TrackerConnectorProps {\n  /**\n   * The state of the connector, which acts as an indicator of whether the active step is ahead/behind\n   */\n  state: ConnectorState;\n}\n\nexport const TrackerConnector = ({ state }: TrackerConnectorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tracker-connector\",\n    css: trackerConnectorCss,\n    window: targetWindow,\n  });\n\n  return <span className={clsx(withBaseName(), withBaseName(state))} />;\n};\n"],"names":["makePrefixer","useWindow","useComponentCssInjection","trackerConnectorCss","jsx","clsx"],"mappings":";;;;;;;;;AAQA,MAAM,YAAA,GAAeA,kBAAa,sBAAsB,CAAA;AAWjD,MAAM,gBAAmB,GAAA,CAAC,EAAE,KAAA,EAAmC,KAAA;AACpE,EAAA,MAAM,eAAeC,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAO,uBAAAC,cAAA,CAAC,UAAK,SAAW,EAAAC,SAAA,CAAK,cAAgB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAG,EAAA,CAAA;AACrE;;;;"}

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".saltTrackerStep {\n  --trackerStep-icon-color-active: var(--saltTrackerStep-icon-color-active, var(--salt-status-info-foreground-decorative));\n  --trackerStep-icon-color-completed: var(--saltTrackerStep-icon-color-completed, var(--salt-status-success-foreground-decorative));\n  --trackerStep-icon-color-warning: var(--saltTrackerStep-icon-color-warning, var(--salt-status-warning-foreground-decorative));\n  --trackerStep-icon-color-error: var(--saltTrackerStep-icon-color-error, var(--salt-status-error-foreground-decorative));\n\n  --trackerStep-icon-color: var(--saltTrackerStep-icon-color, var(--salt-status-static-foreground));\n\n  --saltIcon-color: var(--trackerStep-icon-color);\n  /* We redefine Icon Size so we can use it in calc functions in the trackerConnector */\n  --saltIcon-size: var(--saltTrackerStep-icon-size, max(var(--salt-size-icon), 12px));\n}\n\n.saltTrackerStep {\n  margin: 0;\n  text-indent: 0;\n  list-style-type: none;\n  flex: 1;\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: var(--saltTrackerStep-width, 100%);\n  gap: var(--salt-spacing-50);\n  color: var(--salt-content-primary-foreground);\n  font-size: var(--salt-text-label-fontSize);\n  line-height: var(--salt-text-label-lineHeight);\n}\n\n.saltSteppedTracker.saltSteppedTracker-horizontal .saltTrackerStep {\n  flex-direction: column;\n  padding: 0 var(--salt-spacing-25);\n}\n\n.saltSteppedTracker.saltSteppedTracker-vertical .saltTrackerStep {\n  flex-direction: row;\n  min-height: calc(var(--salt-size-base) * 2);\n  width: 100%;\n}\n\n/* Pseudo-class applied to the root element on focus */\n.saltTrackerStep:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltTrackerStep .saltTrackerStep-body {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.saltTrackerStep.saltTrackerStep-status-warning {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-warning);\n}\n\n.saltTrackerStep.saltTrackerStep-status-error {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-error);\n}\n\n.saltTrackerStep.saltTrackerStep-active {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-active);\n}\n\n.saltTrackerStep.saltTrackerStep-stage-completed {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-completed);\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=TrackerStep.css.js.map

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

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

package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js

@@ -1,96 +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 TrackerConnector = require('../TrackerConnector/TrackerConnector.js');
-var SteppedTrackerContext = require('../SteppedTrackerContext.js');
-var TrackerStep$1 = require('./TrackerStep.css.js');
-
-const withBaseName = core.makePrefixer("saltTrackerStep");
-const useCheckWithinSteppedTracker = (isWithinSteppedTracker) => {
-  react.useEffect(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (!isWithinSteppedTracker) {
-        console.error(
-          "The TrackerStep component must be placed within a SteppedTracker component"
-        );
-      }
-    }
-  }, [isWithinSteppedTracker]);
-};
-const parseIconName = ({
-  stage,
-  status,
-  active
-}) => {
-  if (stage === "completed") return "completed";
-  if (active) return "active";
-  if (status) return status;
-  return stage;
-};
-const TrackerStep = react.forwardRef(
-  function TrackerStep2(props, ref) {
-    const {
-      stage = "pending",
-      status,
-      style,
-      className,
-      children,
-      ...restProps
-    } = props;
-    const targetWindow = window.useWindow();
-    styles.useComponentCssInjection({
-      testId: "salt-tracker-step",
-      css: TrackerStep$1,
-      window: targetWindow
-    });
-    const { ErrorIcon, WarningIcon, CompletedIcon, ActiveIcon, PendingIcon } = core.useIcon();
-    const { activeStep, totalSteps, isWithinSteppedTracker } = SteppedTrackerContext.useSteppedTrackerContext();
-    const stepNumber = SteppedTrackerContext.useTrackerStepContext();
-    useCheckWithinSteppedTracker(isWithinSteppedTracker);
-    const isActive = activeStep === stepNumber;
-    const iconName = parseIconName({ stage, status, active: isActive });
-    const iconMap = {
-      pending: PendingIcon,
-      active: ActiveIcon,
-      completed: CompletedIcon,
-      warning: WarningIcon,
-      error: ErrorIcon
-    };
-    const Icon = iconMap[iconName];
-    const connectorState = activeStep > stepNumber ? "active" : "default";
-    const hasConnector = stepNumber < totalSteps - 1;
-    const innerStyle = {
-      ...style,
-      "--saltTrackerStep-width": `${100 / totalSteps}%`
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "li",
-      {
-        className: clsx.clsx(
-          withBaseName(),
-          withBaseName(`stage-${stage}`),
-          withBaseName(`status-${status}`),
-          { [withBaseName("active")]: isActive },
-          className
-        ),
-        style: innerStyle,
-        "aria-current": isActive ? "step" : void 0,
-        ref,
-        ...restProps,
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(Icon, {}),
-          hasConnector && /* @__PURE__ */ jsxRuntime.jsx(TrackerConnector.TrackerConnector, { state: connectorState }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: withBaseName("body"), children })
-        ]
-      }
-    );
-  }
-);
-
-exports.TrackerStep = TrackerStep;
-//# sourceMappingURL=TrackerStep.js.map

package/dist-cjs/stepped-tracker/TrackerStep/TrackerStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrackerStep.js","sources":["../src/stepped-tracker/TrackerStep/TrackerStep.tsx"],"sourcesContent":["import { type ValidationStatus, makePrefixer, useIcon } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef, useEffect } from \"react\";\nimport { TrackerConnector } from \"../TrackerConnector\";\n\nimport {\n  useSteppedTrackerContext,\n  useTrackerStepContext,\n} from \"../SteppedTrackerContext\";\n\nimport trackerStepCss from \"./TrackerStep.css\";\n\nconst withBaseName = makePrefixer(\"saltTrackerStep\");\n\ntype StageOptions = \"pending\" | \"completed\";\ntype StatusOptions = Extract<ValidationStatus, \"warning\" | \"error\">;\n\nexport interface TrackerStepProps extends ComponentPropsWithoutRef<\"li\"> {\n  /**\n   * The stage of the step: \"pending\" or \"completed\" (note, \"active\" is derived from \"activeStep\" in parent SteppedTracker component)\n   */\n  stage?: StageOptions;\n  /**\n   * The status of the step: warning or error\n   *\n   * If the stage is completed or active, the status prop will be ignored\n   */\n  status?: StatusOptions;\n}\n\nconst useCheckWithinSteppedTracker = (isWithinSteppedTracker: boolean) => {\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (!isWithinSteppedTracker) {\n        console.error(\n          \"The TrackerStep component must be placed within a SteppedTracker component\",\n        );\n      }\n    }\n  }, [isWithinSteppedTracker]);\n};\n\nconst parseIconName = ({\n  stage,\n  status,\n  active,\n}: {\n  stage: StageOptions;\n  status?: StatusOptions;\n  active: boolean;\n}) => {\n  if (stage === \"completed\") return \"completed\";\n  if (active) return \"active\";\n  if (status) return status;\n  return stage;\n};\n\nexport const TrackerStep = forwardRef<HTMLLIElement, TrackerStepProps>(\n  function TrackerStep(props, ref) {\n    const {\n      stage = \"pending\",\n      status,\n      style,\n      className,\n      children,\n      ...restProps\n    } = props;\n\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-tracker-step\",\n      css: trackerStepCss,\n      window: targetWindow,\n    });\n    const { ErrorIcon, WarningIcon, CompletedIcon, ActiveIcon, PendingIcon } =\n      useIcon();\n    const { activeStep, totalSteps, isWithinSteppedTracker } =\n      useSteppedTrackerContext();\n    const stepNumber = useTrackerStepContext();\n\n    useCheckWithinSteppedTracker(isWithinSteppedTracker);\n\n    const isActive = activeStep === stepNumber;\n    const iconName = parseIconName({ stage, status, active: isActive });\n    const iconMap = {\n      pending: PendingIcon,\n      active: ActiveIcon,\n      completed: CompletedIcon,\n      warning: WarningIcon,\n      error: ErrorIcon,\n    };\n\n    const Icon = iconMap[iconName];\n    const connectorState = activeStep > stepNumber ? \"active\" : \"default\";\n    const hasConnector = stepNumber < totalSteps - 1;\n\n    const innerStyle = {\n      ...style,\n      \"--saltTrackerStep-width\": `${100 / totalSteps}%`,\n    };\n\n    return (\n      <li\n        className={clsx(\n          withBaseName(),\n          withBaseName(`stage-${stage}`),\n          withBaseName(`status-${status}`),\n          { [withBaseName(\"active\")]: isActive },\n          className,\n        )}\n        style={innerStyle}\n        aria-current={isActive ? \"step\" : undefined}\n        ref={ref}\n        {...restProps}\n      >\n        <Icon />\n        {hasConnector && <TrackerConnector state={connectorState} />}\n        <div className={withBaseName(\"body\")}>{children}</div>\n      </li>\n    );\n  },\n);\n"],"names":["makePrefixer","useEffect","forwardRef","TrackerStep","useWindow","useComponentCssInjection","trackerStepCss","useIcon","useSteppedTrackerContext","useTrackerStepContext","jsxs","clsx","jsx","TrackerConnector"],"mappings":"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"}

package/dist-es/skip-link/SkipLinks.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltSkipLinks {\n  position: relative;\n  float: left;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=SkipLinks.css.js.map

package/dist-es/skip-link/SkipLinks.css.js.map

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

package/dist-es/skip-link/SkipLinks.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import css_248z from './SkipLinks.css.js';
-
-const withBaseName = makePrefixer("saltSkipLinks");
-const SkipLinks = forwardRef(function SkipLinks2(props, ref) {
-  const { className, children, ...restProps } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-skip-links",
-    css: css_248z,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx("ul", { ...restProps, className: clsx(withBaseName(), className), ref, children });
-});
-
-export { SkipLinks };
-//# sourceMappingURL=SkipLinks.js.map

package/dist-es/skip-link/SkipLinks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkipLinks.js","sources":["../src/skip-link/SkipLinks.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\nimport { type HTMLAttributes, forwardRef } from \"react\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport skipLinksCss from \"./SkipLinks.css\";\n\nconst withBaseName = makePrefixer(\"saltSkipLinks\");\n\nexport const SkipLinks = forwardRef<\n  HTMLUListElement,\n  HTMLAttributes<HTMLUListElement>\n>(function SkipLinks(props, ref) {\n  const { className, children, ...restProps } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-skip-links\",\n    css: skipLinksCss,\n    window: targetWindow,\n  });\n\n  return (\n    <ul {...restProps} className={clsx(withBaseName(), className)} ref={ref}>\n      {children}\n    </ul>\n  );\n});\n"],"names":["SkipLinks","skipLinksCss"],"mappings":";;;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAE1C,MAAM,SAAY,GAAA,UAAA,CAGvB,SAASA,UAAAA,CAAU,OAAO,GAAK,EAAA;AAC/B,EAAA,MAAM,EAAE,SAAA,EAAW,QAAU,EAAA,GAAG,WAAc,GAAA,KAAA;AAC9C,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAG,SAAW,EAAA,SAAA,EAAW,IAAK,CAAA,YAAA,EAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAC5D,QACH,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltStepLabel {\n  width: 100%;\n}\n\n.saltSteppedTracker.saltSteppedTracker-horizontal .saltStepLabel {\n  text-align: center;\n}\n\n.saltSteppedTracker.saltSteppedTracker-vertical .saltStepLabel {\n  text-align: left;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=StepLabel.css.js.map

package/dist-es/stepped-tracker/StepLabel/StepLabel.css.js.map

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

package/dist-es/stepped-tracker/StepLabel/StepLabel.js

@@ -1,23 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer, Label } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef } from 'react';
-import css_248z from './StepLabel.css.js';
-
-const withBaseName = makePrefixer("saltStepLabel");
-const StepLabel = forwardRef(
-  function StepLabel2({ children, className, ...rest }, ref) {
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-step-label",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(Label, { className: clsx(withBaseName(), className), ref, ...rest, children: /* @__PURE__ */ jsx("strong", { children }) });
-  }
-);
-
-export { StepLabel };
-//# sourceMappingURL=StepLabel.js.map

package/dist-es/stepped-tracker/StepLabel/StepLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepLabel.js","sources":["../src/stepped-tracker/StepLabel/StepLabel.tsx"],"sourcesContent":["import { Label, type TextProps, makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ReactNode, forwardRef } from \"react\";\n\nimport stepLabelCss from \"./StepLabel.css\";\n\nconst withBaseName = makePrefixer(\"saltStepLabel\");\n\nexport interface StepLabelProps extends TextProps<\"label\"> {\n  /**\n   * The content of Step Label\n   */\n  children?: ReactNode;\n}\n\nexport const StepLabel = forwardRef<HTMLLabelElement, StepLabelProps>(\n  function StepLabel({ children, className, ...rest }, ref) {\n    const targetWindow = useWindow();\n    useComponentCssInjection({\n      testId: \"salt-step-label\",\n      css: stepLabelCss,\n      window: targetWindow,\n    });\n\n    return (\n      <Label className={clsx(withBaseName(), className)} ref={ref} {...rest}>\n        <strong>{children}</strong>\n      </Label>\n    );\n  },\n);\n"],"names":["StepLabel","stepLabelCss"],"mappings":";;;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,eAAe,CAAA;AAS1C,MAAM,SAAY,GAAA,UAAA;AAAA,EACvB,SAASA,WAAU,EAAE,QAAA,EAAU,WAAW,GAAG,IAAA,IAAQ,GAAK,EAAA;AACxD,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,iBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAM,SAAW,EAAA,IAAA,CAAK,cAAgB,EAAA,SAAS,CAAG,EAAA,GAAA,EAAW,GAAG,IAAA,EAC/D,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA,EAAQ,UAAS,CACpB,EAAA,CAAA;AAAA;AAGN;;;;"}

package/dist-es/stepped-tracker/SteppedTrackerContext.js

@@ -1,38 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useMemo, useContext } from 'react';
-
-const defaultSteppedTrackerContext = {
-  activeStep: 0,
-  totalSteps: 1,
-  isWithinSteppedTracker: false
-};
-const SteppedTrackerContext = createContext(
-  defaultSteppedTrackerContext
-);
-const SteppedTrackerProvider = ({
-  activeStep,
-  totalSteps,
-  children
-}) => {
-  const steppedTrackerContextValue = useMemo(
-    () => ({
-      activeStep,
-      totalSteps,
-      isWithinSteppedTracker: true
-    }),
-    [activeStep, totalSteps]
-  );
-  return /* @__PURE__ */ jsx(SteppedTrackerContext.Provider, { value: steppedTrackerContextValue, children });
-};
-const useSteppedTrackerContext = () => useContext(SteppedTrackerContext);
-const TrackerStepContext = createContext(0);
-const useTrackerStepContext = () => useContext(TrackerStepContext);
-const TrackerStepProvider = ({
-  children,
-  stepNumber
-}) => {
-  return /* @__PURE__ */ jsx(TrackerStepContext.Provider, { value: stepNumber, children });
-};
-
-export { SteppedTrackerProvider, TrackerStepProvider, useSteppedTrackerContext, useTrackerStepContext };
-//# sourceMappingURL=SteppedTrackerContext.js.map

package/dist-es/stepped-tracker/SteppedTrackerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SteppedTrackerContext.js","sources":["../src/stepped-tracker/SteppedTrackerContext.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext, useMemo } from \"react\";\n\nexport interface SteppedTrackerContextType {\n  activeStep: number;\n  totalSteps: number;\n  isWithinSteppedTracker: boolean;\n}\n\nconst defaultSteppedTrackerContext = {\n  activeStep: 0,\n  totalSteps: 1,\n  isWithinSteppedTracker: false,\n};\n\nconst SteppedTrackerContext = createContext(\n  defaultSteppedTrackerContext as unknown as SteppedTrackerContextType,\n);\n\ntype SteppedTrackerProviderProps = Omit<\n  SteppedTrackerContextType,\n  \"isWithinSteppedTracker\"\n> & {\n  children: ReactNode;\n};\n\nexport const SteppedTrackerProvider = ({\n  activeStep,\n  totalSteps,\n  children,\n}: SteppedTrackerProviderProps) => {\n  const steppedTrackerContextValue: SteppedTrackerContextType = useMemo(\n    () => ({\n      activeStep,\n      totalSteps,\n      isWithinSteppedTracker: true,\n    }),\n    [activeStep, totalSteps],\n  );\n\n  return (\n    <SteppedTrackerContext.Provider value={steppedTrackerContextValue}>\n      {children}\n    </SteppedTrackerContext.Provider>\n  );\n};\n\nexport const useSteppedTrackerContext = () => useContext(SteppedTrackerContext);\n\ntype TrackerStepNumberContextType = number;\n\nconst TrackerStepContext = createContext<TrackerStepNumberContextType>(0);\n\nexport const useTrackerStepContext = () => useContext(TrackerStepContext);\n\ninterface TrackerStepProviderProps {\n  stepNumber: number;\n  children: ReactNode;\n}\n\nexport const TrackerStepProvider = ({\n  children,\n  stepNumber,\n}: TrackerStepProviderProps) => {\n  return (\n    <TrackerStepContext.Provider value={stepNumber}>\n      {children}\n    </TrackerStepContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;AAQA,MAAM,4BAA+B,GAAA;AAAA,EACnC,UAAY,EAAA,CAAA;AAAA,EACZ,UAAY,EAAA,CAAA;AAAA,EACZ,sBAAwB,EAAA;AAC1B,CAAA;AAEA,MAAM,qBAAwB,GAAA,aAAA;AAAA,EAC5B;AACF,CAAA;AASO,MAAM,yBAAyB,CAAC;AAAA,EACrC,UAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAmC,KAAA;AACjC,EAAA,MAAM,0BAAwD,GAAA,OAAA;AAAA,IAC5D,OAAO;AAAA,MACL,UAAA;AAAA,MACA,UAAA;AAAA,MACA,sBAAwB,EAAA;AAAA,KAC1B,CAAA;AAAA,IACA,CAAC,YAAY,UAAU;AAAA,GACzB;AAEA,EAAA,2BACG,qBAAsB,CAAA,QAAA,EAAtB,EAA+B,KAAA,EAAO,4BACpC,QACH,EAAA,CAAA;AAEJ;AAEa,MAAA,wBAAA,GAA2B,MAAM,UAAA,CAAW,qBAAqB;AAI9E,MAAM,kBAAA,GAAqB,cAA4C,CAAC,CAAA;AAE3D,MAAA,qBAAA,GAAwB,MAAM,UAAA,CAAW,kBAAkB;AAOjE,MAAM,sBAAsB,CAAC;AAAA,EAClC,QAAA;AAAA,EACA;AACF,CAAgC,KAAA;AAC9B,EAAA,2BACG,kBAAmB,CAAA,QAAA,EAAnB,EAA4B,KAAA,EAAO,YACjC,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltTrackerConnector {\n  --trackerConnector-style-default: var(--saltTrackerConnector-style-default, var(--salt-track-borderStyle-incomplete));\n  --trackerConnector-style-active: var(--saltTrackerConnector-style-active, var(--salt-track-borderStyle-active));\n  --trackerConnector-color: var(--saltTrackerConnector-color, var(--salt-track-borderColor));\n  --trackerConnector-thickness: var(--saltTrackerConnector-thickness, var(--salt-size-border-strong));\n  --trackerConnector-margin: var(--saltTrackerConnector-margin, var(--salt-spacing-100));\n  --trackerConnector-style-border: var(--trackerConnector-style-default);\n}\n\n.saltTrackerConnector {\n  position: absolute;\n}\n\n.saltSteppedTracker.saltSteppedTracker-horizontal .saltTrackerConnector {\n  border-top-width: var(--trackerConnector-thickness);\n  border-top-style: var(--trackerConnector-style-border);\n  border-top-color: var(--trackerConnector-color);\n  width: calc(100% - (var(--saltIcon-size)) - (var(--trackerConnector-margin) * 2));\n  left: calc(50% + (var(--saltIcon-size) / 2) + var(--trackerConnector-margin));\n  top: calc(var(--saltIcon-size) / 2 - (var(--trackerConnector-thickness) / 2));\n  height: 0;\n}\n\n.saltSteppedTracker.saltSteppedTracker-vertical .saltTrackerConnector {\n  top: calc(50% + (var(--saltIcon-size) / 2) + var(--trackerConnector-margin));\n  left: calc((var(--saltIcon-size) / 2) - (var(--trackerConnector-thickness) / 2));\n  height: calc(100% - (var(--saltIcon-size)) - (var(--trackerConnector-margin) * 2));\n  border-left-width: var(--trackerConnector-thickness);\n  border-left-style: var(--trackerConnector-style-border);\n  border-left-color: var(--trackerConnector-color);\n}\n\n.saltTrackerConnector.saltTrackerConnector-active {\n  --trackerConnector-style-border: var(--trackerConnector-style-active);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TrackerConnector.css.js.map

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.css.js.map

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

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js

@@ -1,20 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { clsx } from 'clsx';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import css_248z from './TrackerConnector.css.js';
-
-const withBaseName = makePrefixer("saltTrackerConnector");
-const TrackerConnector = ({ state }) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "salt-tracker-connector",
-    css: css_248z,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx("span", { className: clsx(withBaseName(), withBaseName(state)) });
-};
-
-export { TrackerConnector };
-//# sourceMappingURL=TrackerConnector.js.map

package/dist-es/stepped-tracker/TrackerConnector/TrackerConnector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrackerConnector.js","sources":["../src/stepped-tracker/TrackerConnector/TrackerConnector.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { clsx } from \"clsx\";\n\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport trackerConnectorCss from \"./TrackerConnector.css\";\n\nconst withBaseName = makePrefixer(\"saltTrackerConnector\");\n\ntype ConnectorState = \"default\" | \"active\";\n\ninterface TrackerConnectorProps {\n  /**\n   * The state of the connector, which acts as an indicator of whether the active step is ahead/behind\n   */\n  state: ConnectorState;\n}\n\nexport const TrackerConnector = ({ state }: TrackerConnectorProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-tracker-connector\",\n    css: trackerConnectorCss,\n    window: targetWindow,\n  });\n\n  return <span className={clsx(withBaseName(), withBaseName(state))} />;\n};\n"],"names":["trackerConnectorCss"],"mappings":";;;;;;;AAQA,MAAM,YAAA,GAAe,aAAa,sBAAsB,CAAA;AAWjD,MAAM,gBAAmB,GAAA,CAAC,EAAE,KAAA,EAAmC,KAAA;AACpE,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAO,uBAAA,GAAA,CAAC,UAAK,SAAW,EAAA,IAAA,CAAK,cAAgB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAG,EAAA,CAAA;AACrE;;;;"}

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltTrackerStep {\n  --trackerStep-icon-color-active: var(--saltTrackerStep-icon-color-active, var(--salt-status-info-foreground-decorative));\n  --trackerStep-icon-color-completed: var(--saltTrackerStep-icon-color-completed, var(--salt-status-success-foreground-decorative));\n  --trackerStep-icon-color-warning: var(--saltTrackerStep-icon-color-warning, var(--salt-status-warning-foreground-decorative));\n  --trackerStep-icon-color-error: var(--saltTrackerStep-icon-color-error, var(--salt-status-error-foreground-decorative));\n\n  --trackerStep-icon-color: var(--saltTrackerStep-icon-color, var(--salt-status-static-foreground));\n\n  --saltIcon-color: var(--trackerStep-icon-color);\n  /* We redefine Icon Size so we can use it in calc functions in the trackerConnector */\n  --saltIcon-size: var(--saltTrackerStep-icon-size, max(var(--salt-size-icon), 12px));\n}\n\n.saltTrackerStep {\n  margin: 0;\n  text-indent: 0;\n  list-style-type: none;\n  flex: 1;\n  position: relative;\n  display: flex;\n  align-items: center;\n  width: var(--saltTrackerStep-width, 100%);\n  gap: var(--salt-spacing-50);\n  color: var(--salt-content-primary-foreground);\n  font-size: var(--salt-text-label-fontSize);\n  line-height: var(--salt-text-label-lineHeight);\n}\n\n.saltSteppedTracker.saltSteppedTracker-horizontal .saltTrackerStep {\n  flex-direction: column;\n  padding: 0 var(--salt-spacing-25);\n}\n\n.saltSteppedTracker.saltSteppedTracker-vertical .saltTrackerStep {\n  flex-direction: row;\n  min-height: calc(var(--salt-size-base) * 2);\n  width: 100%;\n}\n\n/* Pseudo-class applied to the root element on focus */\n.saltTrackerStep:focus-visible {\n  outline-style: var(--salt-focused-outlineStyle);\n  outline-width: var(--salt-focused-outlineWidth);\n  outline-color: var(--salt-focused-outlineColor);\n  outline-offset: var(--salt-focused-outlineOffset);\n}\n\n.saltTrackerStep .saltTrackerStep-body {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n\n.saltTrackerStep.saltTrackerStep-status-warning {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-warning);\n}\n\n.saltTrackerStep.saltTrackerStep-status-error {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-error);\n}\n\n.saltTrackerStep.saltTrackerStep-active {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-active);\n}\n\n.saltTrackerStep.saltTrackerStep-stage-completed {\n  --trackerStep-icon-color: var(--trackerStep-icon-color-completed);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=TrackerStep.css.js.map

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.css.js.map

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

package/dist-es/stepped-tracker/TrackerStep/TrackerStep.js

@@ -1,94 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useIcon } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useEffect } from 'react';
-import { TrackerConnector } from '../TrackerConnector/TrackerConnector.js';
-import { useSteppedTrackerContext, useTrackerStepContext } from '../SteppedTrackerContext.js';
-import css_248z from './TrackerStep.css.js';
-
-const withBaseName = makePrefixer("saltTrackerStep");
-const useCheckWithinSteppedTracker = (isWithinSteppedTracker) => {
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (!isWithinSteppedTracker) {
-        console.error(
-          "The TrackerStep component must be placed within a SteppedTracker component"
-        );
-      }
-    }
-  }, [isWithinSteppedTracker]);
-};
-const parseIconName = ({
-  stage,
-  status,
-  active
-}) => {
-  if (stage === "completed") return "completed";
-  if (active) return "active";
-  if (status) return status;
-  return stage;
-};
-const TrackerStep = forwardRef(
-  function TrackerStep2(props, ref) {
-    const {
-      stage = "pending",
-      status,
-      style,
-      className,
-      children,
-      ...restProps
-    } = props;
-    const targetWindow = useWindow();
-    useComponentCssInjection({
-      testId: "salt-tracker-step",
-      css: css_248z,
-      window: targetWindow
-    });
-    const { ErrorIcon, WarningIcon, CompletedIcon, ActiveIcon, PendingIcon } = useIcon();
-    const { activeStep, totalSteps, isWithinSteppedTracker } = useSteppedTrackerContext();
-    const stepNumber = useTrackerStepContext();
-    useCheckWithinSteppedTracker(isWithinSteppedTracker);
-    const isActive = activeStep === stepNumber;
-    const iconName = parseIconName({ stage, status, active: isActive });
-    const iconMap = {
-      pending: PendingIcon,
-      active: ActiveIcon,
-      completed: CompletedIcon,
-      warning: WarningIcon,
-      error: ErrorIcon
-    };
-    const Icon = iconMap[iconName];
-    const connectorState = activeStep > stepNumber ? "active" : "default";
-    const hasConnector = stepNumber < totalSteps - 1;
-    const innerStyle = {
-      ...style,
-      "--saltTrackerStep-width": `${100 / totalSteps}%`
-    };
-    return /* @__PURE__ */ jsxs(
-      "li",
-      {
-        className: clsx(
-          withBaseName(),
-          withBaseName(`stage-${stage}`),
-          withBaseName(`status-${status}`),
-          { [withBaseName("active")]: isActive },
-          className
-        ),
-        style: innerStyle,
-        "aria-current": isActive ? "step" : void 0,
-        ref,
-        ...restProps,
-        children: [
-          /* @__PURE__ */ jsx(Icon, {}),
-          hasConnector && /* @__PURE__ */ jsx(TrackerConnector, { state: connectorState }),
-          /* @__PURE__ */ jsx("div", { className: withBaseName("body"), children })
-        ]
-      }
-    );
-  }
-);
-
-export { TrackerStep };
-//# sourceMappingURL=TrackerStep.js.map