@salt-ds/lab 1.0.0-alpha.6 → 1.0.0-alpha.61

package/dist-types/progress/CircularProgress/CircularProgress.d.ts

@@ -1,67 +0,0 @@
-import { HTMLAttributes, ReactElement } from "react";
-import { InfoRendererProps } from "../LinearProgress/LinearProgress";
-import "./CircularProgress.css";
-export declare const SIZE_OPTIONS: {
-    small: {
-        container: number;
-    };
-    medium: {
-        container: number;
-    };
-    large: {
-        container: number;
-    };
-};
-export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * A label for accessibility
-     */
-    "aria-label"?: string;
-    /**
-     * The className(s) of the component
-     */
-    className?: string;
-    /**
-     * Disabled flag, true when the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Render props callback to render info panel.
-     * @param function({ value, unit, getValueProps })
-     */
-    renderInfo?: (props: Pick<InfoRendererProps<any, any>, "value" | "unit" | "getValueProps">) => ReactElement<InfoRendererProps<any, any>>;
-    /**
-     * If `true`, the info panel will be displayed.
-     */
-    showInfo?: boolean;
-    /**
-     * The size of the circle
-     * (small, medium, large)
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * Default unit is`%`
-     */
-    unit?: string;
-    /**
-     * The value of the progress indicator for the determinate and static variants.
-     * Value between 0 and 100.
-     */
-    value?: number;
-    /**
-     * The variant to use.
-     * Use indeterminate or query when there is no progress value.
-     */
-    variant?: "determinate" | "indeterminate" | "static";
-}
-/**
- * Circular progress bar with an optional Info element, showing the current value
- * The default Info element can be rendered by setting `unit` and `value` props.
- * A custom Info element can be rendered using the `renderInfo` callback.
- * The render props callback is of the form
- * @param {string} unit the unit of the progress info
- * @param {number} value the value of the progress info
- * @param {string} variant the variant to use.
- * @param {function} getValueProps function callback that returns the value props
- */
-export declare const CircularProgress: import("react").ForwardRefExoticComponent<CircularProgressProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/progress/CircularProgress/CircularProgressParts.d.ts

@@ -1,14 +0,0 @@
-import { CSSProperties, ReactNode } from "react";
-import "./CircularProgress.css";
-export declare const SIZE = 44;
-export declare const circularGradientId = "salt-circular-progress-gradient";
-export declare const ViewBox: (props: {
-    children?: ReactNode;
-}) => JSX.Element;
-export declare const LinearGradient: () => JSX.Element;
-export interface CircleProps {
-    strokeWidth: number;
-    style?: CSSProperties;
-    className?: string;
-}
-export declare const Circle: ({ strokeWidth, style, className }: CircleProps) => JSX.Element;

package/dist-types/progress/Info.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface InfoProps {
-    className: string;
-    unit: string;
-    value: number;
-}
-export declare const Info: ({ className, value, unit }: InfoProps) => JSX.Element;

package/dist-types/progress/LinearProgress/LinearProgress.d.ts

@@ -1,59 +0,0 @@
-import { HTMLAttributes, ReactElement } from "react";
-import "./LinearProgress.css";
-export interface InfoRendererProps<T, U> {
-    unit: string;
-    value: number;
-    getUnitProps?: (props: T) => {
-        className: string;
-    } & T;
-    getValueProps: (props: U) => {
-        className: string;
-    } & U;
-}
-export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * The className(s) of the component.
-     */
-    className?: string;
-    /**
-     * Disabled flag, true when the component is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * render props callback to render info panel.
-     */
-    renderInfo?: (props: Pick<InfoRendererProps<any, any>, "value" | "unit" | "getValueProps" | "getUnitProps">) => ReactElement<InfoRendererProps<any, any>>;
-    /**
-     * If `true`, the info panel will be displayed.
-     */
-    showInfo?: boolean;
-    /**
-     * The size of the line, default is 'small'.
-     */
-    size?: "small" | "medium" | "large";
-    /**
-     * Default unit is`%`.
-     */
-    unit?: string;
-    /**
-     * The value of the progress indicator for the determinate and static variants.
-     * Value between 0 and 100.
-     */
-    value?: number;
-    /**
-     * The variant to use.
-     * Use indeterminate or query when there is no progress value.
-     */
-    variant?: "determinate" | "indeterminate" | "query";
-}
-/**
- * Linear progress bar with an optional Info element, showing the current value
- * The default Info element can be rendered by setting `unit` and `value` props.
- * A custom Info element can be rendered using the `renderInfo` callback.
- * The render props callback is of the form
- * @param {string} unit the unit of the progress info
- * @param {number} value the value of the progress info
- * @param {function} getUnitProps function callback that returns the unit props
- * @param {function} getValueProps function callback that returns the value props
- */
-export declare const LinearProgress: import("react").ForwardRefExoticComponent<LinearProgressProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/progress/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./CircularProgress/CircularProgress";
-export * from "./LinearProgress/LinearProgress";

