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

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

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

package/dist-es/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":["stepDescriptionCSS"],"mappings":";;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,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,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,uBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;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-es/stepped-tracker/Step.ExpandTrigger.css.js

@@ -1,4 +0,0 @@
-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";
-
-export { css_248z as default };
-//# sourceMappingURL=Step.ExpandTrigger.css.js.map

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

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

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

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

package/dist-es/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":["stepExpandTriggerCSS"],"mappings":";;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,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,GAAI,OAAQ,EAAA;AAC7C,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,0BAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,MAAA;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,uBAAY,YAAa,EAAA,EAAA,aAAA,EAAW,MAAC,CAAK,mBAAA,GAAA,CAAC,UAAW,EAAA,EAAA,aAAA,EAAW,IAAC,EAAA;AAAA;AAAA,GACrE;AAEJ;;;;"}

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

@@ -1,4 +0,0 @@
-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";
-
-export { css_248z as default };
-//# sourceMappingURL=Step.Icon.css.js.map

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

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

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

@@ -1,55 +0,0 @@
-import { 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 { useMemo } from 'react';
-import css_248z from './Step.Icon.css.js';
-
-const withBaseName = makePrefixer("saltStepIcon");
-function StepIcon({
-  status,
-  stage,
-  size,
-  sizeMultiplier = size || 1.5,
-  className,
-  ...props
-}) {
-  const targetWindow = useWindow();
-  const IconComponent = useStepIcon({ stage, status });
-  useComponentCssInjection({
-    testId: "salt-step-icon",
-    css: css_248z,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx(
-    IconComponent,
-    {
-      size: sizeMultiplier,
-      className: clsx(withBaseName(), className),
-      ...props
-    }
-  );
-}
-function useStepIcon({
-  stage,
-  status
-}) {
-  const icons = useIcon();
-  const stepIconMap = 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];
-}
-
-export { StepIcon };
-//# sourceMappingURL=Step.Icon.js.map

package/dist-es/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":["stepIconCSS"],"mappings":";;;;;;;;AAiBA,MAAM,YAAA,GAAe,aAAa,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,eAAe,SAAU,EAAA;AAC/B,EAAA,MAAM,aAAgB,GAAA,WAAA,CAAY,EAAE,KAAA,EAAO,QAAQ,CAAA;AAEnD,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;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,QAAQ,OAAQ,EAAA;AAEtB,EAAA,MAAM,WAAc,GAAA,OAAA;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-es/stepped-tracker/Step.Label.css.js

@@ -1,4 +0,0 @@
-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";
-
-export { css_248z as default };
-//# sourceMappingURL=Step.Label.css.js.map

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

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

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

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

package/dist-es/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":["stepLabelCSS"],"mappings":";;;;;;;AASA,MAAM,YAAA,GAAe,aAAa,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,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;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-es/stepped-tracker/Step.SROnly.css.js

@@ -1,4 +0,0 @@
-var css_248z = ".saltStepSROnly {\n  position: fixed;\n  top: 0;\n  left: 0;\n  transform: translate(-100%, -100%);\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=Step.SROnly.css.js.map

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

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

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

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

package/dist-es/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":["stepSROnlyCSS"],"mappings":";;;;;;AAOA,MAAM,YAAA,GAAe,aAAa,gBAAgB,CAAA;AAM3C,SAAS,UAAW,CAAA,EAAE,QAAU,EAAA,GAAG,OAA0B,EAAA;AAClE,EAAA,MAAM,eAAe,SAAU,EAAA;AAE/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAAA,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,2BACG,KAAI,EAAA,EAAA,SAAA,EAAW,cAAiB,EAAA,GAAG,OACjC,QACH,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +0,0 @@
-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";
-
-export { css_248z as default };
-//# sourceMappingURL=Step.css.js.map

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

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

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

@@ -1,159 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { makePrefixer, useId, useControlled } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import clsx from 'clsx';
-import { useContext, useEffect } from 'react';
-import { StepConnector } from './Step.Connector.js';
-import { StepDescription } from './Step.Description.js';
-import { StepExpandTrigger } from './Step.ExpandTrigger.js';
-import { StepIcon } from './Step.Icon.js';
-import { StepLabel } from './Step.Label.js';
-import { StepSROnly } from './Step.SROnly.js';
-import css_248z from './Step.css.js';
-import { SteppedTracker } from './SteppedTracker.js';
-import { DepthContext } from './SteppedTracker.Provider.js';
-
-const withBaseName = makePrefixer("saltStep");
-function Step({
-  id: idProp,
-  label,
-  description,
-  status,
-  stage = "pending",
-  expanded: expandedProp,
-  defaultExpanded,
-  onToggle,
-  className,
-  style,
-  substeps,
-  children,
-  ...props
-}) {
-  const id = useId(idProp);
-  const targetWindow = useWindow();
-  const depth = useContext(DepthContext);
-  const [expanded, setExpanded] = useControlled({
-    name: "Step",
-    state: "expanded",
-    controlled: expandedProp,
-    default: Boolean(defaultExpanded)
-  });
-  useComponentCssInjection({
-    testId: "salt-step",
-    css: css_248z,
-    window: targetWindow
-  });
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "production") {
-      if (depth === -1) {
-        console.warn(
-          "<Step /> should be used within a <SteppedTracker /> component!"
-        );
-      }
-      if (depth > 2) {
-        console.warn("<Step /> should not be nested more than 2 levels deep!");
-      }
-    }
-  }, [depth]);
-  const ariaCurrent = stage === "active" ? "step" : void 0;
-  const iconSizeMultiplier = depth === 0 ? 1.5 : 1;
-  const hasNestedSteps = !!children || !!substeps;
-  const state = status || stage;
-  const labelId = `${id}-label`;
-  const descriptionId = `${id}-description`;
-  const expandTriggerId = `${id}-expand-trigger`;
-  const nestedSteppedTrackerId = `${id}-nested-stepped-tracker`;
-  const srOnly = {
-    stateId: `${id}-sr-only-state`,
-    stateText: state !== "active" ? state : void 0,
-    substepsId: `${id}-sr-only-substeps`,
-    substepsText: "substeps",
-    toggleSubstepsId: `${id}-sr-only-toggle-substeps`,
-    toggleSubstepsText: "toggle substeps"
-  };
-  return /* @__PURE__ */ jsxs(
-    "li",
-    {
-      id,
-      "data-stage": stage,
-      "data-status": status,
-      "data-depth": depth,
-      "aria-current": ariaCurrent,
-      className: clsx(
-        withBaseName(),
-        withBaseName(`stage-${stage}`),
-        withBaseName(`depth-${depth}`),
-        status && withBaseName(`status-${status}`),
-        !hasNestedSteps && withBaseName("terminal"),
-        hasNestedSteps && expanded && withBaseName("expanded"),
-        hasNestedSteps && !expanded && withBaseName("collapsed"),
-        className
-      ),
-      style: {
-        "--saltStep-depth": depth,
-        ...style
-      },
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxs(StepSROnly, { children: [
-          label,
-          " ",
-          description,
-          " ",
-          srOnly.stateText
-        ] }),
-        /* @__PURE__ */ jsx(StepSROnly, { id: srOnly.toggleSubstepsId, "aria-hidden": true, children: srOnly.toggleSubstepsText }),
-        /* @__PURE__ */ jsx(StepSROnly, { id: srOnly.substepsId, "aria-hidden": true, children: srOnly.substepsText }),
-        /* @__PURE__ */ jsx(StepSROnly, { id: srOnly.stateId, "aria-hidden": true, children: srOnly.stateText }),
-        /* @__PURE__ */ jsx(StepConnector, {}),
-        /* @__PURE__ */ jsx(
-          StepIcon,
-          {
-            stage,
-            status,
-            sizeMultiplier: iconSizeMultiplier,
-            "aria-hidden": true
-          }
-        ),
-        label && /* @__PURE__ */ jsx(StepLabel, { id: labelId, "aria-hidden": true, children: label }),
-        description && /* @__PURE__ */ jsx(StepDescription, { id: descriptionId, "aria-hidden": true, children: description }),
-        hasNestedSteps && /* @__PURE__ */ jsx(
-          StepExpandTrigger,
-          {
-            id: expandTriggerId,
-            "aria-expanded": expanded,
-            "aria-controls": nestedSteppedTrackerId,
-            "aria-labelledby": [
-              labelId,
-              descriptionId,
-              srOnly.stateId,
-              srOnly.toggleSubstepsId
-            ].join(" "),
-            expanded,
-            onClick: (event) => {
-              onToggle == null ? void 0 : onToggle(event);
-              setExpanded(!expanded);
-            }
-          }
-        ),
-        hasNestedSteps && /* @__PURE__ */ jsxs(
-          SteppedTracker,
-          {
-            id: nestedSteppedTrackerId,
-            "aria-labelledby": [labelId, srOnly.substepsId].join(" "),
-            "aria-hidden": !expanded,
-            hidden: !expanded,
-            children: [
-              children,
-              substeps == null ? void 0 : substeps.map((step) => /* @__PURE__ */ jsx(Step, { ...step }, step.id))
-            ]
-          }
-        )
-      ]
-    }
-  );
-}
-
-export { Step };
-//# sourceMappingURL=Step.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Step.js","sources":["../src/stepped-tracker/Step.tsx"],"sourcesContent":["import { makePrefixer, useControlled, useId } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport clsx from \"clsx\";\nimport { type CSSProperties, useContext, useEffect } from \"react\";\n\nimport { StepConnector } from \"./Step.Connector\";\nimport { StepDescription } from \"./Step.Description\";\nimport { StepExpandTrigger } from \"./Step.ExpandTrigger\";\nimport { StepIcon } from \"./Step.Icon\";\nimport { StepLabel } from \"./Step.Label\";\nimport { StepSROnly } from \"./Step.SROnly\";\nimport stepCSS from \"./Step.css\";\nimport { SteppedTracker } from \"./SteppedTracker\";\nimport { DepthContext } from \"./SteppedTracker.Provider\";\n\nimport type { StepProps } from \"./Step.types\";\n\nconst withBaseName = makePrefixer(\"saltStep\");\n\nexport function Step({\n  id: idProp,\n  label,\n  description,\n  status,\n  stage = \"pending\",\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n  className,\n  style,\n  substeps,\n  children,\n  ...props\n}: StepProps) {\n  const id = useId(idProp);\n  const targetWindow = useWindow();\n  const depth = useContext(DepthContext);\n\n  const [expanded, setExpanded] = useControlled({\n    name: \"Step\",\n    state: \"expanded\",\n    controlled: expandedProp,\n    default: Boolean(defaultExpanded),\n  });\n\n  useComponentCssInjection({\n    testId: \"salt-step\",\n    css: stepCSS,\n    window: targetWindow,\n  });\n\n  useEffect(() => {\n    if (process.env.NODE_ENV !== \"production\") {\n      if (depth === -1) {\n        console.warn(\n          \"<Step /> should be used within a <SteppedTracker /> component!\",\n        );\n      }\n\n      if (depth > 2) {\n        console.warn(\"<Step /> should not be nested more than 2 levels deep!\");\n      }\n    }\n  }, [depth]);\n\n  const ariaCurrent = stage === \"active\" ? \"step\" : undefined;\n  const iconSizeMultiplier = depth === 0 ? 1.5 : 1;\n  const hasNestedSteps = !!children || !!substeps;\n  const state = status || stage;\n\n  const labelId = `${id}-label`;\n  const descriptionId = `${id}-description`;\n  const expandTriggerId = `${id}-expand-trigger`;\n  const nestedSteppedTrackerId = `${id}-nested-stepped-tracker`;\n\n  const srOnly = {\n    stateId: `${id}-sr-only-state`,\n    stateText: state !== \"active\" ? state : undefined,\n    substepsId: `${id}-sr-only-substeps`,\n    substepsText: \"substeps\",\n    toggleSubstepsId: `${id}-sr-only-toggle-substeps`,\n    toggleSubstepsText: \"toggle substeps\",\n  };\n\n  return (\n    <li\n      id={id}\n      data-stage={stage}\n      data-status={status}\n      data-depth={depth}\n      aria-current={ariaCurrent}\n      className={clsx(\n        withBaseName(),\n        withBaseName(`stage-${stage}`),\n        withBaseName(`depth-${depth}`),\n        status && withBaseName(`status-${status}`),\n        !hasNestedSteps && withBaseName(\"terminal\"),\n        hasNestedSteps && expanded && withBaseName(\"expanded\"),\n        hasNestedSteps && !expanded && withBaseName(\"collapsed\"),\n        className,\n      )}\n      style={\n        {\n          \"--saltStep-depth\": depth,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      <StepSROnly>\n        {label} {description} {srOnly.stateText}\n      </StepSROnly>\n      <StepSROnly id={srOnly.toggleSubstepsId} aria-hidden>\n        {srOnly.toggleSubstepsText}\n      </StepSROnly>\n      <StepSROnly id={srOnly.substepsId} aria-hidden>\n        {srOnly.substepsText}\n      </StepSROnly>\n      <StepSROnly id={srOnly.stateId} aria-hidden>\n        {srOnly.stateText}\n      </StepSROnly>\n      <StepConnector />\n      <StepIcon\n        stage={stage}\n        status={status}\n        sizeMultiplier={iconSizeMultiplier}\n        aria-hidden\n      />\n      {label && (\n        <StepLabel id={labelId} aria-hidden>\n          {label}\n        </StepLabel>\n      )}\n      {description && (\n        <StepDescription id={descriptionId} aria-hidden>\n          {description}\n        </StepDescription>\n      )}\n      {hasNestedSteps && (\n        <StepExpandTrigger\n          id={expandTriggerId}\n          aria-expanded={expanded}\n          aria-controls={nestedSteppedTrackerId}\n          aria-labelledby={[\n            labelId,\n            descriptionId,\n            srOnly.stateId,\n            srOnly.toggleSubstepsId,\n          ].join(\" \")}\n          expanded={expanded}\n          onClick={(event) => {\n            onToggle?.(event);\n            setExpanded(!expanded);\n          }}\n        />\n      )}\n      {hasNestedSteps && (\n        <SteppedTracker\n          id={nestedSteppedTrackerId}\n          aria-labelledby={[labelId, srOnly.substepsId].join(\" \")}\n          aria-hidden={!expanded}\n          hidden={!expanded}\n        >\n          {children}\n          {substeps?.map((step) => (\n            <Step key={step.id} {...step} />\n          ))}\n        </SteppedTracker>\n      )}\n    </li>\n  );\n}\n"],"names":["stepCSS"],"mappings":"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"}

