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

package/dist-types/parent-child-layout/ParentChildLayout.d.ts

@@ -1,6 +1,5 @@
 import { Breakpoints, FlexLayoutProps } from "@salt-ds/core";
 import { ElementType, HTMLAttributes, ReactNode } from "react";
-import "./ParentChildLayout.css";
 export declare type StackedViewElement = "parent" | "child";
 declare type Orientation = "horizontal" | "vertical";
 export interface ParentChildLayoutProps extends HTMLAttributes<HTMLDivElement> {

package/dist-types/pill/Pill.d.ts

@@ -2,7 +2,6 @@ import { ForwardedRef, ReactElement } from "react";
 import { ClosablePillProps } from "./ClosablePill";
 import { PillBaseProps } from "./PillBase";
 import { SelectablePillProps } from "./SelectablePill";
-import "./Pill.css";
 export declare type PillVariant = "basic" | "closable" | "selectable";
 export interface PillVariantProps<T extends PillVariant = "basic"> {
     /**

package/dist-types/pill/PillBase.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactElement, ReactEventHandler, SyntheticEvent } from "react";
-import { TooltipProps } from "../tooltip";
-import "./Pill.css";
+import { TooltipProps } from "@salt-ds/core";
 export interface PillBaseProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Props passed to the tooltip

package/dist-types/pill/internal/PillCheckbox.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "./PillCheckbox.css";
 export declare const PillCheckbox: (props: {
     checked?: boolean;
 }) => JSX.Element;

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

@@ -1,6 +1,5 @@
 import { HTMLAttributes, ReactElement } from "react";
 import { InfoRendererProps } from "../LinearProgress/LinearProgress";
-import "./CircularProgress.css";
 export declare const SIZE_OPTIONS: {
     small: {
         container: number;

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

@@ -1,5 +1,4 @@
 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: {

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

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactElement } from "react";
-import "./LinearProgress.css";
 export interface InfoRendererProps<T, U> {
     unit: string;
     value: number;

package/dist-types/query-input/QueryInput.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from "react";
 import { QueryInputCategory, QueryInputItem } from "./queryInputTypes";
 import { BooleanOperator } from "./useQueryInput";
-import "./QueryInput.css";
 export interface QueryInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
     disabled?: boolean;
     categories: QueryInputCategory[];

package/dist-types/query-input/internal/SearchList.d.ts

@@ -1,6 +1,5 @@
 import { Dispatch, SetStateAction } from "react";
 import { QueryInputCategory, QueryInputItem } from "../queryInputTypes";
-import "../QueryInput.css";
 export interface SearchListProps {
     inputValue?: string;
     selectedItems?: QueryInputItem[];

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

@@ -1,6 +1,5 @@
 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.

package/dist-types/search-input/SearchInput.d.ts

@@ -1,6 +1,5 @@
 import { ComponentType, SyntheticEvent } from "react";
-import { InputProps } from "../input";
-import "./SearchInput.css";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export interface SearchInputProps extends Omit<InputProps, "onSubmit"> {
     /**
      * Override "search" icon.

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

@@ -1,6 +1,5 @@
 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.
@@ -12,5 +11,5 @@ interface SkipLinkProps extends LinkProps {
      */
     targetRef?: RefObject<HTMLElement>;
 }
-export declare const SkipLink: import("react").ForwardRefExoticComponent<Pick<SkipLinkProps, "children" | "slot" | "style" | "title" | "key" | "onClick" | "onKeyDown" | "dir" | "accessKey" | "id" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "type" | "referrerPolicy" | "className" | "color" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "maxRows" | "styleAs" | "IconComponent" | "targetRef"> & import("react").RefAttributes<HTMLAnchorElement>>;
+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 +1,2 @@
 import { HTMLAttributes } from "react";
-import "./SkipLinks.css";
 export declare const SkipLinks: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/slider/Slider.d.ts

@@ -1,7 +1,6 @@
 import { HTMLAttributes } from "react";
 import { SliderMark } from "./internal/SliderRailMarks";
 import { SliderChangeHandler, SliderValue } from "./types";
-import "./Slider.css";
 export interface SliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     label?: string;
     min?: number;

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

@@ -1,5 +1,4 @@
 import { CSSProperties } from "react";
-import "../Slider.css";
 export interface SliderHandleProps {
     min: number;
     max: number;

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { SliderMark } from "./SliderRailMarks";
-import "../Slider.css";
 export interface SliderMarkLabelsProps {
     min: number;
     max: number;

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

@@ -1,5 +1,4 @@
 /// <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,5 +1,4 @@
 import { ReactNode } from "react";
-import "../Slider.css";
 export interface LabeledMark {
     value: number;
     label: ReactNode;

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import "../Slider.css";
 export interface SliderSelectionProps {
     valueLength: number;
 }

package/dist-types/stepper-input/StepperInput.d.ts

@@ -1,7 +1,6 @@
 import React from "react";
 import { ButtonProps } from "@salt-ds/core";
-import { InputProps } from "../input";
-import "./StepperInput.css";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export interface StepperInputProps {
     ButtonProps?: Partial<ButtonProps>;
     InputProps?: Partial<InputProps>;

package/dist-types/stepper-input/useStepperInput.d.ts

@@ -1,6 +1,6 @@
 import { MutableRefObject } from "react";
 import { ButtonProps } from "@salt-ds/core";
-import { InputProps } from "../input";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 import { StepperInputProps } from "./StepperInput";
 declare type Direction = "decrement" | "increment";
 export declare const useStepperInput: (props: StepperInputProps, inputRef: MutableRefObject<HTMLInputElement | null>) => {
@@ -12,21 +12,14 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         disabled?: boolean | undefined;
         focusableWhenDisabled?: boolean | undefined;
         variant?: "primary" | "secondary" | "cta" | undefined;
-        children?: import("react").ReactNode;
-        value?: string | number | readonly string[] | undefined;
         form?: string | undefined;
         slot?: string | undefined;
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
-        key?: import("react").Key | null | undefined;
-        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
-        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
-        dir?: string | undefined;
-        accessKey?: string | undefined;
-        id?: string | undefined;
         type?: "button" | "reset" | "submit" | undefined;
         className?: string | undefined;
         color?: string | undefined;
+        id?: string | undefined;
         lang?: string | undefined;
         name?: string | undefined;
         role?: import("react").AriaRole | undefined;
@@ -44,7 +37,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         'aria-describedby'?: string | undefined;
         'aria-details'?: string | undefined;
         'aria-disabled'?: (boolean | "true" | "false") | undefined;
-        'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
@@ -79,6 +72,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         'aria-valuemin'?: number | undefined;
         'aria-valuenow'?: number | undefined;
         'aria-valuetext'?: string | undefined;
+        children?: import("react").ReactNode;
         dangerouslySetInnerHTML?: {
             __html: string;
         } | undefined;
@@ -114,6 +108,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
         onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
         onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
         onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
@@ -149,6 +144,8 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResize?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResizeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -165,6 +162,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
@@ -238,14 +236,18 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+        key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        accessKey?: string | undefined;
         contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
         contextMenu?: string | undefined;
+        dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
         hidden?: boolean | undefined;
+        nonce?: string | undefined;
         placeholder?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         translate?: "yes" | "no" | undefined;
@@ -269,7 +271,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+        inputMode?: "text" | "none" | "search" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         autoFocus?: boolean | undefined;
         formAction?: string | undefined;
@@ -277,6 +279,8 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         formMethod?: string | undefined;
         formNoValidate?: boolean | undefined;
         formTarget?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        "data-testid": string;
     };
     getInputProps: (inputProps?: InputProps) => InputProps | undefined;
     incrementButtonDown: boolean;

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

@@ -1,6 +1,5 @@
 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>;

package/dist-types/tabs/Tab.d.ts

@@ -1,6 +1,5 @@
 import { KeyboardEvent, MouseEvent } from "react";
-import "./Tab.css";
-export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onClick" | "onKeyUp"> & {
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLElement>, "onKeyUp" | "onClick"> & {
     ariaControls?: string | undefined;
     closeable?: boolean | undefined;
     draggable?: boolean | undefined;

package/dist-types/tabs/TabActivationIndicator.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import "./TabActivationIndicator.css";
 interface TabActivationIndicatorProps {
     hideThumb?: boolean;
     orientation?: "horizontal" | "vertical";
     disableAnimation?: boolean;
-    tabId?: string;
+    tabId?: string | null;
 }
 export declare const TabActivationIndicator: ({ hideThumb, orientation, tabId, }: TabActivationIndicatorProps) => JSX.Element;
 export {};

package/dist-types/tabs/TabPanel.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from "react";
-import "./TabPanel.css";
 export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
     enableClose?: boolean;
     label: string;

package/dist-types/tabs/Tabs.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabs.css";
 export declare type TabsProps = Omit<TabstripProps, "defaultSource">;
 export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<FocusAPI>>;

package/dist-types/tabs/TabsTypes.d.ts

@@ -56,9 +56,9 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
     showActivationIndicator?: boolean;
     source?: TabsSource;
     /**
-     *  index value of Active Tab, used in controlled mode
+     *  index value of Active Tab, used in controlled mode. Set to `null` for no active tab.
      */
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     /**
      * Set variant - defaults 'primary'
      */

package/dist-types/tabs/Tabstrip.d.ts

@@ -1,5 +1,3 @@
 import React from "react";
 import { FocusAPI, TabstripProps } from "./TabsTypes";
-import "./Tabstrip.css";
-import "./ThemeTabstrip.css";
 export declare const Tabstrip: React.ForwardRefExoticComponent<TabstripProps & React.RefAttributes<FocusAPI>>;

package/dist-types/tabs/drag-drop/Draggable.d.ts

@@ -1,6 +1,5 @@
 import { MutableRefObject } from "react";
 import { Rect } from "./dragDropTypes";
-import "./Draggable.css";
 export declare const Draggable: import("react").ForwardRefExoticComponent<{
     wrapperClassName: string;
     element: HTMLElement;

package/dist-types/tabs/drag-drop/DropIndicator.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { Rect } from "./dragDropTypes";
-import "./DropIndicator.css";
 export declare const DropIndicator: import("react").ForwardRefExoticComponent<{
     className?: string | undefined;
     rect: Rect;

package/dist-types/tabs/drag-drop/drag-utils.d.ts

@@ -21,24 +21,24 @@ declare type Dimension = keyof Pick<DOMRect, "width" | "height">;
 export declare const measureElementSizeAndPosition: (element: HTMLElement, dimension?: Dimension, includeAutoMargin?: boolean) => number[];
 export declare const dimensions: (orientation: orientationType) => {
     CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    CONTRA: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    CONTRA: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "width" | "height";
-    END: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    DIMENSION: "height" | "width";
+    END: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     POS: "clientX" | "clientY";
     SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    START: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    START: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
 } | {
     CLIENT_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    CONTRA: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    CONTRA: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     CONTRA_POS: "clientX" | "clientY";
-    DIMENSION: "width" | "height";
-    END: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    DIMENSION: "height" | "width";
+    END: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
     POS: "clientX" | "clientY";
     SCROLL_POS: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
     SCROLL_SIZE: "scrollWidth" | "scrollHeight" | "clientHeight" | "clientWidth" | "scrollTop" | "scrollLeft";
-    START: "width" | "height" | "x" | "y" | "top" | "right" | "bottom" | "left";
+    START: "x" | "y" | "top" | "right" | "bottom" | "left" | "height" | "width";
 };
 export declare const getDraggedItem: (measuredItems: MeasuredDropTarget[]) => MeasuredDropTarget;
 export declare const moveDragItem: (measuredItems: MeasuredDropTarget[], dropTarget: MeasuredDropTarget) => MeasuredDropTarget[];

package/dist-types/tabs/useActivationIndicator.d.ts

@@ -9,7 +9,7 @@ declare type activationIndicatorStyles = {
 };
 export declare function useActivationIndicator({ rootRef, tabId, orientation, }: {
     rootRef: RefObject<HTMLDivElement | null>;
-    tabId?: string;
+    tabId?: string | null;
     orientation: orientationType;
 }): activationIndicatorStyles;
 export {};

package/dist-types/tabs/useKeyboardNavigation.d.ts

@@ -13,7 +13,7 @@ interface TabstripNavigationHookProps {
     indexPositions: OverflowItem[];
     keyBoardActivation?: "manual" | "automatic";
     orientation: orientationType;
-    selectedIndex: number;
+    selectedIndex: number | null;
 }
 interface TabstripNavigationHookResult {
     containerProps: ContainerNavigationProps;

package/dist-types/tabs/useSelection.d.ts

@@ -4,11 +4,11 @@ export declare const useSelection: ({ defaultSelected, highlightedIdx, onSelecti
     defaultSelected?: number | undefined;
     highlightedIdx: number;
     onSelectionChange?: ((tabIndex: number) => void) | undefined;
-    selected?: number | undefined;
+    selected?: number | null | undefined;
 }) => {
     activateTab: (tabIndex: number) => void;
     isControlled: boolean;
     onClick: (evt: MouseEvent<Element>, tabIndex: number) => void;
     onKeyDown: (evt: KeyboardEvent) => void;
-    selected: number;
+    selected: number | null;
 };

package/dist-types/tabs/useTabs.d.ts

@@ -1,14 +1,14 @@
 import { ReactNode } from "react";
 import { TabDescriptor } from "./TabsTypes";
 export interface TabsHookProps {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     children: ReactNode;
     defaultActiveTabIndex?: number;
     id?: string;
     onActiveChange?: (tabIndex: number) => void;
 }
 export interface TabsHookResult {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     id: string;
     onActiveChange?: (tabIndex: number) => void;
     tabPanel?: ReactNode;

package/dist-types/tabs/useTabstrip.d.ts

@@ -5,7 +5,7 @@ import { ExitEditModeHandler, EditableItemHookResult } from "./useEditableItem";
 import { OverflowCollectionHookResult } from "../responsive";
 import { composableTabProps, navigationProps, TabDescriptor, TabElement } from "./TabsTypes";
 interface tabstripHookProps {
-    activeTabIndex?: number;
+    activeTabIndex?: number | null;
     allowDragDrop?: boolean | dragStrategy;
     collectionHook: OverflowCollectionHookResult;
     defaultActiveTabIndex?: number;
@@ -26,7 +26,7 @@ interface tabstripHookProps {
 }
 interface tabstripHookResult extends DragHookResult, Pick<EditableItemHookResult, "editing"> {
     activateTab: (tabIndex: number) => void;
-    activeTabIndex: number;
+    activeTabIndex: number | null;
     addTab: (indexPosition?: number) => void;
     closeTab: (indexPosition: number) => void;
     containerProps: ContainerNavigationProps;

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

@@ -1,6 +1,5 @@
 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;

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

@@ -1,7 +1,6 @@
 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;

package/dist-types/tokenized-input/TokenizedInput.d.ts

@@ -1,7 +1,6 @@
+import { UseTooltipProps } from "@salt-ds/core";
 import { ComponentType } from "react";
 import { TokenizedInputBaseProps } from "./TokenizedInputBase";
-import { UseTooltipProps } from "../tooltip";
-import "./TokenizedInput.css";
 export declare type StringToItem<Item> = (selectedItems: Array<Item>, value: string) => Item | null | undefined;
 export declare type ChangeHandler<Item> = (selectedItems: Item[] | undefined) => void;
 export interface TokenizedInputProps<Item> extends Omit<TokenizedInputBaseProps<Item>, "activeIndices" | "focused" | "highlightedIndex" | "helpers" | "onRemoveItem"> {

package/dist-types/tokenized-input/TokenizedInputBase.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEventHandler, FocusEventHandler, ForwardedRef, HTMLAttributes, KeyboardEventHandler, ReactElement, ReactEventHandler, Ref, SyntheticEvent } from "react";
 import { ButtonProps } from "@salt-ds/core";
 import { TokenizedInputHelpers, TokenizedInputState } from "./useTokenizedInput";
-import { InputProps } from "../input";
+import { InputLegacyProps as InputProps } from "../input-legacy";
 export declare type RemoveItemHandler = (itemIndex: number) => void;
 export declare type ItemToString<Item> = (item: Item) => string;
 export declare type ExpandButtonProps = Pick<ButtonProps, "role" | "aria-roledescription" | "aria-describedby"> & {

package/dist-types/tokenized-input/internal/InputRuler.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from "react";
-import "./InputRuler.css";
 /**
  * This hidden component is used to wrap a copy of an input value
  * so that we can use it to determine the input width dynamically

package/dist-types/toolbar/Toolbar.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { ToolbarProps } from "./ToolbarProps";
-import "./Toolbar.css";
 /**
  * The core Toolbar implementation, without the external wrapper provided by Toolbar.js
  */

package/dist-types/toolbar/ToolbarButton.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
-import "./ToolbarButton.css";
 export declare type ToolbarButtonProps = ButtonProps & {
     overflowLabel?: string;
     label?: string;

package/dist-types/toolbar/ToolbarProps.d.ts

@@ -1,4 +1,4 @@
-import { TooltipProps } from "../tooltip";
+import { TooltipProps } from "@salt-ds/core";
 import { ComponentType, HTMLAttributes, ReactNode } from "react";
 export declare type OrientationShape = "vertical" | "horizontal";
 export interface ToolbarAlignmentProps {

package/dist-types/toolbar/Tooltray.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 import { TooltrayProps } from "./TooltrayProps";
-import "./Tooltray.css";
 export declare const Tooltray: (props: TooltrayProps) => JSX.Element;

package/dist-types/toolbar/overflow-panel/OverflowPanel.d.ts

@@ -1,6 +1,5 @@
 import React from "react";
 import { DropdownBaseProps } from "../../dropdown";
-import "./OverflowPanel.css";
 export interface DropdownPanelProps extends DropdownBaseProps {
     /**
      * Trigger button icon

package/dist-types/toolbar/overflow-panel/OverflowSeparator.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactElement } from "react";
-import "./OverflowSeparator.css";
 export interface OverflowSeparatorProps extends HTMLAttributes<HTMLDivElement> {
     children?: never;
     focusable?: boolean;

package/dist-types/toolbar/toolbar-field/toolbarFieldTypes.d.ts

@@ -1,4 +1,4 @@
-import { FormFieldProps } from "../../form-field";
-export interface ToolbarFieldProps extends FormFieldProps {
+import { FormFieldLegacyProps } from "../../form-field-legacy";
+export interface ToolbarFieldProps extends FormFieldLegacyProps {
     inOverflowPanel?: undefined | true;
 }

package/dist-types/tree/Tree.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
 import { SelectionStrategy } from "../common-hooks";
 import { TreeProps } from "./treeTypes";
-import "./Tree.css";
 export declare const Tree: import("react").ForwardRefExoticComponent<TreeProps<unknown, SelectionStrategy> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/tree/TreeNode.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, MouseEventHandler, ReactNode } from "react";
-import "./TreeNode.css";
 export interface TreeNodeProps extends Omit<HTMLAttributes<HTMLLIElement>, "onMouseEnter"> {
     children?: ReactNode;
     description?: string;

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

@@ -1,4 +1,3 @@
-export * from "./capitalize";
 export * from "./escapeRegExp";
 export * from "./isEmail";
 export * from "./forwardCallbackProps";
@@ -6,6 +5,7 @@ export * from "./isPlainObject";
 export * from "./partition";
 export * from "./useClickOutside";
 export * from "./useEventCallback";
+export * from "./useFloatingUI";
 export * from "./useIsViewportLargerThanBreakpoint";
 export * from "./useLayoutEffectOnce";
 export * from "./useLayoutEffectSkipFirst";