package/dist-types/scrim/Scrim.d.ts

@@ -1,69 +0,0 @@
-import { HTMLAttributes, RefObject, SyntheticEvent } from "react";
-import { FocusManagerProps } from "../focus-manager";
-import "./Scrim.css";
-export interface ScrimProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Ref of the element that automatically receives focus when the Scrim is opened.
-     */
-    autoFocusRef?: FocusManagerProps["autoFocusRef"];
-    /**
-     * Prop to enable escape key to close scrim.
-     * The default value of this props is false
-     */
-    closeWithEscape?: boolean;
-    /**
-     * If `true`, the trap focus will not automatically shift focus to itself when it opens, and
-     * replace it to the last focused element when it closes.
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * If `true`, the trap focus will not prevent focus from leaving the trap focus while open.
-     */
-    disableFocusTrap?: boolean;
-    /**
-     * If `true`, the trap focus will not restore focus to previously focused element once
-     * trap focus is hidden.
-     */
-    disableReturnFocus?: boolean;
-    /**
-     * By default, an error will be thrown if the focus trap contains no elements in its tab order.
-     * With this option you can specify a fallback element to programmatically receive focus if no other tabbable elements are found.
-     * For example, you may want a popover's `<div>` to receive focus if the popover's content includes no tabbable elements.
-     */
-    fallbackFocusRef?: FocusManagerProps["fallbackFocusRef"];
-    /**
-     * The handler for backdrop click on Scrim.
-     */
-    onBackDropClick?: (e: SyntheticEvent) => void;
-    /**
-     * The handler for onClose of Scrim.
-     */
-    onClose?: () => void;
-    /**
-     * To maintain open and close of the scrim.
-     */
-    open?: boolean;
-    /**
-     * Set to true to enable the container use case. If true the Scrim will be bound to a container ref you pass via the `parentRef` prop.
-     * Default value is false, and the default behavior is for Scrim to be bound to the document viewport.
-     */
-    enableContainerMode?: boolean;
-    /**
-     * Prop necessary to enable container use case. Pass the parent element ref that you want Scrim to be bound to.
-     * Default value is undefined, and the default behavior is for Scrim to be bound to the document viewport.
-     */
-    containerRef?: RefObject<HTMLElement>;
-    /**
-     * Options object to pass to the `focus()` method that is called on the previously focused element when Scrim is closed.
-     */
-    returnFocusOptions?: FocusManagerProps["returnFocusOptions"];
-    /**
-     * comma separated string of query selectors which may need to be overridden for edge cases.
-     */
-    tabEnabledSelectors?: string;
-    /**
-     * Prop to pass z-index for Scrim.
-     */
-    zIndex?: number;
-}
-export declare const Scrim: import("react").ForwardRefExoticComponent<ScrimProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/scrim/ScrimContext.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const ScrimContext: import("react").Context<(() => void) | undefined>;

package/dist-types/scrim/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Scrim";
-export * from "./ScrimContext";

package/dist-types/scrim/internal/PreventFocus.d.ts

@@ -1 +0,0 @@
-export declare function preventFocusOthers(originalTarget: HTMLElement | null, tabbableSelector: string, parentNode: HTMLElement): () => void;

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

