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

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # 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)
 
 

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.

package/dist/index.es.d.ts

@@ -5,12 +5,23 @@ 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.
  *
@@ -127,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;
@@ -203,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>>;