@salt-ds/lab 1.0.0-alpha.4 → 1.0.0-alpha.40

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

@@ -0,0 +1,39 @@
+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: {
+        value: string | undefined;
+    }) => void;
+    onSelect?: (e: SyntheticEvent, data: {
+        value: string;
+    }) => void;
+    id?: string;
+    ref: RefObject<HTMLUListElement>;
+}
+export declare const useList: ({ disabled, highlightedItem: highlightedItemProp, selected: selectedProp, defaultSelected, onChange, onSelect, id, ref, }: UseListProps) => {
+    focusHandler: (event: FocusEvent<HTMLUListElement | HTMLElement>) => void;
+    keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
+    blurHandler: () => 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: (value: string) => boolean;
+        isFocused: (value: string) => boolean;
+        highlight: (event: SyntheticEvent<HTMLLIElement>) => void;
+        isHighlighted: (value: string) => boolean;
+    };
+    focusVisibleRef: import("react").Ref<HTMLElement>;
+};

package/dist-types/logo/Logo.d.ts

@@ -1,32 +1,3 @@
-import { ComponentType, ComponentPropsWithoutRef } from "react";
-import { LogoTitleProps } from "./internal/LogoTitle";
-import "./Logo.css";
-export interface LogoProps extends ComponentPropsWithoutRef<"span"> {
-    /**
-     * Used to provide application title
-     */
-    appTitle?: string;
-    /**
-     * If `true`, the logo will be compact;
-     */
-    compact?: boolean;
-    /**
-     * Props passed to the Logo.
-     */
-    ImageProps?: Partial<ComponentPropsWithoutRef<"img">>;
-    /**
-     * Custom Component to render the logo image.
-     * e.g. if a custom renderer instead of static image using `src` prop.
-     */
-    LogoImageComponent?: ComponentType<Partial<ComponentPropsWithoutRef<"img">>>;
-    /**
-     * Image src for logo.
-     */
-    src?: string;
-    /**
-     * Props passed to the Application Title if used.
-     * If using a custom image then ImageProps.alt should be set to include a screen reader alternative text.
-     */
-    TitleProps?: Omit<Partial<LogoTitleProps>, "label">;
-}
-export declare const Logo: import("react").ForwardRefExoticComponent<LogoProps & import("react").RefAttributes<HTMLSpanElement>>;
+import { ComponentPropsWithoutRef } from "react";
+export declare type LogoProps = ComponentPropsWithoutRef<"span">;
+export declare const Logo: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/logo/LogoImage.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface LogoImageProps extends Omit<ComponentPropsWithoutRef<"img">, "alt"> {
+    alt: string;
+}
+export declare const LogoImage: import("react").ForwardRefExoticComponent<LogoImageProps & import("react").RefAttributes<HTMLImageElement>>;

package/dist-types/logo/LogoSeparator.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare type LogoSeparatorProps = ComponentPropsWithoutRef<"span">;
+export declare const LogoSeparator: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLImageElement>>;

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

@@ -1 +1,3 @@
 export * from "./Logo";
+export * from "./LogoImage";
+export * from "./LogoSeparator";

package/dist-types/menu/Menu.d.ts

@@ -0,0 +1,4 @@
+import { MenuBaseProps } from "./MenuBase";
+export interface MenuProps extends MenuBaseProps {
+}
+export declare function Menu(props: MenuProps): JSX.Element;

package/dist-types/menu/MenuBase.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from "react";
+import { UseFloatingUIProps } from "@salt-ds/core";
+export interface MenuBaseProps {
+    children?: ReactNode;
+    /**
+     * Display or hide the component.
+     */
+    open?: boolean;
+    /**
+     * If true, the menu will be open by default.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (newOpen: boolean) => void;
+    /**
+     * Set the placement of the Menu component relative to the trigger element. Defaults to `bottom-start` if it's the root menu or `right-start` if it's nested.
+     */
+    placement?: UseFloatingUIProps["placement"];
+}
+export declare function MenuBase(props: MenuBaseProps): JSX.Element;

package/dist-types/menu/MenuContext.d.ts

