@salt-ds/core 1.18.1 → 1.20.0

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

@@ -0,0 +1,22 @@
+import { ReactNode, ComponentPropsWithoutRef } from "react";
+import { ValidationStatus } from "../status-indicator";
+interface DialogTitleProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * The status of the Dialog
+     */
+    status?: ValidationStatus | undefined;
+    /**
+     * Displays the accent bar in the Dialog Title */
+    disableAccent?: boolean;
+    /**
+     * Displays the header at the top of the Dialog
+     */
+    header: ReactNode;
+    /**
+     * Displays the preheader just above the header
+     **/
+    preheader?: ReactNode;
+    className?: string;
+}
+export declare const DialogHeader: ({ className, header, preheader, disableAccent, status: statusProp, ...rest }: DialogTitleProps) => JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,28 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface DrawerProps extends ComponentPropsWithoutRef<"div"> {
+    /**
+     * Defines the drawer position within the screen. Defaults to `left`.
+     */
+    position?: "left" | "top" | "right" | "bottom";
+    /**
+     * Display or hide the component.
+     */
+    open?: boolean;
+    /**
+     * Callback function triggered when open state changes.
+     */
+    onOpenChange?: (newOpen: boolean) => void;
+    /**
+     * Change background color palette
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Prevent the dialog closing on click away
+     * */
+    disableDismiss?: boolean;
+    /**
+     * Prevent Scrim from rendering
+     * */
+    disableScrim?: boolean;
+}
+export declare const Drawer: import("react").ForwardRefExoticComponent<DrawerProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+import { ButtonProps } from "../button";
+export declare const DrawerCloseButton: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

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

package/dist-types/index.d.ts

@@ -9,6 +9,8 @@ export * from "./breakpoints";
 export * from "./button";
 export * from "./card";
 export * from "./checkbox";
+export * from "./dialog";
+export * from "./drawer";
 export * from "./file-drop-zone";
 export * from "./flex-item";
 export * from "./flex-layout";
@@ -19,6 +21,7 @@ export * from "./grid-item";
 export * from "./grid-layout";
 export * from "./input";
 export * from "./link";
+export * from "./link-card";
 export * from "./multiline-input";
 export * from "./navigation-item";
 export * from "./pagination";

package/dist-types/link-card/LinkCard.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef } from "react";
+export interface LinkCardProps extends ComponentPropsWithoutRef<"a"> {
+    /**
+     * If provided an accent is shown in the specified position.
+     */
+    accent?: "bottom" | "top" | "left" | "right";
+    /**
+     * Styling variant; defaults to "primary".
+     */
+    variant?: "primary" | "secondary";
+}
+export declare const LinkCard: import("react").ForwardRefExoticComponent<LinkCardProps & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist-types/link-card/index.d.ts

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

package/dist-types/salt-provider/SaltProvider.d.ts

@@ -2,11 +2,15 @@ import React, { ReactElement, ReactNode } from "react";
 import { Breakpoints } from "../breakpoints";
 import { Density, Mode, ThemeName } from "../theme";
 import { WindowContextType } from "@salt-ds/window";
+import { UNSTABLE_Corner } from "../theme/Corner";
 export declare const DEFAULT_DENSITY = "medium";
 export interface ThemeContextProps {
     theme: ThemeName;
     mode: Mode;
     window?: WindowContextType;
+    /** Only available when using SaltProviderNext. */
+    themeNext: boolean;
+    UNSTABLE_corner: UNSTABLE_Corner;
 }
 export declare const DensityContext: React.Context<"touch" | "high" | "low" | "medium">;
 export declare const ThemeContext: React.Context<ThemeContextProps>;
@@ -32,6 +36,11 @@ interface SaltProviderThatClassesToRoot extends SaltProviderThatInjectsThemeElem
 }
 declare type SaltProviderProps = SaltProviderThatAppliesClassesToChild | SaltProviderThatInjectsThemeElement | SaltProviderThatClassesToRoot;
 export declare function SaltProvider({ enableStyleInjection, ...restProps }: SaltProviderProps): JSX.Element;
+interface UNSTABLE_SaltProviderNextAdditionalProps {
+    corner?: UNSTABLE_Corner;
+}
+export declare type UNSTABLE_SaltProviderNextProps = SaltProviderProps & UNSTABLE_SaltProviderNextAdditionalProps;
+export declare function UNSTABLE_SaltProviderNext({ enableStyleInjection, ...restProps }: UNSTABLE_SaltProviderNextProps): JSX.Element;
 export declare const useTheme: () => ThemeContextProps;
 /**
  * `useDensity` merges density value from `DensityContext` with the one from component's props.

package/dist-types/theme/Corner.d.ts

@@ -0,0 +1,2 @@
+export declare const UNSTABLE_CornerValues: readonly ["sharp", "rounded"];
+export declare type UNSTABLE_Corner = (typeof UNSTABLE_CornerValues)[number];

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

@@ -1,3 +1,4 @@
 export * from "./Density";
 export * from "./Theme";
 export * from "./Mode";
+export * from "./Corner";

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

@@ -1,6 +1,5 @@
-import { Middleware, Platform, Strategy, useFloating, FloatingFocusManagerProps } from "@floating-ui/react";
-import { ReactNode, ComponentPropsWithoutRef } from "react";
-import { UseFloatingOptions } from "@floating-ui/react/dist/floating-ui.react";
+import { FloatingFocusManagerProps, Middleware, Platform, Strategy, UseFloatingOptions, useFloating } from "@floating-ui/react";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
 export interface FloatingComponentProps extends ComponentPropsWithoutRef<"div"> {
     /**
      * Whether the floating component is open (used for determining whether to show the component)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salt-ds/core",
-  "version": "1.18.1",
+  "version": "1.20.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",