@salt-ds/lab 1.0.0-alpha.14 → 1.0.0-alpha.16

package/dist-types/dialog/DialogTitle.d.ts

@@ -1,9 +1,8 @@
-import { HTMLAttributes, SyntheticEvent } from "react";
-export interface DialogTitleProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Disable the built-in ARIA heading attributes.
-     */
-    disableAria?: boolean;
-    onClose?: (event: SyntheticEvent) => void;
+import { ComponentPropsWithoutRef } from "react";
+import { ValidationStatus } from "@salt-ds/core";
+interface DialogTitleProps extends ComponentPropsWithoutRef<"h2"> {
+    status?: ValidationStatus;
+    accent?: boolean;
 }
-export declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DialogTitle: ({ children, className, accent, status: statusProp, ...rest }: DialogTitleProps) => JSX.Element;
+export {};

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

@@ -1,4 +1,6 @@
+export * from "./Dialog";
+export * from "./DialogTitle";
 export * from "./DialogActions";
 export * from "./DialogContent";
-export * from "./DialogTitle";
-export * from "./Dialog";
+export * from "./DialogContext";
+export * from "./DialogCloseButton";

package/dist-types/dialog/useDialog.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { UseFloatingUIProps } from "@salt-ds/core";
+export declare type UseDialogProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
+export declare function useDialog(props: UseDialogProps): {
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    floating: (node: HTMLElement | null) => void;
+    context: {
+        x: number | null;
+        y: number | null;
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};

package/dist-types/drawer/Drawer.d.ts

@@ -1,28 +1,19 @@
 import { HTMLAttributes } from "react";
-import { ScrimProps } from "../scrim";
 export declare const DRAWER_POSITIONS: readonly ["left", "top", "right", "bottom"];
 export declare type DrawerPositions = typeof DRAWER_POSITIONS[number];
 export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Disable the scrim.
-     */
-    disableScrim?: boolean;
     /**
      * Defines the drawer position within the screen.
      */
     position?: DrawerPositions;
-    /**
-     * Disable all animations.
-     */
-    disableAnimations?: boolean;
     /**
      * Display or hide the component.
      */
-    isOpen?: boolean;
+    open?: boolean;
     /**
-     * Props to be passed to the Scrim component.
+     * Callback function triggered when open state changes.
      */
-    scrimProps?: Partial<ScrimProps>;
+    onOpenChange?: (open: boolean) => void;
     /**
      * Change background color palette
      */

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

@@ -1 +1,2 @@
 export * from "./Drawer";
+export * from "./useDrawer";

package/dist-types/drawer/useDrawer.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import { UseFloatingUIProps } from "@salt-ds/core";
+export declare type UseDrawerProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
+export declare function useDrawer(props: UseDrawerProps): {
+    getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
+    getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
+    floating: (node: HTMLElement | null) => void;
+    context: {
+        x: number | null;
+        y: number | null;
+        placement: import("@floating-ui/react").Placement;
+        strategy: import("@floating-ui/react").Strategy;
+        middlewareData: import("@floating-ui/react").MiddlewareData;
+        update: () => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        floating: (node: HTMLElement | null) => void;
+        isPositioned: boolean;
+        open: boolean;
+        onOpenChange: (open: boolean) => void;
+        events: import("@floating-ui/react").FloatingEvents;
+        dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
+        nodeId: string | undefined;
+        floatingId: string;
+        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
+        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
+    };
+};

package/dist-types/dropdown-next/DropdownNext.d.ts

@@ -0,0 +1,42 @@
+import { ListNextProps } from "../list-next";
+import { UseFloatingUIProps } from "@salt-ds/core";
+import { HTMLAttributes, Ref } from "react";
+import { Placement } from "@floating-ui/react";
+export interface DropdownNextProps extends Pick<UseFloatingUIProps, "open" | "onOpenChange" | "placement">, HTMLAttributes<HTMLButtonElement> {
+    /**
+     * If `true`, dropdown will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Initially selected value for the dropdown, for use only in uncontrolled component.
+     */
+    defaultSelected?: string;
+    /**
+     * List of options when using a dropdown.
+     */
+    source: string[];
+    /**
+     * If `true`, dropdown is read only.
+     */
+    readOnly?: boolean;
+    /**
+     * Background styling variant. Defaults to `primary` .
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Placement of dropdown list. Defaults to `bottom` .
+     */
+    placement?: Placement;
+    /**
+     * Optional ref for the list component.
+     */
+    listRef?: Ref<HTMLUListElement>;
+    /**
+     * Additional props for dropdown list.
+     */
+    ListProps?: ListNextProps;
+    open?: boolean;
+    selected?: string;
+    highlightedItem?: string;
+}
+export declare const DropdownNext: import("react").ForwardRefExoticComponent<DropdownNextProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist-types/dropdown-next/index.d.ts

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

package/dist-types/dropdown-next/useDropdownNext.d.ts

@@ -0,0 +1,31 @@
+import { UseFloatingUIProps } from "@salt-ds/core";
+import { HTMLProps, KeyboardEvent, FocusEvent } from "react";
+import { UseListProps } from "../list-next/useList";
+interface UseDropdownNextProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
+    listProps: UseListProps;
+    openControlProp?: boolean;
+}
+export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChange: onOpenChangeProp, placement: placementProp, }: UseDropdownNextProps) => {
+    handlers: {
+        focusHandler: (event: FocusEvent<HTMLElement>) => void;
+        keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
+        blurHandler: () => void;
+        mouseOverHandler: () => void;
+        mouseDownHandler: () => void;
+    };
+    activeDescendant: string | undefined;
+    selectedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    highlightedItem: string | undefined;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+    getListItems: (source: string[]) => JSX.Element[] | undefined;
+    portalProps: {
+        open: boolean;
+        setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+        floating: (node: HTMLElement | null) => void;
+        reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
+        getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
+    };
+};
+export {};