package/dist-es/stepped-tracker/SteppedTracker.Provider.js

@@ -1,15 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
-
-const DepthContext = createContext(-1);
-const OrientationContext = createContext("horizontal");
-function SteppedTrackerProvider({
-  orientation: orientationProp,
-  children
-}) {
-  const depth = useContext(DepthContext);
-  return /* @__PURE__ */ jsx(OrientationContext.Provider, { value: orientationProp, children: /* @__PURE__ */ jsx(DepthContext.Provider, { value: depth + 1, children }) });
-}
-
-export { DepthContext, OrientationContext, SteppedTrackerProvider };
-//# sourceMappingURL=SteppedTracker.Provider.js.map

package/dist-es/stepped-tracker/SteppedTracker.Provider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SteppedTracker.Provider.js","sources":["../src/stepped-tracker/SteppedTracker.Provider.tsx"],"sourcesContent":["import { type ReactNode, createContext, useContext } from \"react\";\n\nimport type { StepDepth } from \"./Step.types\";\nimport type { SteppedTrackerOrientation } from \"./SteppedTracker.types\";\n\nexport const DepthContext = createContext<StepDepth>(-1);\nexport const OrientationContext =\n  createContext<SteppedTrackerOrientation>(\"horizontal\");\n\nexport interface SteppedTrackerProviderProps {\n  orientation: SteppedTrackerOrientation;\n  children: ReactNode;\n}\n\nexport function SteppedTrackerProvider({\n  orientation: orientationProp,\n  children,\n}: SteppedTrackerProviderProps) {\n  const depth = useContext(DepthContext);\n\n  return (\n    <OrientationContext.Provider value={orientationProp}>\n      <DepthContext.Provider value={depth + 1}>\n        {children}\n      </DepthContext.Provider>\n    </OrientationContext.Provider>\n  );\n}\n"],"names":[],"mappings":";;;AAKa,MAAA,YAAA,GAAe,cAAyB,CAAE,CAAA;AAC1C,MAAA,kBAAA,GACX,cAAyC,YAAY;AAOhD,SAAS,sBAAuB,CAAA;AAAA,EACrC,WAAa,EAAA,eAAA;AAAA,EACb;AACF,CAAgC,EAAA;AAC9B,EAAM,MAAA,KAAA,GAAQ,WAAW,YAAY,CAAA;AAErC,EAAA,uBACG,GAAA,CAAA,kBAAA,CAAmB,QAAnB,EAAA,EAA4B,OAAO,eAClC,EAAA,QAAA,kBAAA,GAAA,CAAC,YAAa,CAAA,QAAA,EAAb,EAAsB,KAAA,EAAO,KAAQ,GAAA,CAAA,EACnC,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,4 +0,0 @@
-var css_248z = ".saltSteppedTracker {\n  grid-area: stepped-tracker;\n  width: 100%;\n  height: 100%;\n\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  transition-duration: var(--salt-duration-perceptible);\n  transition-timing-function: ease-in-out;\n  transition-property: opacity, visibility;\n}\n\n@media (prefers-reduced-motion) {\n  .saltSteppedTracker {\n    transition-duration: var(--salt-duration-instant);\n  }\n}\n\n.saltSteppedTracker-horizontal {\n  display: flex;\n  flex-direction: row;\n}\n\n.saltSteppedTracker-vertical {\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.saltSteppedTracker-vertical > .saltStep.saltStep-expanded > .saltSteppedTracker {\n  opacity: 1;\n  visibility: visible;\n}\n\n.saltSteppedTracker-vertical > .saltStep.saltStep-collapsed > .saltSteppedTracker {\n  opacity: 0;\n  visibility: hidden;\n}\n";
-
-export { css_248z as default };
-//# sourceMappingURL=SteppedTracker.css.js.map

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

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

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

