@salt-ds/lab 1.0.0-alpha.72 → 1.0.0-alpha.74

package/dist-es/vertical-navigation/VerticalNavigationSubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerticalNavigationSubMenu.js","sources":["../src/vertical-navigation/VerticalNavigationSubMenu.tsx"],"sourcesContent":["import { makePrefixer } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { clsx } from \"clsx\";\nimport { type ComponentPropsWithoutRef, forwardRef, useState } from \"react\";\nimport { SubMenuProvider } from \"./SubMenuContext\";\nimport verticalNavigationSubMenuCss from \"./VerticalNavigationSubMenu.css\";\n\nexport interface VerticalNavigationSubMenuProps\n  extends ComponentPropsWithoutRef<\"ul\"> {}\n\nconst withBaseName = makePrefixer(\"saltVerticalNavigationSubMenu\");\n\nexport const VerticalNavigationSubMenu = forwardRef<\n  HTMLUListElement,\n  VerticalNavigationSubMenuProps\n>(function VerticalNavigationSubMenu(props, ref) {\n  const { children, className, ...rest } = props;\n\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"salt-vertical-navigation-sub-menu\",\n    css: verticalNavigationSubMenuCss,\n    window: targetWindow,\n  });\n\n  const [directIcons, setDirectIcons] = useState<string[]>([]);\n\n  return (\n    <SubMenuProvider directIcons={directIcons} setDirectIcons={setDirectIcons}>\n      <ul\n        ref={ref}\n        className={clsx(withBaseName(), className)}\n        data-has-direct-icons={directIcons.length > 0}\n        {...rest}\n      >\n        {children}\n      </ul>\n    </SubMenuProvider>\n  );\n});\n"],"names":["VerticalNavigationSubMenu","verticalNavigationSubMenuCss"],"mappings":";;;;;;;;;AAWA,MAAM,YAAA,GAAe,aAAa,+BAA+B,CAAA;AAE1D,MAAM,yBAA4B,GAAA,UAAA,CAGvC,SAASA,0BAAAA,CAA0B,OAAO,GAAK,EAAA;AAC/C,EAAA,MAAM,EAAE,QAAA,EAAU,SAAW,EAAA,GAAG,MAAS,GAAA,KAAA;AAEzC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mCAAA;AAAA,IACR,GAAK,EAAAC,QAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,WAAa,EAAA,cAAc,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AAE3D,EACE,uBAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,WAAA,EAA0B,cACzC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAW,EAAA,IAAA,CAAK,YAAa,EAAA,EAAG,SAAS,CAAA;AAAA,MACzC,uBAAA,EAAuB,YAAY,MAAS,GAAA,CAAA;AAAA,MAC3C,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist-types/collapsible/Collapsible.d.ts

@@ -0,0 +1,16 @@
+import { type ComponentPropsWithoutRef, type SyntheticEvent } from "react";
+export interface CollapsibleProps extends Omit<ComponentPropsWithoutRef<"div">, "onToggle"> {
+    /**
+     * Whether the accordion is open.
+     */
+    open?: boolean;
+    /**
+     * Whether the accordion is open by default.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback fired when the accordion is opened or closed.
+     */
+    onOpenChange?: (event: SyntheticEvent<HTMLButtonElement>, open: boolean) => void;
+}
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist-types/collapsible/CollapsibleContext.d.ts

@@ -0,0 +1,9 @@
+import { type SyntheticEvent } from "react";
+export type CollapsibleContextValue = {
+    open: boolean;
+    setOpen: (event: SyntheticEvent<HTMLButtonElement>, open: boolean) => void;
+    panelId?: string;
+    setPanelId?: (panelId: string) => void;
+};
+export declare const CollapsibleContext: import("react").Context<CollapsibleContextValue>;
+export declare function useCollapsibleContext(): CollapsibleContextValue;

