@grasp-labs/ds-react-components 0.19.0 → 0.20.0

package/dist/components/passwordTextBox/PasswordTextBox.d.ts

@@ -0,0 +1,15 @@
+import { BaseTextBoxProps } from '../baseTextBox';
+export type PasswordTextBoxProps = Omit<BaseTextBoxProps, "type"> & {
+    /** Tooltip text shown when password is hidden (hovering over the show button) */
+    showPasswordLabel?: string;
+    /** Tooltip text shown when password is visible (hovering over the hide button) */
+    hidePasswordLabel?: string;
+};
+/**
+ * A password input field with visibility toggle button.
+ * Extends TextBox with eye icon to show/hide password and optional tooltip.
+ *
+ * @param props - The props for the PasswordTextBox component.
+ * @returns The rendered password input with toggle button.
+ */
+export declare const PasswordTextBox: ({ showPasswordLabel, hidePasswordLabel, disabled, ...props }: PasswordTextBoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/passwordTextBox/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordTextBox } from './PasswordTextBox';
+export type { PasswordTextBoxProps } from './PasswordTextBox';

package/dist/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { PopoverPlacement } from '../popover';
+export type TooltipProps = {
+    /** The element that triggers the tooltip on hover */
+    children: ReactNode;
+    /** The text or content to display in the tooltip */
+    content: ReactNode;
+    /** Preferred placement of the tooltip */
+    placement?: PopoverPlacement;
+    /** Additional CSS classes for the tooltip content */
+    className?: string;
+};
+/**
+ * A tooltip component that displays contextual information on hover.
+ * Wraps Popover with automatic show/hide state management.
+ *
+ * @param props - The props for the Tooltip component.
+ * @returns The rendered tooltip with trigger element.
+ */
+export declare const Tooltip: ({ children, content, placement, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export { Tooltip } from './Tooltip';
+export type { TooltipProps } from './Tooltip';

package/dist/icons/icons.d.ts

@@ -96,6 +96,18 @@ export declare const icons: {
         desc?: string;
         descId?: string;
     }>>;
+    readonly eye: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
+    readonly eyeOff: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>>;
     readonly expandDown: import('react').LazyExoticComponent<import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -233,6 +245,8 @@ export declare const DetailsIcon: IconComponent;
 export declare const EarthIcon: IconComponent;
 export declare const ErrorFilledIcon: IconComponent;
 export declare const ErrorOutlinedIcon: IconComponent;
+export declare const EyeIcon: IconComponent;
+export declare const EyeOffIcon: IconComponent;
 export declare const ExpandDownIcon: IconComponent;
 export declare const ExpandRightIcon: IconComponent;
 export declare const ExpandIcon: IconComponent;