@economic/taco 1.12.2 → 1.12.3

package/dist/esm/components/HoverCard/HoverCard.js

@@ -1,6 +1,6 @@
 import { createElement, forwardRef } from 'react';
 import cn from 'classnames';
-import { Root, Trigger as Trigger$1 } from '@radix-ui/react-hover-card';
+import { Root, Trigger as Trigger$1, Portal } from '@radix-ui/react-hover-card';
 import { UnstyledContent, UnstyledArrow } from './Primitives.js';
 
 const Trigger = /*#__PURE__*/forwardRef(function HoverCardTrigger(props, ref) {
@@ -15,13 +15,13 @@ const Content = /*#__PURE__*/forwardRef(function HoverCardContent(externalProps,
     ...props
   } = externalProps;
   const className = cn('bg-white focus:border-blue-light rounded p-3 yt-shadow min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]', props.className);
-  return /*#__PURE__*/createElement(UnstyledContent, Object.assign({}, props, {
+  return /*#__PURE__*/createElement(Portal, null, /*#__PURE__*/createElement(UnstyledContent, Object.assign({}, props, {
     className: className,
     placement: placement,
     ref: ref
   }), props.children, /*#__PURE__*/createElement(UnstyledArrow, {
     className: "text-white"
-  }));
+  })));
 });
 const HoverCard = props => {
   return /*#__PURE__*/createElement(Root, Object.assign({}, props, {

package/dist/esm/components/HoverCard/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { Placement } from '../..';\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\n\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <HoverCardPrimitive.Trigger {...props} asChild ref={ref} />;\n});\n\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(externalProps: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement, ...props } = externalProps;\n    const className = cn(\n        'bg-white focus:border-blue-light rounded p-3 yt-shadow min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]',\n        props.className\n    );\n\n    return (\n        <UnstyledContent {...props} className={className} placement={placement} ref={ref}>\n            {props.children}\n            <UnstyledArrow className=\"text-white\" />\n        </UnstyledContent>\n    );\n});\n\nexport type HoverCardProps = React.PropsWithChildren<{}>;\n\nexport const HoverCard = (props: HoverCardProps) => {\n    return <HoverCardPrimitive.Root {...props} openDelay={300} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["Trigger","React","HoverCardTrigger","props","ref","HoverCardPrimitive","asChild","Content","HoverCardContent","externalProps","placement","className","cn","UnstyledContent","children","UnstyledArrow","HoverCard","openDelay"],"mappings":";;;;;AAOA,MAAMA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAA0BC,KAA1B,EAAwDC,GAAxD;EAC7B,oBAAOH,aAAA,CAACI,SAAD,oBAAgCF;IAAOG,OAAO;IAACF,GAAG,EAAEA;IAApD,CAAP;AACH,CAFe,CAAhB;AAQA,MAAMG,OAAO,gBAAGN,UAAA,CAAiB,SAASO,gBAAT,CAA0BC,aAA1B,EAAgEL,GAAhE;EAC7B,MAAM;IAAEM,SAAF;IAAa,GAAGP;MAAUM,aAAhC;EACA,MAAME,SAAS,GAAGC,EAAE,CAChB,4GADgB,EAEhBT,KAAK,CAACQ,SAFU,CAApB;EAKA,oBACIV,aAAA,CAACY,eAAD,oBAAqBV;IAAOQ,SAAS,EAAEA;IAAWD,SAAS,EAAEA;IAAWN,GAAG,EAAEA;IAA7E,EACKD,KAAK,CAACW,QADX,eAEIb,aAAA,CAACc,aAAD;IAAeJ,SAAS,EAAC;GAAzB,CAFJ,CADJ;AAMH,CAbe,CAAhB;MAiBaK,SAAS,GAAIb,KAAD;EACrB,oBAAOF,aAAA,CAACI,IAAD,oBAA6BF;IAAOc,SAAS,EAAE;IAA/C,CAAP;AACH;AACDD,SAAS,CAAChB,OAAV,GAAoBA,OAApB;AACAgB,SAAS,CAACT,OAAV,GAAoBA,OAApB;;;;"}
+{"version":3,"file":"HoverCard.js","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { Placement } from '../..';\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\n\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <HoverCardPrimitive.Trigger {...props} asChild ref={ref} />;\n});\n\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(externalProps: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement, ...props } = externalProps;\n    const className = cn(\n        'bg-white focus:border-blue-light rounded p-3 yt-shadow min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]',\n        props.className\n    );\n\n    return (\n        <HoverCardPrimitive.Portal>\n            <UnstyledContent {...props} className={className} placement={placement} ref={ref}>\n                {props.children}\n                <UnstyledArrow className=\"text-white\" />\n            </UnstyledContent>\n        </HoverCardPrimitive.Portal>\n    );\n});\n\nexport type HoverCardProps = React.PropsWithChildren<{}>;\n\nexport const HoverCard = (props: HoverCardProps) => {\n    return <HoverCardPrimitive.Root {...props} openDelay={300} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["Trigger","React","HoverCardTrigger","props","ref","HoverCardPrimitive","asChild","Content","HoverCardContent","externalProps","placement","className","cn","UnstyledContent","children","UnstyledArrow","HoverCard","openDelay"],"mappings":";;;;;AAOA,MAAMA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAA0BC,KAA1B,EAAwDC,GAAxD;EAC7B,oBAAOH,aAAA,CAACI,SAAD,oBAAgCF;IAAOG,OAAO;IAACF,GAAG,EAAEA;IAApD,CAAP;AACH,CAFe,CAAhB;AAQA,MAAMG,OAAO,gBAAGN,UAAA,CAAiB,SAASO,gBAAT,CAA0BC,aAA1B,EAAgEL,GAAhE;EAC7B,MAAM;IAAEM,SAAF;IAAa,GAAGP;MAAUM,aAAhC;EACA,MAAME,SAAS,GAAGC,EAAE,CAChB,4GADgB,EAEhBT,KAAK,CAACQ,SAFU,CAApB;EAKA,oBACIV,aAAA,CAACI,MAAD,MAAA,eACIJ,aAAA,CAACY,eAAD,oBAAqBV;IAAOQ,SAAS,EAAEA;IAAWD,SAAS,EAAEA;IAAWN,GAAG,EAAEA;IAA7E,EACKD,KAAK,CAACW,QADX,eAEIb,aAAA,CAACc,aAAD;IAAeJ,SAAS,EAAC;GAAzB,CAFJ,CADJ,CADJ;AAQH,CAfe,CAAhB;MAmBaK,SAAS,GAAIb,KAAD;EACrB,oBAAOF,aAAA,CAACI,IAAD,oBAA6BF;IAAOc,SAAS,EAAE;IAA/C,CAAP;AACH;AACDD,SAAS,CAAChB,OAAV,GAAoBA,OAApB;AACAgB,SAAS,CAACT,OAAV,GAAoBA,OAApB;;;;"}

package/dist/esm/components/Menu/components/Content.js

@@ -12,7 +12,7 @@ const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
     placement: side,
     ...otherProps
   } = props;
-  const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
+  const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow z-[999]', props.className);
   return /*#__PURE__*/createElement(Content$1, Object.assign({}, otherProps, {
     align: "start",
     className: className,

package/dist/esm/components/Menu/components/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { Placement } from '../../../types';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useProxiedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { children, placement: side, ...otherProps } = props;\n    const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Content\n            {...otherProps}\n            align=\"start\"\n            className={className}\n            data-taco=\"menu\"\n            side={side}\n            sideOffset={2}\n            style={{ minWidth: menu?.minWidth }}\n            ref={internalRef}>\n            {children}\n        </DropdownMenuPrimitive.Content>\n    );\n});\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","placement","side","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;MAaaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,MAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;EACA,MAAMG,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAM;IAAEC,QAAF;IAAYC,SAAS,EAAEC,IAAvB;IAA6B,GAAGC;MAAeT,KAArD;EACA,MAAMU,SAAS,GAAGC,EAAE,CAAC,wEAAD,EAA2EX,KAAK,CAACU,SAAjF,CAApB;EAEA,oBACIZ,aAAA,CAACc,SAAD,oBACQH;IACJI,KAAK,EAAC;IACNH,SAAS,EAAEA;iBACD;IACVF,IAAI,EAAEA;IACNM,UAAU,EAAE;IACZC,KAAK,EAAE;MAAEC,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;;IACzBf,GAAG,EAAEC;IART,EASKI,QATL,CADJ;AAaH,CAnBsB;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { Placement } from '../../../types';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useProxiedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { children, placement: side, ...otherProps } = props;\n    const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow z-[999]', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Content\n            {...otherProps}\n            align=\"start\"\n            className={className}\n            data-taco=\"menu\"\n            side={side}\n            sideOffset={2}\n            style={{ minWidth: menu?.minWidth }}\n            ref={internalRef}>\n            {children}\n        </DropdownMenuPrimitive.Content>\n    );\n});\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","placement","side","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;MAaaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,MAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;EACA,MAAMG,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAM;IAAEC,QAAF;IAAYC,SAAS,EAAEC,IAAvB;IAA6B,GAAGC;MAAeT,KAArD;EACA,MAAMU,SAAS,GAAGC,EAAE,CAAC,gFAAD,EAAmFX,KAAK,CAACU,SAAzF,CAApB;EAEA,oBACIZ,aAAA,CAACc,SAAD,oBACQH;IACJI,KAAK,EAAC;IACNH,SAAS,EAAEA;iBACD;IACVF,IAAI,EAAEA;IACNM,UAAU,EAAE;IACZC,KAAK,EAAE;MAAEC,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;;IACzBf,GAAG,EAAEC;IART,EASKI,QATL,CADJ;AAaH,CAnBsB;;;;"}

package/dist/taco.cjs.development.js

@@ -6209,13 +6209,13 @@ const Content$6 = /*#__PURE__*/React.forwardRef(function HoverCardContent(extern
     ...props
   } = externalProps;
   const className = cn('bg-white focus:border-blue-light rounded p-3 yt-shadow min-w-[theme(spacing.40)] max-w-[theme(spacing.96)]', props.className);
-  return /*#__PURE__*/React.createElement(UnstyledContent$1, Object.assign({}, props, {
+  return /*#__PURE__*/React.createElement(HoverCardPrimitive.Portal, null, /*#__PURE__*/React.createElement(UnstyledContent$1, Object.assign({}, props, {
     className: className,
     placement: placement,
     ref: ref
   }), props.children, /*#__PURE__*/React.createElement(UnstyledArrow$1, {
     className: "text-white"
-  }));
+  })));
 });
 const HoverCard = props => {
   return /*#__PURE__*/React.createElement(HoverCardPrimitive.Root, Object.assign({}, props, {
@@ -6670,7 +6670,7 @@ const Content$7 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref)
     placement: side,
     ...otherProps
   } = props;
-  const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
+  const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow z-[999]', props.className);
   return /*#__PURE__*/React.createElement(DropdownMenuPrimitive.Content, Object.assign({}, otherProps, {
     align: "start",
     className: className,