@hanzo/ui 3.1.0 → 3.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -25,6 +25,7 @@ const ImageBlockComponent: React.FC<BlockComponentProps & {
25
25
  src,
26
26
  alt,
27
27
  dim,
28
+ ar,
28
29
  props,
29
30
  fullWidthOnMobile,
30
31
  svgFillClass,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hanzo/ui",
3
- "version": "3.1.0",
3
+ "version": "3.1.1",
4
4
  "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/",
@@ -34,11 +34,13 @@ DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName
34
34
 
35
35
  const DrawerContent = React.forwardRef<
36
36
  React.ElementRef<typeof DrawerPrimitive.Content>,
37
- React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>
38
- >(({ className, children, ...props }, ref) => (
37
+ React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content> & {
38
+ overlayClx?: string
39
+ }
40
+ >(({ className, children, overlayClx='', ...props }, ref) => (
39
41
  <DrawerPortal>
40
42
  {/* If no or same z index, overlay should precede content */}
41
- <DrawerOverlay />
43
+ <DrawerOverlay className={overlayClx}/>
42
44
  <DrawerPrimitive.Content
43
45
  ref={ref}
44
46
  className={cn('fixed left-0 right-0 bottom-0 ',
@@ -41,7 +41,7 @@ function ListBox<T>({
41
41
  onValueChange,
42
42
  value,
43
43
  isEqual,
44
- outClx = '',
44
+ clx = '',
45
45
  itemClx = ''
46
46
  }:{
47
47
  values: T[]
@@ -49,12 +49,12 @@ function ListBox<T>({
49
49
  onValueChange: (val: T) => void
50
50
  value: T | undefined
51
51
  isEqual: (v1: T, v2: T) => boolean
52
- outClx?: string
52
+ clx?: string
53
53
  itemClx?: string
54
54
  }): JSX.Element {
55
55
 
56
56
  return (
57
- <div className={cn('border rounded-md select-none', outClx)} >
57
+ <div className={cn('border rounded-md select-none', clx)} >
58
58
  {values.map((val, i) => (
59
59
  <Item<T>
60
60
  value={val}
@@ -21,6 +21,7 @@ interface ImageDef {
21
21
  * can determine the aspect ratio
22
22
  */
23
23
  dim: Dimensions
24
+ ar?: number
24
25
  }
25
26
 
26
27
  export {