@@ -0,0 +1,16 @@
+import { UseFloatingUIReturn } from "@salt-ds/core";
+import { Dispatch, MutableRefObject, SetStateAction } from "react";
+import { useInteractions } from "@floating-ui/react";
+declare type UseInteractionsReturn = ReturnType<typeof useInteractions>;
+export interface MenuContextValue extends Pick<UseInteractionsReturn, "getItemProps" | "getReferenceProps" | "getFloatingProps">, Partial<Pick<UseFloatingUIReturn, "context" | "refs">> {
+    openState: boolean;
+    activeIndex: number | null;
+    getPanelPosition: () => Record<string, unknown>;
+    elementsRef: MutableRefObject<(HTMLDivElement | null)[]>;
+    focusInside: boolean;
+    setFocusInside: Dispatch<SetStateAction<boolean>>;
+    isNested: boolean;
+}
+export declare const MenuContext: import("react").Context<MenuContextValue>;
+export declare function useMenuContext(): MenuContextValue;
+export {};

package/dist-types/menu/MenuGroup.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface MenuGroupProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The label of the menu group.
+     */
+    label?: string;
+    /**
+     * Menus to be rendered inside the menu group.
+     */
+    children?: ReactNode;
+}
+export declare const MenuGroup: import("react").ForwardRefExoticComponent<MenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuItem.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface MenuItemProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * If `true`, the item will be disabled.
+     */
+    disabled?: boolean;
+}
+export declare const MenuItem: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanel.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface MenuPanelProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The content of the menu panel.
+     */
+    children?: ReactNode;
+}
+export declare const MenuPanel: import("react").ForwardRefExoticComponent<MenuPanelProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanelBase.d.ts

@@ -0,0 +1,4 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface MenuPanelBaseProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const MenuPanelBase: import("react").ForwardRefExoticComponent<MenuPanelBaseProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/menu/MenuPanelContext.d.ts

@@ -0,0 +1,5 @@
+import { MenuContextValue } from "./MenuContext";
+export interface MenuPanelContextValue extends Pick<MenuContextValue, "getItemProps" | "activeIndex" | "setFocusInside"> {
+}
+export declare const MenuPanelContext: import("react").Context<MenuPanelContextValue>;
+export declare function useMenuPanelContext(): MenuPanelContextValue;

package/dist-types/menu/MenuTrigger.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+export interface MenuTriggerProps {
+    /**
+     * The trigger element for the menu. This should be a single child element and accept a ref.
+     */
+    children?: ReactNode;
+}
+export declare function MenuTrigger(props: MenuTriggerProps): JSX.Element;

package/dist-types/menu/MenuTriggerContext.d.ts

@@ -0,0 +1,6 @@
+export interface MenuTriggerContextValue {
+    triggersSubmenu: boolean;
+    blurActive: boolean;
+}
+export declare const MenuTriggerContext: import("react").Context<MenuTriggerContextValue>;
+export declare function useIsMenuTrigger(): MenuTriggerContextValue;

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

@@ -0,0 +1,5 @@
+export * from "./Menu";
+export * from "./MenuItem";
+export * from "./MenuPanel";
+export * from "./MenuTrigger";
+export * from "./MenuGroup";