package/dist-types/collapsible/CollapsiblePanel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface CollapsiblePanelProps extends ComponentPropsWithoutRef<"div"> {
+}
+export declare const CollapsiblePanel: (props: CollapsiblePanelProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/collapsible/CollapsibleTrigger.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef, type ReactNode } from "react";
+export interface CollapsibleTriggerProps extends ComponentPropsWithoutRef<"button"> {
+    children: ReactNode;
+}
+export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,3 @@
+export * from "./Collapsible";
+export * from "./CollapsiblePanel";
+export * from "./CollapsibleTrigger";

package/dist-types/index.d.ts

@@ -3,6 +3,7 @@ export * from "./breadcrumbs";
 export * from "./button-bar";
 export * from "./calendar";
 export * from "./cascading-menu";
+export * from "./collapsible";
 export * from "./color-chooser";
 export * from "./combo-box";
 export * from "./combo-box-deprecated";
@@ -36,6 +37,7 @@ export * from "./responsive";
 export * from "./search-input";
 export * from "./static-list";
 export * from "./system-status";
+export * from "./table";
 export * from "./tabs";
 export * from "./tabs-next";
 export * from "./toast-group";
@@ -44,4 +46,5 @@ export * from "./tokenized-input-next";
 export * from "./toolbar";
 export * from "./tree";
 export * from "./utils";
+export * from "./vertical-navigation";
 export * from "./window";

package/dist-types/table/TBody.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TBodyProps extends ComponentPropsWithoutRef<"tbody"> {
+}
+export declare const TBody: import("react").ForwardRefExoticComponent<TBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist-types/table/TD.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TDProps extends ComponentPropsWithoutRef<"td"> {
+}
+export declare const TD: import("react").ForwardRefExoticComponent<TDProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist-types/table/TFoot.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TFootProps extends ComponentPropsWithoutRef<"tfoot"> {
+    /**
+     * If footer is positioned with sticky styling.
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Divider styling variant. Defaults to "primary";
+     * @default primary
+     */
+    divider?: "primary" | "secondary" | "tertiary" | "none";
+    /**
+     * Styling variant for footer.
+     * If undefined, will match variant of parent Table component's variant.
+     * @default undefined
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export declare const TFoot: import("react").ForwardRefExoticComponent<TFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist-types/table/TH.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface THProps extends ComponentPropsWithoutRef<"th"> {
+}
+export declare const TH: import("react").ForwardRefExoticComponent<THProps & import("react").RefAttributes<HTMLTableCellElement>>;

package/dist-types/table/THead.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface THeadProps extends ComponentPropsWithoutRef<"thead"> {
+    /**
+     * If header is positioned with sticky styling.
+     * @default false
+     */
+    sticky?: boolean;
+    /**
+     * Divider styling variant. Defaults to "primary";
+     * @default primary
+     */
+    divider?: "primary" | "secondary" | "tertiary" | "none";
+    /**
+     * Styling variant for header.
+     * If undefined, will match variant of parent Table component's variant.
+     * @default undefined
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+}
+export declare const THead: import("react").ForwardRefExoticComponent<THeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;

package/dist-types/table/TR.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TRProps extends ComponentPropsWithoutRef<"tr"> {
+}
+export declare const TR: import("react").ForwardRefExoticComponent<TRProps & import("react").RefAttributes<HTMLTableRowElement>>;

package/dist-types/table/Table.d.ts

@@ -0,0 +1,20 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface TableProps extends ComponentPropsWithoutRef<"table"> {
+    /**
+     * Styling variant. Defaults to "primary".
+     * @default primary
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+    /**
+     * Divider styling variant. Defaults to "tertiary";
+     * @default secondary
+     */
+    divider?: "primary" | "secondary" | "tertiary" | "none";
+    /**
+     * Zebra styling. Applies variant to every other row.
+     * @default undefined
+     */
+    zebra?: "primary" | "secondary" | "tertiary";
+}
+export declare const withTableBaseName: import("@salt-ds/core").ClassNamePrefixer;
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;

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

@@ -0,0 +1,7 @@
+export * from "./Table";
+export * from "./TBody";
+export * from "./TD";
+export * from "./TFoot";
+export * from "./TH";
+export * from "./THead";
+export * from "./TR";

package/dist-types/vertical-navigation/SubMenuContext.d.ts

