@salt-ds/lab 1.0.0-alpha.0 → 1.0.0-alpha.10

package/dist-types/input/StaticInputAdornment.d.ts

@@ -1,4 +0,0 @@
-import { HTMLAttributes } from "react";
-import "./StaticInputAdornment.css";
-export declare type StaticInputAdornmentProps = HTMLAttributes<HTMLDivElement>;
-export declare const StaticInputAdornment: import("react").ForwardRefExoticComponent<StaticInputAdornmentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,2 +0,0 @@
-export * from "./Input";
-export * from "./StaticInputAdornment";

package/dist-types/panel/Panel.d.ts

@@ -1,20 +0,0 @@
-import { HTMLAttributes } from "react";
-import "./Panel.css";
-/**
- * Panel component that acts as wrapper around a node
- *
- * @example
- * const PanelExample = () => (
- *   <Panel>
- *     <p>This is a panel around some text.</p>
- *   </Panel>
- * );
- *
- */
-export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Styling variant; defaults to "primary".
-     */
-    variant?: "primary" | "secondary";
-}
-export declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -1,5 +0,0 @@
-import type { Props } from "@floating-ui/react-dom-interactions";
-import { useFloating } from "@floating-ui/react-dom-interactions";
-export declare type UseFloatingUIProps = Partial<Pick<Props, "placement" | "strategy" | "middleware" | "open" | "onOpenChange">>;
-export declare const DEFAULT_FLOATING_UI_MIDDLEWARE: import("@floating-ui/react-dom-interactions").Middleware[];
-export declare function useFloatingUI(props: UseFloatingUIProps): ReturnType<typeof useFloating>;

package/dist-types/radio-button/RadioButton.d.ts

@@ -1,22 +0,0 @@
-import { ChangeEventHandler, HTMLAttributes, ComponentType } from "react";
-import { ControlLabelProps } from "../control-label";
-import { RadioButtonIconProps } from "./RadioButtonIcon";
-import "./RadioButton.css";
-export interface RadioButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    checked?: boolean;
-    className?: string;
-    disabled?: boolean;
-    /**
-     * Custom icon component
-     */
-    icon?: ComponentType<RadioButtonIconProps>;
-    /**
-     * The label to be shown next to the radio
-     */
-    label?: ControlLabelProps["label"];
-    LabelProps?: Partial<ControlLabelProps>;
-    name?: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    value?: string;
-}
-export declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/radio-button/RadioButtonBase.d.ts

@@ -1,22 +0,0 @@
-import { ChangeEventHandler, ComponentType, FocusEventHandler } from "react";
-import { RadioButtonIconProps } from "./RadioButtonIcon";
-import "./RadioButtonBase.css";
-export interface RadioButtonBaseProps {
-    checked?: boolean;
-    className?: string;
-    disabled?: boolean;
-    /**
-     * custom icon component
-     */
-    icon?: ComponentType<RadioButtonIconProps>;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    name?: string;
-    defaultChecked?: boolean;
-    onFocus?: FocusEventHandler<HTMLSpanElement>;
-    onBlur?: FocusEventHandler<HTMLSpanElement>;
-    required?: boolean;
-    id?: string;
-    tabIndex?: number;
-    value?: string;
-}
-export declare const RadioButtonBase: import("react").ForwardRefExoticComponent<RadioButtonBaseProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/radio-button/RadioButtonGroup.d.ts

@@ -1,19 +0,0 @@
-import { ChangeEventHandler, ComponentType, HTMLAttributes } from "react";
-import { RadioButtonIconProps } from "./RadioButtonIcon";
-import "./RadioButtonGroup.css";
-export interface RadioButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
-    className?: string;
-    defaultValue?: string;
-    icon?: ComponentType<RadioButtonIconProps>;
-    legend?: string;
-    name?: string;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    radios?: {
-        disabled?: boolean;
-        label?: string;
-        value?: string;
-    }[];
-    row?: boolean;
-    value?: string;
-}
-export declare const RadioButtonGroup: import("react").ForwardRefExoticComponent<RadioButtonGroupProps & import("react").RefAttributes<HTMLFieldSetElement>>;

package/dist-types/radio-button/RadioButtonIcon.d.ts

@@ -1,13 +0,0 @@
-import { ComponentType, ReactElement } from "react";
-import "./RadioButtonIcon.css";
-export interface RadioButtonIconProps {
-    checked?: boolean;
-}
-/**
- * Default radio icon
- */
-export declare const RadioButtonIcon: ({ checked }: RadioButtonIconProps) => JSX.Element;
-/**
- * Creates a component that can be given to Radio or RadioButton as the 'icon'
- */
-export declare const makeRadioIcon: (iconChecked: ReactElement | null, iconUnchecked: ReactElement | null) => ComponentType<RadioButtonIconProps>;

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

