@salt-ds/lab 1.0.0-alpha.17 → 1.0.0-alpha.19

package/dist-types/common-hooks/useTypeahead.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CollectionItem } from "./collectionTypes";
 interface TypeaheadHookProps<Item> {
     disableTypeToSelect?: boolean;

package/dist-types/contact-details/ContactAvatar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AvatarProps } from "@salt-ds/core";
 export declare type ContactAvatarProps = AvatarProps;
 export declare const ContactAvatar: import("react").ForwardRefExoticComponent<AvatarProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/contact-details/ContactFavoriteToggle.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from "@salt-ds/core";
 import { FavoriteToggleWithTooltipProps } from "./internal";
 export interface ContactFavoriteToggleProps extends FavoriteToggleWithTooltipProps {

package/dist-types/contact-details/MailLinkComponent.d.ts

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

package/dist-types/contact-details/internal/ContactDetailsContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContactDetailsVariant } from "../ContactDetails";
 export interface ContactDetailsContext {
     variant: ContactDetailsVariant;

package/dist-types/contact-details/internal/FavoriteToggleWithTooltip.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TooltipProps } from "@salt-ds/core";
 import { FavoriteToggleProps } from "./FavoriteToggle";
 export interface FavoriteToggleWithTooltipProps extends FavoriteToggleProps {

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

@@ -1,2 +1,8 @@
-import { HTMLAttributes } from "react";
-export declare const DialogActions: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes, ReactNode } from "react";
+export interface DialogActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of Dialog Actions
+     */
+    children?: ReactNode;
+}
+export declare const DialogActions: import("react").ForwardRefExoticComponent<DialogActionsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export declare const DialogCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -1,2 +1,8 @@
-import { HTMLAttributes } from "react";
-export declare const DialogContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+import { HTMLAttributes, ReactNode } from "react";
+export interface DialogContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content of Dialog Content
+     */
+    children?: ReactNode;
+}
+export declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const DialogContext: import("react").Context<{
     dialogId?: string | undefined;
     status?: "error" | "warning" | "success" | "info" | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseFloatingUIProps } from "@salt-ds/core";
 export declare type UseDialogProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
 export declare function useDialog(props: UseDialogProps): {
@@ -8,12 +7,12 @@ export declare function useDialog(props: UseDialogProps): {
     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;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
         floating: (node: HTMLElement | null) => void;
+        update: () => void;
         isPositioned: boolean;
         open: boolean;
         onOpenChange: (open: boolean) => void;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from "react";
 export declare const DRAWER_POSITIONS: readonly ["left", "top", "right", "bottom"];
-export declare type DrawerPositions = typeof DRAWER_POSITIONS[number];
+export declare type DrawerPositions = (typeof DRAWER_POSITIONS)[number];
 export interface DrawerProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Defines the drawer position within the screen.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { UseFloatingUIProps } from "@salt-ds/core";
 export declare type UseDrawerProps = Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open">>;
 export declare function useDrawer(props: UseDrawerProps): {
@@ -8,12 +7,12 @@ export declare function useDrawer(props: UseDrawerProps): {
     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;
+        placement: import("@floating-ui/utils").Placement;
+        strategy: import("@floating-ui/utils").Strategy;
+        middlewareData: import("@floating-ui/core").MiddlewareData;
         reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
         floating: (node: HTMLElement | null) => void;
+        update: () => void;
         isPositioned: boolean;
         open: boolean;
         onOpenChange: (open: boolean) => void;

package/dist-types/dropdown/DropdownBase.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DropdownBaseProps } from "./dropdownTypes";
 export declare type MaybeChildProps = {
     className?: string;

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

@@ -26,6 +26,13 @@ export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChang
         floating: (node: HTMLElement | null) => void;
         reference: (node: import("@floating-ui/react").ReferenceType | null) => void;
         getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
+        getPosition: () => {
+            top: number;
+            left: number;
+            position: import("@floating-ui/utils").Strategy;
+            width: number | undefined;
+            height: number | undefined;
+        };
     };
 };
 export {};

package/dist-types/form-field-legacy/FormActivationIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldLegacyProps as FormFieldProps } from "./FormFieldLegacy";
 export interface FormActivationIndicatorProps extends Pick<FormFieldProps, "validationStatus"> {
     hasIcon?: boolean;

package/dist-types/form-field-legacy/FormControlContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FormControlContext: import("react").Context<{
     focused: boolean;
 }>;

package/dist-types/formatted-input/FormattedInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputLegacyProps as InputProps } from "../input-legacy";
 export declare type MaskFunction = (value: string | undefined) => boolean;
 export interface RifmOptions {

package/dist-types/layer-layout/LayerLayout.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes } from "react";
 import { ScrimProps } from "../scrim";
 import { Breakpoints } from "@salt-ds/core";
 export declare const LAYER_POSITIONS: readonly ["center", "left", "top", "right", "bottom"];
-export declare type LayerPositions = typeof LAYER_POSITIONS[number];
+export declare type LayerPositions = (typeof LAYER_POSITIONS)[number];
 export interface LayerLayoutProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Disable the scrim.

package/dist-types/metric/internal/MetricContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MetricContextValue {
     /**
      * Text and value alignment.

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

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

package/dist-types/pagination/ArrowButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export declare type ArrowButtonType = "previous" | "next";
 export interface ArrowButtonProps extends ButtonProps {

package/dist-types/pagination/CompactControls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
 export interface CompactControlsProps {
     count: number;

package/dist-types/pagination/CompactInput.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormFieldLegacyProps as FormFieldProps } from "../form-field-legacy";
 export interface CompactInputProps {
     count: number;

package/dist-types/pagination/PageButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PageButtonProps {
     page: number;
     isSelected?: boolean;

package/dist-types/pagination/PaginationContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface PaginationContext {
     page: number;
     count: number;

package/dist-types/pagination/RegularControls.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RegularControlsProps {
     count: number;
     page: number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PillBaseProps } from "./PillBase";
 export interface ClosablePillProps extends Omit<PillBaseProps, "clickable"> {
     /**

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export interface DeleteButtonProps extends ButtonProps {
     /**

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

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

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

@@ -13,10 +13,6 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
      * Default value is 100.
      */
     max?: number;
-    /**
-     * If `true`, the info panel will be displayed.
-     */
-    showInfo?: boolean;
     /**
      * The value of the progress indicator.
      * Value between 0 and max.
@@ -24,6 +20,6 @@ export interface CircularProgressProps extends HTMLAttributes<HTMLDivElement> {
     value?: number;
 }
 /**
- * Circular progress bar with an optional Info element, showing the current value
+ * Circular progress bar with an Info element showing the current value
  */
 export declare const CircularProgress: import("react").ForwardRefExoticComponent<CircularProgressProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface InfoProps {
     className: string;
     unit: string;

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

@@ -10,11 +10,7 @@ export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
      */
     max?: number;
     /**
-     * If `true`, the info panel will be displayed.
-     */
-    showInfo?: boolean;
-    /**
-     * Default unit is`%`.
+     * Default unit is `%`.
      */
     unit?: string;
     /**
@@ -24,6 +20,6 @@ export interface LinearProgressProps extends HTMLAttributes<HTMLDivElement> {
     value?: number;
 }
 /**
- * Linear progress bar with an optional Info element, showing the current value
+ * Linear progress bar with an Info element showing the current value
  */
 export declare const LinearProgress: import("react").ForwardRefExoticComponent<LinearProgressProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CategoryListContext {
     width: number;
 }

package/dist-types/responsive/overflowUtils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ElementRef, OverflowItem, orientationType } from "./overflowTypes";
 export declare const DropdownPlaceholder: () => null;
 export declare const getDropdownPlaceholder: () => JSX.Element;

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

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

package/dist-types/skip-link/internal/useManageFocusOnTarget.d.ts

@@ -1,5 +1,5 @@
+/// <reference types="cypress" />
 /// <reference types="node" />
-/// <reference types="webpack-env" />
 import { RefObject } from "react";
 export declare const useManageFocusOnTarget: ({ targetRef, targetClass, }: {
     targetRef: RefObject<HTMLElement> | undefined;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SliderMark } from "./SliderRailMarks";
 export interface SliderMarkLabelsProps {
     min: number;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface SliderSelectionProps {
     valueLength: number;
 }

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

@@ -1,3 +1,8 @@
-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>>;
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface StepLabelProps extends ComponentPropsWithoutRef<"label"> {
+    /**
+     * The content of Step Label
+     */
+    children?: ReactNode;
+}
+export declare const StepLabel: import("react").ForwardRefExoticComponent<StepLabelProps & import("react").RefAttributes<HTMLLabelElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type ConnectorState = "default" | "active";
 declare type TrackerConnectorProps = {
     /**

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

@@ -1,4 +1,3 @@
-/// <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/tabs/TabActivationIndicator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface TabActivationIndicatorProps {
     hideThumb?: boolean;
     orientation?: "horizontal" | "vertical";

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

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

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

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

package/dist-types/tabs-next/TabNextContext.d.ts

@@ -4,13 +4,15 @@ declare type TabValue = {
     label: ReactNode;
 };
 export interface TabsContextValue {
+    activeColor: "primary" | "secondary";
     disabled?: boolean;
-    select: (event: SyntheticEvent<HTMLButtonElement>) => void;
-    isSelected: (id: string) => boolean;
+    activate: (event: SyntheticEvent<HTMLButtonElement>) => void;
+    isActive: (id: string) => boolean;
     setFocusable: (id: string) => void;
     isFocusable: (id: string) => boolean;
     registerTab: (tab: TabValue) => void;
     unregisterTab: (id: string) => void;
+    variant: "main" | "inline";
 }
 export declare const TabsContext: import("react").Context<TabsContextValue>;
 export declare function useTabs(): TabsContextValue;

package/dist-types/tabs-next/TabstripNext.d.ts

@@ -1,10 +1,12 @@
 import { ComponentPropsWithoutRef, SyntheticEvent } from "react";
 export interface TabstripNextProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
-    disabled?: boolean;
-    selected?: string;
+    activeColor?: "primary" | "secondary";
+    align?: "left" | "center" | "right";
+    value?: string;
     onChange?: (e: SyntheticEvent, data: {
         value: string;
     }) => void;
-    defaultSelected?: string;
+    defaultValue?: string;
+    variant?: "main" | "inline";
 }
 export declare const TabstripNext: import("react").ForwardRefExoticComponent<TabstripNextProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ButtonProps } from "@salt-ds/core";
 export declare type ToolbarButtonProps = ButtonProps & {
     overflowLabel?: string;

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

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

package/dist-types/toolbar/internal/ToolbarHiddenItemIdsContext.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const _default: import("react").Context<{}>;
 export default _default;

package/dist-types/toolbar/internal/renderToolbarItems.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { orientationType, OverflowCollectionHookResult, OverflowItem } from "../../responsive";
 export declare const renderToolbarItems: (collectionHook: OverflowCollectionHookResult, overflowedItems: OverflowItem<"child">[] | undefined, orientation: orientationType) => JSX.Element[];

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ToolbarFieldProps } from "./toolbarFieldTypes";
 export declare const ToolbarField: import("react").ForwardRefExoticComponent<ToolbarFieldProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/dist-types/window/ElectronWindow.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ElectronWindow: import("react").ForwardRefExoticComponent<{
     open?: boolean | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/window/desktop-utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WindowParentContext: import("react").Context<{
     top: number;
     left: number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.17",
+  "version": "1.0.0-alpha.19",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -26,9 +26,9 @@
     "react-window": "^1.8.6",
     "rifm": "^0.12.0",
     "tinycolor2": "^1.4.2",
-    "@salt-ds/core": "^1.8.2",
+    "@salt-ds/core": "^1.10.0",
     "@salt-ds/window": "^0.1.1",
-    "@salt-ds/styles": "^0.1.1",
+    "@salt-ds/styles": "^0.1.2",
     "@salt-ds/icons": "^1.7.0"
   },
   "peerDependencies": {