@keeper-security/keeper-js-ui 0.6.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,32 @@
 # Changelog
 
+## [0.8.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.7.0...v0.8.0) (2025-03-14)
+
+
+### Features
+
+* add ScrollArea component ([#187](https://github.com/Keeper-Security/keeper-js-ui/issues/187)) ([7359594](https://github.com/Keeper-Security/keeper-js-ui/commit/73595945489361d0353c98309548d70651f6ab20)), closes [#186](https://github.com/Keeper-Security/keeper-js-ui/issues/186)
+* add Select component ([#71](https://github.com/Keeper-Security/keeper-js-ui/issues/71)) ([fb58584](https://github.com/Keeper-Security/keeper-js-ui/commit/fb58584da9df0959d47e7e7cba8df2aaae024ef0)), closes [#183](https://github.com/Keeper-Security/keeper-js-ui/issues/183)
+* **Tooltip:** set position default to bottom, room permitting ([#191](https://github.com/Keeper-Security/keeper-js-ui/issues/191)) ([9b70ebb](https://github.com/Keeper-Security/keeper-js-ui/commit/9b70ebb6c5f91ad30544e2ee6a9bdf798402b9de))
+
+
+### Bug Fixes
+
+* **Tooltip:** set max-width so content wraps ([#189](https://github.com/Keeper-Security/keeper-js-ui/issues/189)) ([6ffa233](https://github.com/Keeper-Security/keeper-js-ui/commit/6ffa23393b14d1d1ba21bc63edff2be6986c634c))
+
+## [0.7.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.6.0...v0.7.0) (2025-03-07)
+
+
+### Features
+
+* add Dialog component ([#147](https://github.com/Keeper-Security/keeper-js-ui/issues/147)) ([9268524](https://github.com/Keeper-Security/keeper-js-ui/commit/926852454d4e7d219a841d80a98e7c98a2c09741))
+* add Tooltip component ([#29](https://github.com/Keeper-Security/keeper-js-ui/issues/29)) ([8361d14](https://github.com/Keeper-Security/keeper-js-ui/commit/8361d14a125fe9db763b0080391d5af82e25f7ca))
+
+
+### Bug Fixes
+
+* **Button:** remove font-weight 500 rule ([#180](https://github.com/Keeper-Security/keeper-js-ui/issues/180)) ([8408c8d](https://github.com/Keeper-Security/keeper-js-ui/commit/8408c8d61448dd8792c270abca7271bbe862eb16)), closes [#178](https://github.com/Keeper-Security/keeper-js-ui/issues/178)
+
 ## [0.6.0](https://github.com/Keeper-Security/keeper-js-ui/compare/v0.5.0...v0.6.0) (2025-01-22)
 
 

package/README.md

@@ -174,16 +174,6 @@ This will allow you to use any standard Tailwind CSS classes within the `classNa
 > [!NOTE]
 > Some pages, such as `Docs`, will always render the `light` theme regardless of the selected theme. The component itself will render in the correct theme but the surrounding UI will not. Switch to an actual story to see the full page rendered as the chosen theme.
 
-There are four themes to choose from:
-
-- light
-- dark
-- high contrast light
-- high contrast dark
-
-> [!NOTE]
-> The `high contrast *` themes will make best efforts to render components using an example of simplified [system colors](https://developer.mozilla.org/en-US/docs/Web/CSS/system-color). This is to be used only as a quick reference, not as a source of truth. For accurate representations of component rendering in these modes, refer to [triggering forced-colors/high contrast modes](#triggering-forced-colorshigh-contrast-modes).
-
 #### Triggering Forced-Colors/High Contrast Modes
 
 - Safari and Firefox do not have this feature in their dev tools, but they will respect system-wide settings.
@@ -393,7 +383,7 @@ This provides 100% customizable opportunities and 100% ownership. It also relies
 - [.czrc](./.czrc) => [cz-cli/commitizen](https://github.com/commitizen/cz-cli#readme)
 - [.husky/\*](./.husky/) => [Husky](https://typicode.github.io/husky/how-to.html)
 - [.nvmrc](./.nvmrc) => [nvm](https://github.com/nvm-sh/nvm#readme)
-- [.prettierrc](./.prettierrc) => [Prettier](https://prettier.io/docs/en/configuration.html)
+- [prettier.config.js](./prettier.config.js) => [Prettier](https://prettier.io/docs/en/configuration.html)
 - [.storybook/\*](./.storybook/) => [Storybook](https://storybook.js.org/docs/get-started/setup)
 - [commitlint.config.js](./commitlint.config.js) => [commitlint](https://commitlint.js.org/reference/configuration.html)
 - [components.json](./components.json) => [shadcn/ui](https://ui.shadcn.com/docs/components-json)

package/dist/index.es.d.ts

@@ -1,14 +1,27 @@
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { ClassProp } from 'class-variance-authority/dist/types';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { DirectionProvider } from '@radix-ui/react-direction';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import * as React_2 from 'react';
+import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
+import * as SelectPrimitive from '@radix-ui/react-select';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as ToastPrimitives from '@radix-ui/react-toast';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { VariantProps } from 'class-variance-authority';
 
+/**
+ * Ensures interactive elements, such as buttons and inputs, have associated descriptive text for a11y concerns.
+ */
+declare type AccessibleInteractiveElementHelper = AtLeastOneRequired<{
+    id: string;
+    'aria-labelledby': string;
+    'aria-label': string;
+}>;
+
 /**
  * Utility type that ensures at least one of the props is present.
  *
@@ -83,15 +96,40 @@ declare interface ButtonProps extends ButtonBaseProps {
 }
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "solid" | "outline" | "plain" | null | undefined;
+    variant?: "link" | "solid" | "outline" | "plain" | "avatar" | null | undefined;
     color?: "neutral" | "primary" | "secondary" | "destructive" | null | undefined;
     fullWidth?: boolean | null | undefined;
-    avatar?: boolean | null | undefined;
     iconOnly?: boolean | null | undefined;
-    radius?: "md" | "full" | null | undefined;
+    radius?: "full" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare const Dialog: React_2.FC<DialogPrimitive.DialogProps>;
+
+export declare const DialogClose: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const DialogContent: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogDescription: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
+
+export declare const DialogFooter: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const DialogHeader: {
+    ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>): JSX_2.Element;
+    displayName: string;
+};
+
+export declare const DialogOverlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const DialogPortal: React_2.FC<DialogPrimitive.DialogPortalProps>;
+
+export declare const DialogTitle: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
+
+export declare const DialogTrigger: React_2.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
 export { DirectionProvider }
 
 export declare const DropdownMenu: React_2.FC<DropdownMenuPrimitive.DropdownMenuProps>;
@@ -100,7 +138,7 @@ export declare const DropdownMenuCheckboxItem: React_2.ForwardRefExoticComponent
 
 export declare const DropdownMenuContent: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
-export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuGroup: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuGroupProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const DropdownMenuItem: React_2.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
     inset?: boolean;
@@ -176,6 +214,22 @@ declare interface IconButtonProps extends ButtonBaseProps {
     'aria-label': string;
 }
 
+export declare const ScrollArea: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ScrollAreaViewport: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaViewportProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const ScrollBar: React_2.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const Select: React_2.FC<SelectPrimitive.SelectProps>;
+
+export declare const SelectContent: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectItem: React_2.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const SelectTrigger: React_2.ForwardRefExoticComponent<(AccessibleInteractiveElementHelper & Omit<SelectPrimitive.SelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>, "ref">) & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare const SelectValue: React_2.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React_2.RefAttributes<HTMLSpanElement>>;
+
 export declare const Separator: React_2.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
 
 export declare const Switch: React_2.ForwardRefExoticComponent<SwitchProps & React_2.RefAttributes<HTMLButtonElement>>;
@@ -214,6 +268,14 @@ declare type ToastProps = React_2.ComponentPropsWithoutRef<typeof ToastRoot>;
 
 declare const ToastRoot: React_2.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React_2.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & React_2.RefAttributes<HTMLLIElement>>;
 
+export declare const Tooltip: React_2.FC<TooltipPrimitive.TooltipProps>;
+
+export declare const TooltipContent: React_2.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare const TooltipProvider: React_2.FC<TooltipPrimitive.TooltipProviderProps>;
+
+export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
 export declare function useToast(): {
     toast: typeof toast;
     dismiss: (toastId?: string) => void;