@@ -1,16 +0,0 @@
-import { RefObject } from "react";
-import { LinkProps } from "@salt-ds/core";
-import "./SkipLink.css";
-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,3 +0,0 @@
-import { HTMLAttributes } from "react";
-import "./SkipLinks.css";
-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="node" />
-/// <reference types="webpack-env" />
-import { 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/slider/internal/SliderHandle.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties } from "react";
-import "../Slider.css";
-export interface SliderHandleProps {
-    min: number;
-    max: number;
-    value: number;
-    index: number;
-    disabled: boolean;
-    valueLength: number;
-    style: CSSProperties;
-}
-export declare function SliderHandle(props: SliderHandleProps): JSX.Element;

package/dist-types/slider/internal/SliderMarkLabels.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { SliderMark } from "./SliderRailMarks";
-import "../Slider.css";
-export interface SliderMarkLabelsProps {
-    min: number;
-    max: number;
-    marks: SliderMark[];
-}
-export declare function SliderMarkLabels(props: SliderMarkLabelsProps): JSX.Element;

package/dist-types/slider/internal/SliderRail.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import "../Slider.css";
-export interface SliderRailProps {
-}
-export declare function SliderRail(props: SliderRailProps): JSX.Element;

package/dist-types/slider/internal/SliderRailMarks.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from "react";
-import "../Slider.css";
-export interface LabeledMark {
-    value: number;
-    label: ReactNode;
-}
-export declare type SliderMark = number | LabeledMark;
-export interface SliderRailMarksProps {
-    min: number;
-    max: number;
-    marks: SliderMark[];
-}
-export declare function SliderRailMarks(props: SliderRailMarksProps): JSX.Element;

package/dist-types/slider/internal/styles.d.ts

@@ -1,10 +0,0 @@
-import { CSSProperties } from "react";
-import { SliderValue } from "../types";
-import { SliderMark } from "./SliderRailMarks";
-export declare function createTrackStyle(min: number, max: number, value: SliderValue): CSSProperties;
-export declare function createHandleStyles(count: number): {
-    gridColumnStart: string;
-}[];
-export declare function createSliderRailMarksStyle(min: number, max: number, marks: SliderMark[]): CSSProperties;
-export declare function createSliderMarkLabelsStyle(min: number, max: number, marks: SliderMark[]): CSSProperties;
-export declare function createSliderMarkLabelStyles(marks: SliderMark[]): CSSProperties[];

package/dist-types/slider/internal/useSliderKeyDown.d.ts

@@ -1,3 +0,0 @@
-import { SliderChangeHandler, SliderValue } from "../types";
-import { UpdateValueItem } from "./utils";
-export declare function useSliderKeyDown(value: SliderValue, min: number, max: number, pageStep: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: React.KeyboardEvent) => void;

package/dist-types/slider/internal/useSliderMouseDown.d.ts

@@ -1,4 +0,0 @@
-import { MouseEvent as ReactMouseEvent, RefObject } from "react";
-import { SliderChangeHandler, SliderValue } from "../types";
-import { UpdateValueItem } from "./utils";
-export declare function useSliderMouseDown(trackRef: RefObject<HTMLDivElement>, value: SliderValue, min: number, max: number, step: number, updateValueItem: UpdateValueItem, setValue: SliderChangeHandler, onChange?: SliderChangeHandler): (event: ReactMouseEvent) => void;

package/dist-types/stepper-input/internal/useActivationIndicatorPosition.d.ts

@@ -1,2 +0,0 @@
-import { MutableRefObject } from "react";
-export declare function useActivationIndicatorPosition(adornmentRef: MutableRefObject<HTMLDivElement | null>, refreshButtonVisible: boolean): void;

package/dist-types/stepper-input/internal/useDynamicAriaLabel.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const useDynamicAriaLabel: (appendLabel: string, hasLiveValue: boolean, inputRef: React.MutableRefObject<HTMLInputElement | null>, value: number | string | undefined, valuesHaveDiverged: () => boolean) => {
-    setHasAnnounced: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};

package/dist-types/stepper-input/internal/useSpinner.d.ts

@@ -1,5 +0,0 @@
-declare function useSpinner(activationFn: () => void, isAtLimit: boolean): {
-    activate: () => void;
-    buttonDown: boolean;
-};
-export { useSpinner };

package/dist-types/switch/Switch.d.ts