package/dist-types/index.d.ts

@@ -10,15 +10,16 @@ export * from "./carousel";
 export * from "./cascading-menu";
 export * from "./color-chooser";
 export * from "./combo-box";
+export * from "./combo-box-next";
 export * from "./combo-box-deprecated";
 export * from "./contact-details";
 export * from "./content-status";
-export * from "./control-label";
 export * from "./deck-item";
 export * from "./deck-layout";
 export * from "./dialog";
 export * from "./drawer";
 export * from "./dropdown";
+export * from "./dropdown-next";
 export * from "./editable-label";
 export * from "./file-drop-zone";
 export { FormFieldLegacy as FormField, type FormFieldLegacyProps as FormFieldProps, FormLabel, } from "./form-field-legacy";
@@ -32,8 +33,7 @@ export * from "./list-next";
 export * from "./logo";
 export * from "./menu-button";
 export * from "./metric";
-export * from "./multiline-input";
-export * from "./nav-item";
+export * from "./navigation-item";
 export * from "./overlay";
 export * from "./pagination";
 export * from "./parent-child-item";
@@ -53,6 +53,7 @@ export * from "./stepper-input";
 export * from "./switch";
 export * from "./tabs";
 export * from "./tabs-next";
+export * from "./toast-group";
 export * from "./tokenized-input";
 export * from "./toolbar";
 export * from "./tree";

package/dist-types/list-next/ListItemNext.d.ts

@@ -4,8 +4,13 @@ export interface ListItemNextProps extends HTMLAttributes<HTMLLIElement> {
      * If true, the particular list item in list will be disabled.
      */
     disabled?: boolean;
-    selected?: boolean;
+    /**
+     * List item id.
+     */
     id?: string;
+    /**
+     * List item value.
+     */
     value: string;
 }
 export declare const ListItemNext: import("react").ForwardRefExoticComponent<ListItemNextProps & import("react").RefAttributes<HTMLLIElement>>;

package/dist-types/list-next/ListNext.d.ts

