@salt-ds/lab 1.0.0-alpha.2 → 1.0.0-alpha.21

package/dist-types/form-field/FormLabel.d.ts

@@ -1,40 +0,0 @@
-import { ElementType, HTMLAttributes } from "react";
-import { FormFieldValidationStatus } from "./FormField";
-import { NecessityIndicatorOptions } from "./NecessityIndicator";
-import { StatusIndicatorProps } from "./StatusIndicator";
-import "./FormLabel.css";
-export interface FormLabelProps extends HTMLAttributes<HTMLLabelElement>, NecessityIndicatorOptions {
-    /**
-     * Whether the form field is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * Adjusts whether the StatusIndicator component is shown
-     */
-    hasStatusIndicator?: boolean;
-    /**
-     * The label value for the FormLabel
-     */
-    label?: string;
-    /**
-     * An optional renderer function used to customize the necessity adornment
-     */
-    NecessityIndicator?: ElementType<NecessityIndicatorOptions>;
-    /**
-     * Whether the form field is readOnly.
-     */
-    readOnly?: boolean;
-    /**
-     * Props used to configure the StatusIndicator component if hasStatusIndicator is true
-     */
-    StatusIndicatorProps?: Partial<StatusIndicatorProps>;
-    /**
-     * The status for the FormField: Must be one of: 'error'|'warning'|undefined
-     */
-    validationStatus?: FormFieldValidationStatus;
-    /**
-     * Text to be shown in the Tooltip.
-     */
-    tooltipText?: string;
-}
-export declare const FormLabel: ({ label, NecessityIndicator, required, displayedNecessity, hasStatusIndicator, StatusIndicatorProps, validationStatus, necessityText, className, disabled, readOnly, tooltipText, ...restProps }: FormLabelProps) => JSX.Element;

package/dist-types/form-field/constant.d.ts

@@ -1 +0,0 @@
-export declare const classBase = "saltFormField";

package/dist-types/form-field/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./FormField";
-export * from "./FormLabel";

package/dist-types/form-field-context/FormFieldContext.d.ts

@@ -1,12 +0,0 @@
-import { Dispatch, FocusEventHandler, RefObject, SetStateAction } from "react";
-import { useA11yValueValue } from "../form-field";
-export interface FormFieldContextValue {
-    inFormField: true;
-    ref: RefObject<HTMLDivElement>;
-    a11yProps: useA11yValueValue;
-    focused: boolean;
-    setFocused: Dispatch<SetStateAction<boolean>>;
-    onBlur: FocusEventHandler<HTMLElement>;
-    onFocus: FocusEventHandler<HTMLElement>;
-}
-export declare const FormFieldContext: import("react").Context<FormFieldContextValue>;

package/dist-types/form-field-context/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./FormFieldContext";
-export * from "./useFormFieldProps";

package/dist-types/form-field-context/useFormFieldProps.d.ts

@@ -1,6 +0,0 @@
-import { FormFieldContextValue } from "./FormFieldContext";
-interface useFormFieldPropsProps {
-    focusVisible?: boolean;
-}
-export declare function useFormFieldProps({ focusVisible, }?: useFormFieldPropsProps): Partial<FormFieldContextValue>;
-export {};

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

@@ -1,77 +0,0 @@
-import { ChangeEvent, ElementType, FocusEventHandler, HTMLAttributes, InputHTMLAttributes, KeyboardEventHandler, MouseEventHandler, ReactNode } from "react";
-import "./Input.css";
-export interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
-    /**
-     * Determines the position of the text cursor on focus of the input.
-     *
-     * start = place cursor at the beginning<br>
-     * end = place cursor at the end<br>
-     * \# = index to place the cursor<br>
-     */
-    cursorPositionOnFocus?: "start" | "end" | number;
-    /**
-     * The value of the `input` element, required for an uncontrolled component.
-     */
-    defaultValue?: HTMLInputElement["defaultValue"];
-    /**
-     * If `true`, the component is disabled.
-     */
-    disabled?: HTMLInputElement["disabled"];
-    /**
-     * The marker to use in an empty read only Input.
-     * Use `''` to disable this feature. Defaults to '—'.
-     */
-    emptyReadOnlyMarker?: string;
-    /**
-     * Determines what gets highlighted on focus of the input.
-     *
-     * If `true` all text will be highlighted.
-     * If an array text between those indices will be highlighted
-     * e.g. [0,1] will highlight the first character.
-     */
-    highlightOnFocus?: boolean | number[];
-    /**
-     * The HTML element to render the Input, e.g. 'input', a custom React component.
-     */
-    inputComponent?: ElementType;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-     */
-    inputProps?: InputHTMLAttributes<HTMLInputElement>;
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    /**
-     * Callback for change event.
-     */
-    onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
-    onMouseUp?: MouseEventHandler<HTMLInputElement>;
-    onMouseMove?: MouseEventHandler<HTMLInputElement>;
-    onMouseDown?: MouseEventHandler<HTMLInputElement>;
-    /**
-     * If `true`, the component is read only.
-     */
-    readOnly?: boolean;
-    /**
-     *
-     * Determines the alignment of the input text.
-     */
-    textAlign?: "left" | "right" | "center";
-    type?: HTMLInputElement["type"];
-    /**
-     * The value of the `input` element, required for a controlled component.
-     */
-    value?: HTMLInputElement["value"];
-    renderSuffix?: (state: {
-        disabled?: boolean;
-        error?: boolean;
-        focused?: boolean;
-        margin?: "dense" | "none" | "normal";
-        required?: boolean;
-        startAdornment?: ReactNode;
-    }) => ReactNode;
-    endAdornment?: ReactNode;
-    startAdornment?: ReactNode;
-}
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

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/logo/internal/LogoTitle.d.ts

@@ -1,6 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-export interface LogoTitleProps extends ComponentPropsWithoutRef<"span"> {
-    label?: string;
-    separatorClassname?: string;
-}
-export declare const LogoTitle: import("react").ForwardRefExoticComponent<LogoTitleProps & import("react").RefAttributes<HTMLSpanElement>>;

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/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/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/capitalize.d.ts

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

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>;