@@ -0,0 +1,14 @@
+import { type Dispatch, type ReactNode, type SetStateAction } from "react";
+type SubMenuContextValue = {
+    depth: number;
+    iconPaddingCount: number;
+    setDirectIcons?: Dispatch<SetStateAction<string[]>>;
+};
+export declare const SubMenuContext: import("react").Context<SubMenuContextValue>;
+export declare const useSubMenuContext: () => SubMenuContextValue;
+export declare function SubMenuProvider({ children, directIcons, setDirectIcons, }: {
+    children: ReactNode;
+    directIcons: string[];
+    setDirectIcons?: Dispatch<SetStateAction<string[]>>;
+}): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist-types/vertical-navigation/VerticalNavigation.d.ts

@@ -0,0 +1,5 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationProps extends ComponentPropsWithoutRef<"ol"> {
+    appearance?: "indicator" | "bordered";
+}
+export declare const VerticalNavigation: import("react").ForwardRefExoticComponent<VerticalNavigationProps & import("react").RefAttributes<HTMLOListElement>>;

package/dist-types/vertical-navigation/VerticalNavigationItem.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithoutRef, type Dispatch, type SetStateAction } from "react";
+export interface VerticalNavigationItemProps extends ComponentPropsWithoutRef<"li"> {
+    active?: boolean;
+}
+type VerticalNavigationItemContextType = {
+    active: boolean;
+    focusVisible: boolean;
+    setFocusVisible: Dispatch<SetStateAction<boolean>>;
+};
+export declare function useVerticalNavigationItem(): VerticalNavigationItemContextType;
+export declare const VerticalNavigationItem: import("react").ForwardRefExoticComponent<VerticalNavigationItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export {};

package/dist-types/vertical-navigation/VerticalNavigationItemContent.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationItemContentProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const VerticalNavigationItemContent: import("react").ForwardRefExoticComponent<VerticalNavigationItemContentProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/vertical-navigation/VerticalNavigationItemExpansionIcon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from "@salt-ds/icons";
+export declare const VerticalNavigationItemExpansionIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist-types/vertical-navigation/VerticalNavigationItemLabel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationItemLabelProps extends ComponentPropsWithoutRef<"span"> {
+}
+export declare const VerticalNavigationItemLabel: import("react").ForwardRefExoticComponent<VerticalNavigationItemLabelProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist-types/vertical-navigation/VerticalNavigationItemTrigger.d.ts

@@ -0,0 +1,6 @@
+import { type RenderPropsType } from "@salt-ds/core";
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationItemTriggerProps extends ComponentPropsWithoutRef<"a"> {
+    render?: RenderPropsType["render"];
+}
+export declare const VerticalNavigationItemTrigger: import("react").ForwardRefExoticComponent<VerticalNavigationItemTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/vertical-navigation/VerticalNavigationSubMenu.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithoutRef } from "react";
+export interface VerticalNavigationSubMenuProps extends ComponentPropsWithoutRef<"ul"> {
+}
+export declare const VerticalNavigationSubMenu: import("react").ForwardRefExoticComponent<VerticalNavigationSubMenuProps & import("react").RefAttributes<HTMLUListElement>>;

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

@@ -0,0 +1,7 @@
+export * from "./VerticalNavigation";
+export * from "./VerticalNavigationItem";
+export * from "./VerticalNavigationItemContent";
+export * from "./VerticalNavigationItemExpansionIcon";
+export * from "./VerticalNavigationItemLabel";
+export * from "./VerticalNavigationItemTrigger";
+export * from "./VerticalNavigationSubMenu";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/lab",
-  "version": "1.0.0-alpha.72",
+  "version": "1.0.0-alpha.74",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   ],
   "dependencies": {
     "@floating-ui/react": "^0.26.28",
-    "@salt-ds/core": "^1.47.2",
+    "@salt-ds/core": "^1.47.4",
     "@salt-ds/date-adapters": "0.1.0-alpha.5",
     "@salt-ds/icons": "^1.14.0",
     "@salt-ds/styles": "0.2.1",