package/dist-types/menu-button/MenuButtonTrigger.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { ButtonProps } from "@salt-ds/core";
-import "./MenuButtonTrigger.css";
 export interface MenuButtonTriggerProps extends ButtonProps {
     className?: string;
     hideCaret?: boolean;

package/dist-types/metric/Metric.d.ts

@@ -1,6 +1,5 @@
 import { HTMLAttributes } from "react";
 import { MetricContextValue } from "./internal";
-import "./Metric.css";
 export interface MetricProps extends MetricContextValue, HTMLAttributes<HTMLDivElement> {
     /**
      * The aria-level attribute to be applied to the heading component. The default is 2.

package/dist-types/metric/MetricContent.d.ts

@@ -1,6 +1,5 @@
 import { IconProps } from "@salt-ds/icons";
 import { ComponentType, HTMLAttributes } from "react";
-import "./MetricContent.css";
 export interface MetricContentProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * These props will be passed to the indicator icon. Use this to render a

package/dist-types/metric/MetricHeader.d.ts

@@ -1,6 +1,5 @@
 import { LinkProps } from "@salt-ds/core";
 import { HTMLAttributes } from "react";
-import "./MetricHeader.css";
 export interface MetricHeaderProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * If provided, subtitle will be rendered as a `Link` element with these props.

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/parent-child-layout/ParentChildLayout.d.ts

@@ -1,29 +1,18 @@
-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> {
+import { Breakpoints } from "@salt-ds/core";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface ParentChildLayoutProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Breakpoint at which the parent and child will stack.
      */
-    stackedAtBreakpoint?: keyof Breakpoints;
+    collapseAtBreakpoint?: keyof Breakpoints;
     /**
-     * Change element that is displayed when in staked view.
+     * View that is displayed when in a collapsed state.
      */
-    stackedViewElement?: StackedViewElement;
+    visibleView?: "child" | "parent";
     /**
-     * Disable all animations.
+     * Controls the space between parent and child components, default is 0.
      */
-    disableAnimations?: boolean;
-    /**
-     * Orientation for slide animations.
-     */
-    orientation?: Orientation;
-    /**
-     * Controls the space between columns.
-     */
-    gap?: FlexLayoutProps<ElementType>["gap"];
+    gap?: number;
     /**
      * Parent component to be rendered
      */
@@ -32,6 +21,9 @@ export interface ParentChildLayoutProps extends HTMLAttributes<HTMLDivElement> {
      * Child component to be rendered
      */
     child: ReactNode;
+    /**
+     * Function called when the viewport size equal to or less than the collapseAtBreakpoint variable
+     */
+    onCollapseChange?: (isCollapsed: boolean) => void;
 }
 export declare const ParentChildLayout: import("react").ForwardRefExoticComponent<ParentChildLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};

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

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

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/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/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.

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/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/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,4 @@
-/// <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,3 @@
-/// <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,3 @@
-/// <reference types="react" />
-import "../Slider.css";
 export interface SliderSelectionProps {
     valueLength: number;
 }

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

@@ -0,0 +1,8 @@
+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/StepLabel/index.d.ts

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

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

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+export interface SteppedTrackerProps extends ComponentPropsWithoutRef<"ul"> {
+    /**
+     * The index of the current activeStep
+     */
+    activeStep: number;
+    /**
+     * Should be one or more TrackerStep components
+     */
+    children: ReactNode;
+    /**
+     * The orientation of the SteppedTracker. Defaults to `horizontal`
+     */
+    orientation?: "horizontal" | "vertical";
+}
+export declare const SteppedTracker: import("react").ForwardRefExoticComponent<SteppedTrackerProps & import("react").RefAttributes<HTMLUListElement>>;

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

@@ -0,0 +1,18 @@
+import { ReactNode } from "react";
+export interface SteppedTrackerContextType {
+    activeStep: number;
+    totalSteps: number;
+    isWithinSteppedTracker: boolean;
+}
+declare type SteppedTrackerProviderProps = Omit<SteppedTrackerContextType, "isWithinSteppedTracker"> & {
+    children: ReactNode;
+};
+export declare const SteppedTrackerProvider: ({ activeStep, totalSteps, children, }: SteppedTrackerProviderProps) => JSX.Element;
+export declare const useSteppedTrackerContext: () => SteppedTrackerContextType;
+export declare const useTrackerStepContext: () => number;
+interface TrackerStepProviderProps {
+    stepNumber: number;
+    children: ReactNode;
+}
+export declare const TrackerStepProvider: ({ children, stepNumber, }: TrackerStepProviderProps) => JSX.Element;
+export {};

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

@@ -0,0 +1,9 @@
+declare type ConnectorState = "default" | "active";
+interface TrackerConnectorProps {
+    /**
+     * The state of the connector, which acts as an indicator of whether the active step is ahead/behind
+     */
+    state: ConnectorState;
+}
+export declare const TrackerConnector: ({ state }: TrackerConnectorProps) => JSX.Element;
+export {};

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

@@ -0,0 +1 @@
+export { TrackerConnector } from "./TrackerConnector";

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

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef } from "react";
+declare type State = "default" | "completed";
+export interface TrackerStepProps extends ComponentPropsWithoutRef<"li"> {
+    /**
+     * The state of the TrackerStep
+     */
+    state?: State;
+}
+export declare const TrackerStep: import("react").ForwardRefExoticComponent<TrackerStepProps & import("react").RefAttributes<HTMLLIElement>>;
+export {};

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

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

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

@@ -0,0 +1,3 @@
+export * from "./SteppedTracker";
+export * from "./TrackerStep";
+export * from "./StepLabel";

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/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/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>) => {
@@ -26,7 +26,7 @@ export declare const useStepperInput: (props: StepperInputProps, inputRef: Mutab
         tabIndex: number;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
-        'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+        'aria-autocomplete'?: "list" | "none" | "both" | "inline" | undefined;
         'aria-busy'?: (boolean | "true" | "false") | undefined;
         'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
         'aria-colcount'?: number | undefined;
@@ -37,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" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
+        'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
         'aria-errormessage'?: string | undefined;
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;

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

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

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

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