@@ -1,9 +0,0 @@
-import { ChangeEvent, InputHTMLAttributes } from "react";
-import { ControlLabelProps } from "../control-label";
-import "./Switch.css";
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    label?: ControlLabelProps["label"];
-    LabelProps?: Partial<ControlLabelProps>;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
-}
-export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/switch/assets/CheckedIcon.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare function CheckedIcon({ className }: {
-    className: string;
-}): JSX.Element;

package/dist-types/switch/index.d.ts

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

package/dist-types/toggle-button/ToggleButton.d.ts

@@ -1,13 +0,0 @@
-import { ButtonProps } from "@salt-ds/core";
-import { SyntheticEvent } from "react";
-import "./ToggleButton.css";
-export declare type ToggleButtonToggleEventHandler = (event: SyntheticEvent<HTMLButtonElement>, toggled: boolean) => void;
-export interface ToggleButtonProps extends ButtonProps {
-    "aria-label"?: string;
-    "data-button-index"?: number;
-    toggled?: boolean;
-    tooltipText?: string;
-    disableTooltip?: boolean;
-    onToggle?: ToggleButtonToggleEventHandler;
-}
-export declare const ToggleButton: import("react").ForwardRefExoticComponent<ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/toggle-button/ToggleButtonGroup.d.ts

@@ -1,19 +0,0 @@
-import { ButtonVariant } from "@salt-ds/core";
-import { HTMLAttributes, ReactElement, SyntheticEvent } from "react";
-import { Orientation } from "./internal/ToggleButtonGroupContext";
-import "./ToggleButtonGroup.css";
-export declare type ToggleButtonGroupChangeEventHandler = (event: SyntheticEvent<HTMLButtonElement>, index: number, toggled: boolean) => void;
-export interface ToggleButtonGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    "aria-label"?: string;
-    disabled?: boolean;
-    disableTooltip?: boolean;
-    defaultSelectedIndex?: number;
-    focusableWhenDisabled?: boolean;
-    selectedIndex?: number;
-    orientation?: Orientation;
-    variant?: ButtonVariant;
-    width?: number;
-    children: Array<ReactElement>;
-    onChange?: ToggleButtonGroupChangeEventHandler;
-}
-export declare const ToggleButtonGroup: import("react").ForwardRefExoticComponent<ToggleButtonGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toggle-button/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./ToggleButton";
-export * from "./ToggleButtonGroup";

package/dist-types/toggle-button/internal/ToggleButtonGroupContext.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { ButtonVariant } from "@salt-ds/core";
-export declare type Orientation = "horizontal" | "vertical";
-export interface ToggleButtonGroupContextProps {
-    disabled?: boolean;
-    disableFocus?: boolean;
-    disableTooltip?: boolean;
-    focusableWhenDisabled?: boolean;
-    register: (node: HTMLButtonElement | null, index: number) => void;
-    unregister: (index: number) => void;
-    orientation?: Orientation;
-    variant?: ButtonVariant;
-}
-export declare const ToggleButtonGroupContext: import("react").Context<ToggleButtonGroupContextProps | undefined>;

package/dist-types/utils/useFloatingUI.d.ts

@@ -1,34 +0,0 @@
-import type { Middleware, Placement, Strategy } from "@floating-ui/react";
-import { useFloating } from "@floating-ui/react";
-export declare type UseFloatingUIProps = {
-    /**
-     * Set position relative to trigger
-     */
-    placement?: Placement;
-    strategy?: Strategy;
-    middleware?: Middleware[];
-    /**
-     * Set visible state. Defaults to false
-     */
-    open?: boolean;
-    /**
-     * Callback function triggered when open state changes
-     */
-    onOpenChange?: (open: boolean) => void;
-};
-export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: {
-    name: string;
-    options?: any;
-    fn: (state: {
-        x: number;
-        y: number;
-        initialPlacement: Placement;
-        placement: Placement;
-        strategy: Strategy;
-        middlewareData: import("@floating-ui/react").MiddlewareData;
-        rects: import("@floating-ui/react").ElementRects;
-        platform: import("@floating-ui/core").Platform;
-        elements: import("@floating-ui/react").Elements;
-    }) => import("@floating-ui/react").MiddlewareReturn | Promise<import("@floating-ui/react").MiddlewareReturn>;
-}[];
-export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;