@hanzo/commerce 6.2.0 → 6.2.2
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.
|
@@ -42,7 +42,7 @@ const BuyDrawer: React.FC<{
|
|
|
42
42
|
{trigger}
|
|
43
43
|
</DrawerTrigger>
|
|
44
44
|
<DrawerContent
|
|
45
|
-
className={cn('rounded-t-xl mt-6 pb-12 h-auto min-h-[35vh] pt-6 md:max-w-[550px] md:mx-auto', drawerClx)}
|
|
45
|
+
className={cn('rounded-t-xl mt-6 pb-12 h-auto min-h-[35vh] pt-6 md:max-w-[550px] md:mx-auto lg:max-w-[50vw]', drawerClx)}
|
|
46
46
|
>
|
|
47
47
|
<CarouselBuyCard
|
|
48
48
|
skuPath={skuPath}
|
|
@@ -127,7 +127,7 @@ const CarouselBuyCard: React.FC<{
|
|
|
127
127
|
|
|
128
128
|
return (
|
|
129
129
|
<div className={cn(
|
|
130
|
-
'px-4 md:px-6 pt-3 pb-4 flex flex-col gap-4 items-center min-h-[
|
|
130
|
+
'px-4 md:px-6 pt-3 pb-4 flex flex-col gap-4 items-center min-h-[40vh]',
|
|
131
131
|
clx,
|
|
132
132
|
r.current?.single?.scrollable ? SCROLL.scrollHeightClx : 'h-auto'
|
|
133
133
|
)}>
|
|
@@ -38,6 +38,7 @@ const ImageRadioGroupItem = React.forwardRef<
|
|
|
38
38
|
return (
|
|
39
39
|
<RadioGroupPrimitive.Item
|
|
40
40
|
ref={ref}
|
|
41
|
+
data-vaul-no-drag
|
|
41
42
|
className={cn(
|
|
42
43
|
'ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring',
|
|
43
44
|
'focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
|
|
@@ -108,7 +109,7 @@ const ButtonItemSelector: React.FC<ItemSelectorProps> = observer(({
|
|
|
108
109
|
const outerClx = ['h-10 py-2 flex items-center', justifyClx, paddingClx, bgClx, borderClx]
|
|
109
110
|
|
|
110
111
|
return (
|
|
111
|
-
<div className={cn(...outerClx, itemClx )}>
|
|
112
|
+
<div className={cn(...outerClx, itemClx )} data-vaul-no-drag >
|
|
112
113
|
<ImageRadioGroupItem
|
|
113
114
|
item={item}
|
|
114
115
|
constrainTo={DEFAULT_CONSTRAINT}
|
|
@@ -147,6 +148,7 @@ const ButtonItemSelector: React.FC<ItemSelectorProps> = observer(({
|
|
|
147
148
|
)}
|
|
148
149
|
onValueChange={selectSku}
|
|
149
150
|
value={itemRef.item ? itemRef.item.sku : ''}
|
|
151
|
+
data-vaul-no-drag
|
|
150
152
|
>
|
|
151
153
|
{scrollable ? (
|
|
152
154
|
<ScrollArea className='mt-2 w-full h-full py-0 border border-muted-2' data-vaul-no-drag>
|
|
@@ -56,9 +56,9 @@ const FamilySlide: React.FC<Omit<ItemSelector, 'items'> & {
|
|
|
56
56
|
*/
|
|
57
57
|
|
|
58
58
|
return (
|
|
59
|
-
<div className={cn('flex flex-col items-center gap-4', clx)}>
|
|
59
|
+
<div className={cn('flex flex-col items-center gap-4', clx)} data-vaul-no-drag >
|
|
60
60
|
{title && (
|
|
61
|
-
<ApplyTypography className='flex flex-col items-center !gap-1 [&>*]:!m-0'>
|
|
61
|
+
<ApplyTypography className='flex flex-col items-center !gap-1 [&>*]:!m-0' data-vaul-no-drag >
|
|
62
62
|
<h6 className='font-bold text-lg'>{title}</h6>
|
|
63
63
|
{byline && (<p className={''}>{byline}</p>)}
|
|
64
64
|
</ApplyTypography>
|