@salt-ds/lab 1.0.0-alpha.57 → 1.0.0-alpha.59

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

package/dist-es/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":["TrackerStep","trackerStepCss"],"mappings":";;;;;;;;;;AAcA,MAAM,YAAA,GAAe,aAAa,iBAAiB,CAAA;AAkBnD,MAAM,4BAAA,GAA+B,CAAC,sBAAoC,KAAA;AACxE,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,OAAA,CAAQ,GAAI,CAAA,QAAA,KAAa,YAAc,EAAA;AACzC,MAAA,IAAI,CAAC,sBAAwB,EAAA;AAC3B,QAAQ,OAAA,CAAA,KAAA;AAAA,UACN;AAAA,SACF;AAAA;AACF;AACF,GACF,EAAG,CAAC,sBAAsB,CAAC,CAAA;AAC7B,CAAA;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB,KAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAIM,KAAA;AACJ,EAAI,IAAA,KAAA,KAAU,aAAoB,OAAA,WAAA;AAClC,EAAA,IAAI,QAAe,OAAA,QAAA;AACnB,EAAA,IAAI,QAAe,OAAA,MAAA;AACnB,EAAO,OAAA,KAAA;AACT,CAAA;AAEO,MAAM,WAAc,GAAA,UAAA;AAAA,EACzB,SAASA,YAAY,CAAA,KAAA,EAAO,GAAK,EAAA;AAC/B,IAAM,MAAA;AAAA,MACJ,KAAQ,GAAA,SAAA;AAAA,MACR,MAAA;AAAA,MACA,KAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,GAAG;AAAA,KACD,GAAA,KAAA;AAEJ,IAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,IAAyB,wBAAA,CAAA;AAAA,MACvB,MAAQ,EAAA,mBAAA;AAAA,MACR,GAAK,EAAAC,QAAA;AAAA,MACL,MAAQ,EAAA;AAAA,KACT,CAAA;AACD,IAAA,MAAM,EAAE,SAAW,EAAA,WAAA,EAAa,eAAe,UAAY,EAAA,WAAA,KACzD,OAAQ,EAAA;AACV,IAAA,MAAM,EAAE,UAAA,EAAY,UAAY,EAAA,sBAAA,KAC9B,wBAAyB,EAAA;AAC3B,IAAA,MAAM,aAAa,qBAAsB,EAAA;AAEzC,IAAA,4BAAA,CAA6B,sBAAsB,CAAA;AAEnD,IAAA,MAAM,WAAW,UAAe,KAAA,UAAA;AAChC,IAAA,MAAM,WAAW,aAAc,CAAA,EAAE,OAAO,MAAQ,EAAA,MAAA,EAAQ,UAAU,CAAA;AAClE,IAAA,MAAM,OAAU,GAAA;AAAA,MACd,OAAS,EAAA,WAAA;AAAA,MACT,MAAQ,EAAA,UAAA;AAAA,MACR,SAAW,EAAA,aAAA;AAAA,MACX,OAAS,EAAA,WAAA;AAAA,MACT,KAAO,EAAA;AAAA,KACT;AAEA,IAAM,MAAA,IAAA,GAAO,QAAQ,QAAQ,CAAA;AAC7B,IAAM,MAAA,cAAA,GAAiB,UAAa,GAAA,UAAA,GAAa,QAAW,GAAA,SAAA;AAC5D,IAAM,MAAA,YAAA,GAAe,aAAa,UAAa,GAAA,CAAA;AAE/C,IAAA,MAAM,UAAa,GAAA;AAAA,MACjB,GAAG,KAAA;AAAA,MACH,yBAAA,EAA2B,CAAG,EAAA,GAAA,GAAM,UAAU,CAAA,CAAA;AAAA,KAChD;AAEA,IACE,uBAAA,IAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,SAAW,EAAA,IAAA;AAAA,UACT,YAAa,EAAA;AAAA,UACb,YAAA,CAAa,CAAS,MAAA,EAAA,KAAK,CAAE,CAAA,CAAA;AAAA,UAC7B,YAAA,CAAa,CAAU,OAAA,EAAA,MAAM,CAAE,CAAA,CAAA;AAAA,UAC/B,EAAE,CAAC,YAAA,CAAa,QAAQ,CAAC,GAAG,QAAS,EAAA;AAAA,UACrC;AAAA,SACF;AAAA,QACA,KAAO,EAAA,UAAA;AAAA,QACP,cAAA,EAAc,WAAW,MAAS,GAAA,KAAA,CAAA;AAAA,QAClC,GAAA;AAAA,QACC,GAAG,SAAA;AAAA,QAEJ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,IAAK,EAAA,EAAA,CAAA;AAAA,UACL,YAAgB,oBAAA,GAAA,CAAC,gBAAiB,EAAA,EAAA,KAAA,EAAO,cAAgB,EAAA,CAAA;AAAA,8BACzD,KAAI,EAAA,EAAA,SAAA,EAAW,YAAa,CAAA,MAAM,GAAI,QAAS,EAAA;AAAA;AAAA;AAAA,KAClD;AAAA;AAGN;;;;"}