@@ -1,4 +0,0 @@
-export * from "./RadioButton";
-export * from "./RadioButtonGroup";
-export * from "./RadioButtonBase";
-export * from "./RadioButtonIcon";

package/dist-types/radio-button/internal/RadioGroupContext.d.ts

@@ -1,7 +0,0 @@
-import { ChangeEventHandler } from "react";
-export interface RadioGroupContextValue {
-    name?: string;
-    value?: string;
-    onChange?: ChangeEventHandler<HTMLElement>;
-}
-export declare const RadioGroupContext: import("react").Context<RadioGroupContextValue>;

package/dist-types/radio-button/internal/useRadioGroup.d.ts

@@ -1 +0,0 @@
-export declare function useRadioGroup(): import("./RadioGroupContext").RadioGroupContextValue;

package/dist-types/spinner/Spinner.d.ts

@@ -1,45 +0,0 @@
-import { HTMLAttributes } from "react";
-import "./Spinner.css";
-/**
- * Spinner component, provides an indeterminate loading indicator
- *
- * @example
- * <Spinner size="small | medium | large" />
- */
-export declare const SpinnerSizeValues: readonly ["small", "medium", "large"];
-export declare type SpinnerSize = typeof SpinnerSizeValues[number];
-export interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Determines the interval on which the component will continue to announce the aria-label. Defaults to 5000ms (5s)
-     */
-    announcerInterval?: number;
-    /**
-     *  * Determines the interval after which the component will stop announcing the aria-label. Defaults to 20000ms (20s)
-     */
-    announcerTimeout?: number;
-    /**
-     * The className(s) of the component
-     */
-    className?: string;
-    /**
-     * Determines the message to be announced by the component when it unmounts. Set to null if not needed.
-     */
-    completionAnnouncement?: string | null;
-    /**
-     * If true, built in aria announcer will be inactive
-     */
-    disableAnnouncer?: boolean;
-    /**
-     * The prop for the role attribute of the component
-     */
-    role?: string;
-    /**
-     * Determines the size of the spinner. Must be one of: 'small', 'medium', 'large'.
-     */
-    size?: SpinnerSize;
-    /**
-     * The ids of the SvgSpinner components
-     */
-    id?: string;
-}
-export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/dist-types/spinner/svgSpinners/SpinnerLarge.d.ts

@@ -1,2 +0,0 @@
-import { SVGAttributes } from "react";
-export declare const SpinnerLarge: (props: SVGAttributes<SVGSVGElement>) => JSX.Element;

package/dist-types/spinner/svgSpinners/SpinnerMedium.d.ts

@@ -1,2 +0,0 @@
-import { SVGAttributes } from "react";
-export declare const SpinnerMedium: (props: SVGAttributes<SVGSVGElement>) => JSX.Element;

package/dist-types/spinner/svgSpinners/SpinnerSmall.d.ts

@@ -1,2 +0,0 @@
-import { SVGAttributes } from "react";
-export declare const SpinnerSmall: (props: SVGAttributes<SVGSVGElement>) => JSX.Element;

package/dist-types/spinner/svgSpinners/index.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const getSvgSpinner: (size: string) => (props: import("react").SVGAttributes<SVGSVGElement>) => JSX.Element;

package/dist-types/split-layout/SplitLayout.d.ts

@@ -1,32 +0,0 @@
-import { ReactNode, HTMLAttributes, ElementType } from "react";
-import { FlexLayoutProps, FlexItemProps } from "@salt-ds/core";
-import "./SplitLayout.css";
-export interface SplitItemProps extends FlexItemProps<ElementType> {
-    /**
-     * A list of items. Required to have some children.
-     */
-    children: ReactNode;
-}
-export interface SplitLayoutProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Defines the default behavior for how flex items are laid out along the cross axis on the current line.
-     */
-    align?: FlexLayoutProps<ElementType>["align"];
-    /**
-     * Allow the items to wrap as needed, default is true.
-     */
-    wrap?: FlexLayoutProps<ElementType>["wrap"];
-    /**
-     * Controls the space between items.
-     */
-    gap?: FlexLayoutProps<ElementType>["gap"];
-    /**
-     * Parent component to be rendered
-     */
-    leftSplitItem: ReactNode;
-    /**
-     * Child component to be rendered
-     */
-    rightSplitItem: ReactNode;
-}
-export declare const SplitLayout: import("react").ForwardRefExoticComponent<SplitLayoutProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/split-layout/index.d.ts

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

package/dist-types/tooltip/Tooltip.d.ts