@@ -1,10 +1,15 @@
-import { HTMLAttributes } from "react";
-export interface ListNextProps extends HTMLAttributes<HTMLUListElement> {
+import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
+export interface ListNextProps extends Omit<ComponentPropsWithoutRef<"ul">, "onChange"> {
     /**
      * If true, all items in list will be disabled.
      */
     disabled?: boolean;
+    disableFocus?: boolean;
+    highlightedItem?: string;
     selected?: string;
+    onChange?: (event: SyntheticEvent, data: {
+        value: string;
+    }) => void;
     defaultSelected?: string;
 }
 export declare const ListNext: import("react").ForwardRefExoticComponent<ListNextProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist-types/list-next/ListNextContext.d.ts

@@ -3,8 +3,10 @@ export interface ListNextContextValue {
     disabled?: boolean;
     id?: string;
     select: (event: SyntheticEvent<HTMLLIElement>) => void;
-    isSelected: (id: string) => boolean;
-    isFocused: (id: string) => boolean;
+    isSelected: (value: string) => boolean;
+    isFocused: (value: string) => boolean;
+    highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+    isHighlighted: (value: string) => boolean;
 }
 export declare const ListNextContext: import("react").Context<ListNextContextValue | undefined>;
 export declare function useListItem(): ListNextContextValue | undefined;

package/dist-types/list-next/useList.d.ts

@@ -1,9 +1,10 @@
-import { KeyboardEvent, RefObject, SyntheticEvent } from "react";
-interface UseListProps {
+import { FocusEvent, KeyboardEvent, RefObject, SyntheticEvent } from "react";
+export interface UseListProps {
     /**
      * If true, all items in list will be disabled.
      */
     disabled?: boolean;
+    highlightedItem?: string;
     selected?: string;
     defaultSelected?: string;
     onChange?: (e: SyntheticEvent, data: {
@@ -12,18 +13,24 @@ interface UseListProps {
     id?: string;
     ref: RefObject<HTMLUListElement>;
 }
-export declare const useList: ({ disabled, selected: selectedProp, defaultSelected, onChange, id, ref, }: UseListProps) => {
-    focusHandler: () => void;
-    keyDownHandler: (event: KeyboardEvent<HTMLUListElement>) => void;
+export declare const useList: ({ disabled, highlightedItem: highLightedItemProp, selected: selectedProp, defaultSelected, onChange, id, ref, }: UseListProps) => {
+    focusHandler: (event: FocusEvent<HTMLUListElement | HTMLElement>) => void;
+    keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
     blurHandler: () => void;
-    mouseDownHandler: () => void;
+    mouseOverHandler: () => void;
     activeDescendant: string | undefined;
+    selectedItem: string | undefined;
+    highlightedItem: string | undefined;
+    setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
+    setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
     contextValue: {
         disabled: boolean;
         id: string | undefined;
         select: (event: SyntheticEvent<HTMLLIElement>) => void;
-        isSelected: (id: string) => boolean;
-        isFocused: (id: string | undefined) => boolean;
+        isSelected: (value: string) => boolean;
+        isFocused: (value: string) => boolean;
+        highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+        isHighlighted: (value: string) => boolean;
     };
+    focusVisibleRef: import("react").Ref<HTMLElement>;
 };
-export {};

package/dist-types/navigation-item/ExpansionIcon.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { NavigationItemProps } from "./NavigationItem";
+export declare function ExpansionIcon({ expanded, orientation, className, }: Pick<NavigationItemProps, "expanded" | "orientation" | "className">): JSX.Element;

package/dist-types/navigation-item/NavigationItem.d.ts

@@ -0,0 +1,36 @@
+import { ComponentPropsWithoutRef, MouseEventHandler } from "react";
+export interface NavigationItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Whether the navigation item is active.
+     */
+    active?: boolean;
+    /**
+     * Whether the parent navigation item has active nested items.
+     */
+    blurSelected?: boolean;
+    /**
+     * Whether the navigation item is expanded.
+     */
+    expanded?: boolean;
+    /**
+     * Level of nesting.
+     */
+    level?: number;
+    /**
+     * The orientation of the navigation item.
+     */
+    orientation?: "horizontal" | "vertical";
+    /**
+     * Whether the navigation item is a parent with nested items.
+     */
+    parent?: boolean;
+    /**
+     * Action to be triggered when the navigation item is expanded.
+     */
+    onExpand?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Href to be passed to the Link element.
+     */
+    href?: string;
+}
+export declare const NavigationItem: import("react").ForwardRefExoticComponent<NavigationItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/navigation-item/index.d.ts

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

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

@@ -1,5 +1,4 @@
-import { HTMLAttributes, ReactElement } from "react";
-import { InfoRendererProps } from "../LinearProgress/LinearProgress";
+import { HTMLAttributes } from "react";
 export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * A label for accessibility
@@ -9,28 +8,15 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
      * The className(s) of the component
      */
     className?: string;
-    /**
-     * Disabled flag, true when the component is disabled.
-     */
-    disabled?: boolean;
     /**
      * The value of the max progress indicator.
      * Default value is 100.
      */
     max?: number;
-    /**
-     * 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;
-    /**
-     * Default unit is`%`
-     */
-    unit?: string;
     /**
      * The value of the progress indicator.
      * Value between 0 and max.
@@ -39,11 +25,5 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
 }
 /**
  * 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 {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/LinearProgress/LinearProgress.d.ts

@@ -1,32 +1,14 @@
-import { HTMLAttributes, ReactElement } from "react";
-export interface InfoRendererProps<T, U> {
-    unit: string;
-    value: number;
-    getUnitProps?: (props: T) => {
-        className: string;
-    } & T;
-    getValueProps: (props: U) => {
-        className: string;
-    } & U;
-}
+import { HTMLAttributes } from "react";
 export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * The className(s) of the component.
      */
     className?: string;
-    /**
-     * Disabled flag, true when the component is disabled.
-     */
-    disabled?: boolean;
     /**
      * The value of the max progress indicator.
      * Default value is 100.
      */
     max?: number;
-    /**
-     * 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.
      */
@@ -43,12 +25,5 @@ export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
 }
 /**
  * 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/stepped-tracker/StepLabel/StepLabel.d.ts

@@ -1,5 +1,3 @@
-import { ReactNode, ComponentPropsWithoutRef } from "react";
-export interface StepLabelProps extends ComponentPropsWithoutRef<"label"> {
-    children: ReactNode;
-}
-export declare const StepLabel: import("react").ForwardRefExoticComponent<StepLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+import { ComponentPropsWithoutRef } from "react";
+export declare type StepLabelProps = ComponentPropsWithoutRef<"label">;
+export declare const StepLabel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

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

@@ -1,16 +1,13 @@
 import { ReactNode } from "react";
-import { GetOverflowRef } from "./useDetectTruncatedText";
 export declare type SteppedTrackerContextType = {
     activeStep: number;
-    getOverflowRef: GetOverflowRef;
-    hasTooltips: boolean;
     totalSteps: number;
     isWithinSteppedTracker: boolean;
 };
 declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
     children: ReactNode;
 };
-export declare const SteppedTrackerProvider: ({ activeStep, getOverflowRef, hasTooltips, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
+export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
 export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
 export declare const useTrackerStepContext: () => number;
 declare type TrackerStepProivderProps = {

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

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

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

@@ -1,8 +1,45 @@
-import { ChangeEvent, InputHTMLAttributes } from "react";
-import { ControlLabelProps } from "../control-label";
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
-    label?: ControlLabelProps["label"];
-    LabelProps?: Partial<ControlLabelProps>;
-    onChange?: (event: ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+import { ChangeEventHandler, ComponentPropsWithoutRef, FocusEventHandler, ReactNode } from "react";
+export interface SwitchProps extends Omit<ComponentPropsWithoutRef<"label">, "children" | "onFocus" | "onBlur" | "onChange"> {
+    /**
+     * If `true`, the checkbox will be checked.
+     */
+    checked?: boolean;
+    /**
+     * Whether the checkbox component is checked by default
+     * This will be disregarded if checked is already set.
+     */
+    defaultChecked?: boolean;
+    /**
+     * If `true`, the checkbox will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Properties applied to the input element.
+     */
+    inputProps?: Partial<ComponentPropsWithoutRef<"input">>;
+    /**
+     * The label to be shown next to the checkbox.
+     */
+    label?: ReactNode;
+    /**
+     * The name applied to the input.
+     */
+    name?: string;
+    /**
+     * Callback when checkbox loses focus.
+     */
+    onBlur?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * Callback when checked state is changed.
+     */
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Callback when checkbox gains focus.
+     */
+    onFocus?: FocusEventHandler<HTMLInputElement>;
+    /**
+     * The value of the checkbox.
+     */
+    value?: string;
 }
 export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLLabelElement>>;

package/dist-types/toast-group/ToastGroup.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface ToastGroupProps extends ComponentPropsWithoutRef<"div"> {
+    placement?: "top-right" | "bottom-right";
+}
+export declare const ToastGroup: import("react").ForwardRefExoticComponent<ToastGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/toast-group/index.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.14",
+  "version": "1.0.0-alpha.16",
   "license": "Apache-2.0",
   "main": "dist-cjs/index.js",
   "sideEffects": false,
@@ -21,23 +21,23 @@
   "module": "dist-es/index.js",
   "typings": "dist-types/index.d.ts",
   "dependencies": {
-    "@salt-ds/core": "^1.8.0-rc.5",
+    "@salt-ds/core": "^1.8.1",
     "clsx": "^2.0.0",
     "react-window": "^1.8.6",
     "compute-scroll-into-view": "^3.0.0",
     "@salt-ds/window": "^0.1.1",
     "@salt-ds/styles": "^0.1.1",
-    "@salt-ds/icons": "^1.5.1",
+    "@salt-ds/icons": "^1.6.0",
     "@floating-ui/react": "^0.23.0",
     "@internationalized/date": "^3.0.0",
     "tinycolor2": "^1.4.2",
     "react-color": "^2.19.3",
     "deepmerge": "^4.2.2",
     "clipboard-copy": "^4.0.1",
-    "aria-hidden": "^1.1.1",
-    "no-scroll": "^2.1.1",
     "attr-accept": "^2.0.0",
     "rifm": "^0.12.0",
+    "aria-hidden": "^1.1.1",
+    "no-scroll": "^2.1.1",
     "@fluentui/react-overflow": "^9.0.19"
   },
   "files": [

package/dist-cjs/control-label/ControlLabel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var css_248z = ".salt-density-high {\n  --controlLabel-right-marginLeft: 3px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-medium {\n  --controlLabel-right-marginLeft: 6px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-low {\n  --controlLabel-right-marginLeft: 9px;\n  --controlLabel-right-marginRight: 0px;\n}\n.salt-density-touch {\n  --controlLabel-right-marginLeft: 12px;\n  --controlLabel-right-marginRight: 0px;\n}\n\n/* Styles applied to root component */\n.saltControlLabel {\n  align-items: center;\n  cursor: pointer;\n  display: inline-flex;\n}\n\n/* Styles applied to label */\n.saltControlLabel-label,\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: 0;\n  --controlLabel-marginRight: calc(var(--salt-size-unit) / 1.5);\n\n  color: var(--saltControlLabel-color, var(--salt-text-primary-foreground));\n  font-family: var(--salt-text-fontFamily);\n  font-size: var(--salt-text-fontSize);\n  font-weight: var(--salt-text-fontWeight);\n  line-height: var(--salt-text-lineHeight);\n  margin-left: var(--saltControlLabel-marginLeft, var(--controlLabel-marginLeft));\n  margin-right: var(--saltControlLabel-marginRight, var(--controlLabel-marginRight));\n  display: block;\n}\n\n/* Overrides on `labelPlacement=\"right\"` */\n.saltControlLabel-labelRight {\n  --controlLabel-marginLeft: var(--saltControlLabel-right-marginLeft, var(--controlLabel-right-marginLeft));\n  --controlLabel-marginRight: var(--saltControlLabel-right-marginRight, var(--controlLabel-right-marginRight));\n}\n\n/* Styles applied if `disabled={true}` or nested in FormField where `disabled={true}` */\n.saltControlLabel-disabled,\n.saltFormFieldLegacy-disabled .saltControlLabel {\n  cursor: var(--salt-selectable-cursor-disabled);\n}\n\n/* Styles applied to label if `disabled={true}` */\n.saltControlLabel-disabled .saltControlLabel-label {\n  cursor: var(--salt-selectable-cursor-disabled);\n  color: var(--saltControlLabel-color-disabled, var(--salt-text-primary-foreground-disabled));\n}\n";
-
-module.exports = css_248z;
-//# sourceMappingURL=ControlLabel.css.js.map

package/dist-cjs/control-label/ControlLabel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ControlLabel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}