package/dist-types/skip-link/SkipLink.d.ts

@@ -1,15 +0,0 @@
-import { type LinkProps } from "@salt-ds/core";
-import { type RefObject } from "react";
-interface SkipLinkProps extends LinkProps {
-    /**
-     * This is a ref that has access to the target element.
-     *
-     * This will be used to apply focus to that element
-     *
-     * Refs are referentially stable so if this changes it won't be picked up
-     * will need to find a better way of passing in the target element to apply the attributes
-     */
-    targetRef?: RefObject<HTMLElement>;
-}
-export declare const SkipLink: import("react").ForwardRefExoticComponent<Omit<SkipLinkProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
-export {};

package/dist-types/skip-link/SkipLinks.d.ts

@@ -1,2 +0,0 @@
-import { type HTMLAttributes } from "react";
-export declare const SkipLinks: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/skip-link/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./SkipLink";
-export * from "./SkipLinks";

package/dist-types/skip-link/internal/useManageFocusOnTarget.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="cypress" />
-/// <reference types="node" />
-import { type RefObject } from "react";
-export declare const useManageFocusOnTarget: ({ targetRef, targetClass, }: {
-    targetRef: RefObject<HTMLElement> | undefined;
-    targetClass: string;
-}) => {
-    onBlur: () => NodeJS.Timeout;
-    onClick: () => void;
-} | Record<string, undefined>;

package/dist-types/stepped-tracker/StepLabel/StepLabel.d.ts

@@ -1,9 +0,0 @@
-import { type TextProps } from "@salt-ds/core";
-import { type ReactNode } from "react";
-export interface StepLabelProps extends TextProps<"label"> {
-    /**
-     * The content of Step Label
-     */
-    children?: ReactNode;
-}
-export declare const StepLabel: import("react").ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/stepped-tracker/StepLabel/index.d.ts

@@ -1 +0,0 @@
-export * from "./StepLabel";

package/dist-types/stepped-tracker/SteppedTrackerContext.d.ts

@@ -1,18 +0,0 @@
-import { type ReactNode } from "react";
-export interface SteppedTrackerContextType {
-    activeStep: number;
-    totalSteps: number;
-    isWithinSteppedTracker: boolean;
-}
-declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
-    children: ReactNode;
-};
-export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
-export declare const useTrackerStepContext: () => number;
-interface TrackerStepProviderProps {
-    stepNumber: number;
-    children: ReactNode;
-}
-export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-types/stepped-tracker/TrackerConnector/TrackerConnector.d.ts

@@ -1,9 +0,0 @@
-declare type ConnectorState = "default" | "active";
-interface TrackerConnectorProps {
-    /**
-     * The state of the connector, which acts as an indicator of whether the active step is ahead/behind
-     */
-    state: ConnectorState;
-}
-export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist-types/stepped-tracker/TrackerConnector/index.d.ts

@@ -1 +0,0 @@
-export { TrackerConnector } from "./TrackerConnector";

package/dist-types/stepped-tracker/TrackerStep/TrackerStep.d.ts

@@ -1,18 +0,0 @@
-import { type ValidationStatus } from "@salt-ds/core";
-import { type ComponentPropsWithoutRef } from "react";
-declare type StageOptions = "pending" | "completed";
-declare type StatusOptions = Extract<ValidationStatus, "warning" | "error">;
-export interface TrackerStepProps extends ComponentPropsWithoutRef<"li"> {
-    /**
-     * The stage of the step: "pending" or "completed" (note, "active" is derived from "activeStep" in parent SteppedTracker component)
-     */
-    stage?: StageOptions;
-    /**
-     * The status of the step: warning or error
-     *
-     * If the stage is completed or active, the status prop will be ignored
-     */
-    status?: StatusOptions;
-}
-export declare const TrackerStep: import("react").ForwardRefExoticComponent<TrackerStepProps & import("react").RefAttributes<HTMLLIElement>>;
-export {};

package/dist-types/stepped-tracker/TrackerStep/index.d.ts

@@ -1,2 +0,0 @@
-export { TrackerStep } from "./TrackerStep";
-export type { TrackerStepProps } from "./TrackerStep";