@@ -1,34 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { makePrefixer } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { clsx } from 'clsx';
-import { forwardRef, useContext } from 'react';
-import { OrientationContext, SteppedTrackerProvider } from './SteppedTracker.Provider.js';
-import css_248z from './SteppedTracker.css.js';
-
-const withBaseName = makePrefixer("saltSteppedTracker");
-const SteppedTracker = forwardRef(
-  function SteppedTracker2({ orientation: orientationProp, children, className, ...props }, ref) {
-    const targetWindow = useWindow();
-    const orientationContext = useContext(OrientationContext);
-    const orientation = orientationProp || orientationContext;
-    useComponentCssInjection({
-      testId: "salt-SteppedTracker",
-      css: css_248z,
-      window: targetWindow
-    });
-    return /* @__PURE__ */ jsx(SteppedTrackerProvider, { orientation, children: /* @__PURE__ */ jsx(
-      "ol",
-      {
-        className: clsx(withBaseName(), withBaseName(orientation), className),
-        ref,
-        ...props,
-        children
-      }
-    ) });
-  }
-);
-
-export { SteppedTracker };
-//# sourceMappingURL=SteppedTracker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SteppedTracker.js","sources":["../src/stepped-tracker/SteppedTracker.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useContext } from \"react\";\n\nimport {\n  OrientationContext,\n  SteppedTrackerProvider,\n} from \"./SteppedTracker.Provider\";\nimport SteppedTrackerCSS from \"./SteppedTracker.css\";\nimport type { SteppedTrackerProps } from \"./SteppedTracker.types\";\n\nconst withBaseName = makePrefixer(\"saltSteppedTracker\");\n\nexport const SteppedTracker = forwardRef<HTMLOListElement, SteppedTrackerProps>(\n  function SteppedTracker(\n    { orientation: orientationProp, children, className, ...props },\n    ref,\n  ) {\n    const targetWindow = useWindow();\n    const orientationContext = useContext(OrientationContext);\n    const orientation = orientationProp || orientationContext;\n\n    useComponentCssInjection({\n      testId: \"salt-SteppedTracker\",\n      css: SteppedTrackerCSS,\n      window: targetWindow,\n    });\n\n    return (\n      <SteppedTrackerProvider orientation={orientation}>\n        <ol\n          className={clsx(withBaseName(), withBaseName(orientation), className)}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </ol>\n      </SteppedTrackerProvider>\n    );\n  },\n);\n"],"names":["SteppedTracker","SteppedTrackerCSS"],"mappings":";;;;;;;;;AAaA,MAAM,YAAA,GAAe,aAAa,oBAAoB,CAAA;AAE/C,MAAM,cAAiB,GAAA,UAAA;AAAA,EAC5B,SAASA,eACP,CAAA,EAAE,WAAa,EAAA,eAAA,EAAiB,UAAU,SAAW,EAAA,GAAG,KAAM,EAAA,EAC9D,GACA,EAAA;AACA,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAM,MAAA,kBAAA,GAAqB,WAAW,kBAAkB,CAAA;AACxD,IAAA,MAAM,cAAc,eAAmB,IAAA,kBAAA;AAEvC,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,qBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AAED,IACE,uBAAA,GAAA,CAAC,0BAAuB,WACtB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,WAAW,IAAK,CAAA,YAAA,IAAgB,YAAa,CAAA,WAAW,GAAG,SAAS,CAAA;AAAA,QACpE,GAAA;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KAEL,EAAA,CAAA;AAAA;AAGN;;;;"}