@@ -1,37 +0,0 @@
-import { ComponentProps, HTMLAttributes, ReactNode } from "react";
-import { PortalProps } from "../portal";
-import "./Tooltip.css";
-export declare type TooltipStatus = "error" | "info" | "success" | "warning";
-export interface TooltipRenderProp {
-    Icon: any;
-    getIconProps: any;
-}
-export interface TooltipProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, Pick<PortalProps, "disablePortal" | "container"> {
-    arrowProps?: ComponentProps<"div">;
-    /**
-     * Removes the tooltip arrow.
-     */
-    hideArrow?: boolean;
-    /**
-     * Whether to hide a state icon within the tooltip
-     */
-    hideIcon?: boolean;
-    /**
-     * A callback function to render the tooltip content
-     * @param {function} getIcon getter for the icon based on the state
-     * @param {function} getIconProps getter for the icon properties
-     */
-    render?: (props: TooltipRenderProp) => ReactNode;
-    /**
-     * A string to determine the current status of the tooltip
-     */
-    status?: TooltipStatus;
-    title?: string;
-    /**
-     * This prop is used to help implement the accessibility logic.
-     * If you don't provide this prop. It falls back to a randomly generated id.
-     */
-    id?: string;
-    open?: boolean;
-}
-export declare const Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tooltip/TooltipContext.d.ts

@@ -1,22 +0,0 @@
-import { ComponentType } from "react";
-import { TooltipProps } from "./Tooltip";
-import { UseTooltipProps } from "./useTooltip";
-export interface TooltipContextProps {
-    Tooltip?: ComponentType<TooltipProps>;
-    enterDelay?: number;
-    leaveDelay?: number;
-    placement?: UseTooltipProps["placement"];
-}
-export declare const TooltipContext: import("react").Context<TooltipContextProps | undefined>;
-/**
- * TODO: Probably move this to Tooltip packages so it can be reused?
- *
- * Provide defaults for Tooltip config so that we can maintain the consistency
- * if no customized override is provided
- */
-export declare const useTooltipContext: () => {
-    Tooltip: import("react").ForwardRefExoticComponent<TooltipProps & import("react").RefAttributes<HTMLDivElement>>;
-    enterDelay: number;
-    leaveDelay: number;
-    placement: import("@floating-ui/core").Placement;
-};

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

@@ -1,3 +0,0 @@
-export * from "./Tooltip";
-export * from "./TooltipContext";
-export * from "./useTooltip";

package/dist-types/tooltip/useAriaAnnounce.d.ts

@@ -1,9 +0,0 @@
-import type { ElementProps, FloatingContext } from "@floating-ui/react-dom-interactions";
-declare type Props = {
-    delay?: number | Partial<{
-        open: number;
-        close: number;
-    }>;
-};
-export declare const useAriaAnnounce: (context: FloatingContext, { delay }: Props) => ElementProps;
-export {};

package/dist-types/tooltip/useTooltip.d.ts

@@ -1,31 +0,0 @@
-import { UseFloatingUIProps } from "../popper";
-import { ComponentPropsWithRef, JSXElementConstructor } from "react";
-import { TooltipProps } from "./Tooltip";
-export interface UseTooltipProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
-    disabled?: boolean;
-    /**
-     * Do not respond to focus events.
-     */
-    disableFocusListener?: boolean;
-    /**
-     * Do not respond to hover events.
-     */
-    disableHoverListener?: boolean;
-    /**
-     * The number of milliseconds to wait before showing the tooltip.
-     * This prop won't impact the enter touch delay (`enterTouchDelay`).
-     */
-    enterDelay?: number;
-    /**
-     * The number of milliseconds to wait before hiding the tooltip.
-     * This prop won't impact the leave touch delay (`leaveTouchDelay`).
-     */
-    leaveDelay?: number;
-}
-export declare function useTooltip(props?: UseTooltipProps): {
-    getTooltipProps: (args?: TooltipProps | undefined) => TooltipProps | undefined;
-    getTriggerProps: <Element_1 extends JSXElementConstructor<any> | keyof JSX.IntrinsicElements = "div">(args?: ComponentPropsWithRef<Element_1> | undefined) => ComponentPropsWithRef<Element_1>;
-} | {
-    getTooltipProps: (userProps?: TooltipProps | undefined) => TooltipProps;
-    getTriggerProps: <Element_2 extends JSXElementConstructor<any> | keyof JSX.IntrinsicElements = "div">(userProps?: import("react").PropsWithoutRef<import("react").ComponentProps<Element_2>> | undefined) => ComponentPropsWithRef<Element_2>;
-};

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

@@ -1 +0,0 @@
-export declare function capitalize(value: string): string;