@economic/taco 15.0.0 → 15.0.1-EC-88435-test-release.0

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.
@@ -46,7 +46,7 @@ const Card = React__namespace.forwardRef(function Card2(props, ref) {
46
46
  icon: "ellipsis-horizontal",
47
47
  appearance: "discrete",
48
48
  menu,
49
- className: "-mt-[4px]"
49
+ className: "-mt-1"
50
50
  }
51
51
  )), children);
52
52
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { MenuProps } from '@/components';\nimport { LegacyIconButton, Truncate, useLocalization } from '@/components';\n\nimport './style.css';\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n noPadding?: boolean;\n};\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\n const { noPadding, ...props } = externalProps;\n const className = cn(\n 'flex-grow overflow-auto',\n {\n 'px-4 pb-4': !noPadding,\n },\n props.className\n );\n return <div {...props} className={className} data-taco=\"card-content\" ref={ref} />;\n});\n\nexport type CardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** Title of the Card */\n title?: string | React.ReactElement;\n /** Menu component associated with the Card */\n menu?: (props: Partial<MenuProps>) => React.JSX.Element;\n};\n\nexport type CardTexts = {\n /** Text and aria-label for menu button in Card */\n menu: string;\n};\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n const { title, menu, children, className, ...otherProps } = props;\n const localization = useLocalization();\n const cardClassName = cn('flex flex-col rounded-lg border border-solid border-gray-200 bg-white pt-4', className);\n // if title is not passed menu should be shifted to the end of the container\n const headerContainerAlignment = title ? 'justify-between' : 'justify-end';\n\n return (\n <div {...otherProps} className={cardClassName} data-taco=\"card\" ref={ref}>\n {(title || menu) && (\n <div className={cn('flex px-4 pb-2', headerContainerAlignment)}>\n {title && (\n <Truncate tooltip={title}>\n <h4 className=\"mb-0 flex-grow truncate text-left\">{title}</h4>\n </Truncate>\n )}\n {menu && (\n <LegacyIconButton\n aria-label={localization.texts.card.menu}\n icon=\"ellipsis-horizontal\"\n appearance=\"discrete\"\n menu={menu}\n className=\"-mt-[4px]\"\n />\n )}\n </div>\n )}\n {children}\n </div>\n );\n}) as React.ForwardRefExoticComponent<CardProps> & {\n Content: React.ForwardRefExoticComponent<CardContentProps>;\n};\nCard.Content = Content;\n"],"names":["React","Card","useLocalization","Truncate","LegacyIconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAUA,iBAAM,WAA6C,SAAS,YAAY,eAAe,KAAK;AACxG,QAAM,EAAE,WAAW,GAAG,MAAA,IAAU;AAChC,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,aAAa,CAAC;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,EAAA;AAEV,wDAAQ,OAAA,EAAK,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AAcM,MAAM,OAAOA,iBAAM,WAAsC,SAASC,MAAK,OAAO,KAAK;AACtF,QAAM,EAAE,OAAO,MAAM,UAAU,WAAW,GAAG,eAAe;AAC5D,QAAM,eAAeC,aAAAA,gBAAA;AACrB,QAAM,gBAAgB,GAAG,8EAA8E,SAAS;AAEhH,QAAM,2BAA2B,QAAQ,oBAAoB;AAE7D,SACIF,iCAAA,cAAC,OAAA,EAAK,GAAG,YAAY,WAAW,eAAe,aAAU,QAAO,QAC1D,SAAS,SACPA,iCAAA,cAAC,SAAI,WAAW,GAAG,kBAAkB,wBAAwB,EAAA,GACxD,SACGA,iCAAA,cAACG,SAAAA,UAAA,EAAS,SAAS,SACfH,iCAAA,cAAC,MAAA,EAAG,WAAU,oCAAA,GAAqC,KAAM,CAC7D,GAEH,QACGA,iCAAA;AAAA,IAACI,WAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,aAAa,MAAM,KAAK;AAAA,MACpC,MAAK;AAAA,MACL,YAAW;AAAA,MACX;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,GAEH,QACL;AAER,CAAC;AAGD,KAAK,UAAU;;"}
1
+ {"version":3,"file":"Card.cjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { MenuProps } from '@/components';\nimport { LegacyIconButton, Truncate, useLocalization } from '@/components';\n\nimport './style.css';\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n noPadding?: boolean;\n};\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\n const { noPadding, ...props } = externalProps;\n const className = cn(\n 'flex-grow overflow-auto',\n {\n 'px-4 pb-4': !noPadding,\n },\n props.className\n );\n return <div {...props} className={className} data-taco=\"card-content\" ref={ref} />;\n});\n\nexport type CardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** Title of the Card */\n title?: string | React.ReactElement;\n /** Menu component associated with the Card */\n menu?: (props: Partial<MenuProps>) => React.JSX.Element;\n};\n\nexport type CardTexts = {\n /** Text and aria-label for menu button in Card */\n menu: string;\n};\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n const { title, menu, children, className, ...otherProps } = props;\n const localization = useLocalization();\n const cardClassName = cn('flex flex-col rounded-lg border border-solid border-gray-200 bg-white pt-4', className);\n // if title is not passed menu should be shifted to the end of the container\n const headerContainerAlignment = title ? 'justify-between' : 'justify-end';\n\n return (\n <div {...otherProps} className={cardClassName} data-taco=\"card\" ref={ref}>\n {(title || menu) && (\n <div className={cn('flex px-4 pb-2', headerContainerAlignment)}>\n {title && (\n <Truncate tooltip={title}>\n <h4 className=\"mb-0 flex-grow truncate text-left\">{title}</h4>\n </Truncate>\n )}\n {menu && (\n <LegacyIconButton\n aria-label={localization.texts.card.menu}\n icon=\"ellipsis-horizontal\"\n appearance=\"discrete\"\n menu={menu}\n className=\"-mt-1\"\n />\n )}\n </div>\n )}\n {children}\n </div>\n );\n}) as React.ForwardRefExoticComponent<CardProps> & {\n Content: React.ForwardRefExoticComponent<CardContentProps>;\n};\nCard.Content = Content;\n"],"names":["React","Card","useLocalization","Truncate","LegacyIconButton"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAUA,iBAAM,WAA6C,SAAS,YAAY,eAAe,KAAK;AACxG,QAAM,EAAE,WAAW,GAAG,MAAA,IAAU;AAChC,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,aAAa,CAAC;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,EAAA;AAEV,wDAAQ,OAAA,EAAK,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AAcM,MAAM,OAAOA,iBAAM,WAAsC,SAASC,MAAK,OAAO,KAAK;AACtF,QAAM,EAAE,OAAO,MAAM,UAAU,WAAW,GAAG,eAAe;AAC5D,QAAM,eAAeC,aAAAA,gBAAA;AACrB,QAAM,gBAAgB,GAAG,8EAA8E,SAAS;AAEhH,QAAM,2BAA2B,QAAQ,oBAAoB;AAE7D,SACIF,iCAAA,cAAC,OAAA,EAAK,GAAG,YAAY,WAAW,eAAe,aAAU,QAAO,QAC1D,SAAS,SACPA,iCAAA,cAAC,SAAI,WAAW,GAAG,kBAAkB,wBAAwB,EAAA,GACxD,SACGA,iCAAA,cAACG,SAAAA,UAAA,EAAS,SAAS,SACfH,iCAAA,cAAC,MAAA,EAAG,WAAU,oCAAA,GAAqC,KAAM,CAC7D,GAEH,QACGA,iCAAA;AAAA,IAACI,WAAAA;AAAAA,IAAA;AAAA,MACG,cAAY,aAAa,MAAM,KAAK;AAAA,MACpC,MAAK;AAAA,MACL,YAAW;AAAA,MACX;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,GAEH,QACL;AAER,CAAC;AAGD,KAAK,UAAU;;"}
@@ -27,7 +27,7 @@ const Card = React.forwardRef(function Card2(props, ref) {
27
27
  icon: "ellipsis-horizontal",
28
28
  appearance: "discrete",
29
29
  menu,
30
- className: "-mt-[4px]"
30
+ className: "-mt-1"
31
31
  }
32
32
  )), children);
33
33
  });
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { MenuProps } from '@/components';\nimport { LegacyIconButton, Truncate, useLocalization } from '@/components';\n\nimport './style.css';\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n noPadding?: boolean;\n};\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\n const { noPadding, ...props } = externalProps;\n const className = cn(\n 'flex-grow overflow-auto',\n {\n 'px-4 pb-4': !noPadding,\n },\n props.className\n );\n return <div {...props} className={className} data-taco=\"card-content\" ref={ref} />;\n});\n\nexport type CardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** Title of the Card */\n title?: string | React.ReactElement;\n /** Menu component associated with the Card */\n menu?: (props: Partial<MenuProps>) => React.JSX.Element;\n};\n\nexport type CardTexts = {\n /** Text and aria-label for menu button in Card */\n menu: string;\n};\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n const { title, menu, children, className, ...otherProps } = props;\n const localization = useLocalization();\n const cardClassName = cn('flex flex-col rounded-lg border border-solid border-gray-200 bg-white pt-4', className);\n // if title is not passed menu should be shifted to the end of the container\n const headerContainerAlignment = title ? 'justify-between' : 'justify-end';\n\n return (\n <div {...otherProps} className={cardClassName} data-taco=\"card\" ref={ref}>\n {(title || menu) && (\n <div className={cn('flex px-4 pb-2', headerContainerAlignment)}>\n {title && (\n <Truncate tooltip={title}>\n <h4 className=\"mb-0 flex-grow truncate text-left\">{title}</h4>\n </Truncate>\n )}\n {menu && (\n <LegacyIconButton\n aria-label={localization.texts.card.menu}\n icon=\"ellipsis-horizontal\"\n appearance=\"discrete\"\n menu={menu}\n className=\"-mt-[4px]\"\n />\n )}\n </div>\n )}\n {children}\n </div>\n );\n}) as React.ForwardRefExoticComponent<CardProps> & {\n Content: React.ForwardRefExoticComponent<CardContentProps>;\n};\nCard.Content = Content;\n"],"names":["Card"],"mappings":";;;;;;AAYA,MAAM,UAAU,MAAM,WAA6C,SAAS,YAAY,eAAe,KAAK;AACxG,QAAM,EAAE,WAAW,GAAG,MAAA,IAAU;AAChC,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,aAAa,CAAC;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,EAAA;AAEV,6CAAQ,OAAA,EAAK,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AAcM,MAAM,OAAO,MAAM,WAAsC,SAASA,MAAK,OAAO,KAAK;AACtF,QAAM,EAAE,OAAO,MAAM,UAAU,WAAW,GAAG,eAAe;AAC5D,QAAM,eAAe,gBAAA;AACrB,QAAM,gBAAgB,GAAG,8EAA8E,SAAS;AAEhH,QAAM,2BAA2B,QAAQ,oBAAoB;AAE7D,SACI,sBAAA,cAAC,OAAA,EAAK,GAAG,YAAY,WAAW,eAAe,aAAU,QAAO,QAC1D,SAAS,SACP,sBAAA,cAAC,SAAI,WAAW,GAAG,kBAAkB,wBAAwB,EAAA,GACxD,SACG,sBAAA,cAAC,UAAA,EAAS,SAAS,SACf,sBAAA,cAAC,MAAA,EAAG,WAAU,oCAAA,GAAqC,KAAM,CAC7D,GAEH,QACG,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,aAAa,MAAM,KAAK;AAAA,MACpC,MAAK;AAAA,MACL,YAAW;AAAA,MACX;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,GAEH,QACL;AAER,CAAC;AAGD,KAAK,UAAU;"}
1
+ {"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import cn from 'clsx';\nimport * as React from 'react';\n\nimport type { MenuProps } from '@/components';\nimport { LegacyIconButton, Truncate, useLocalization } from '@/components';\n\nimport './style.css';\n\nexport type CardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n noPadding?: boolean;\n};\n\nconst Content = React.forwardRef<HTMLDivElement, CardContentProps>(function CardContent(externalProps, ref) {\n const { noPadding, ...props } = externalProps;\n const className = cn(\n 'flex-grow overflow-auto',\n {\n 'px-4 pb-4': !noPadding,\n },\n props.className\n );\n return <div {...props} className={className} data-taco=\"card-content\" ref={ref} />;\n});\n\nexport type CardProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> & {\n /** Title of the Card */\n title?: string | React.ReactElement;\n /** Menu component associated with the Card */\n menu?: (props: Partial<MenuProps>) => React.JSX.Element;\n};\n\nexport type CardTexts = {\n /** Text and aria-label for menu button in Card */\n menu: string;\n};\n\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(function Card(props, ref) {\n const { title, menu, children, className, ...otherProps } = props;\n const localization = useLocalization();\n const cardClassName = cn('flex flex-col rounded-lg border border-solid border-gray-200 bg-white pt-4', className);\n // if title is not passed menu should be shifted to the end of the container\n const headerContainerAlignment = title ? 'justify-between' : 'justify-end';\n\n return (\n <div {...otherProps} className={cardClassName} data-taco=\"card\" ref={ref}>\n {(title || menu) && (\n <div className={cn('flex px-4 pb-2', headerContainerAlignment)}>\n {title && (\n <Truncate tooltip={title}>\n <h4 className=\"mb-0 flex-grow truncate text-left\">{title}</h4>\n </Truncate>\n )}\n {menu && (\n <LegacyIconButton\n aria-label={localization.texts.card.menu}\n icon=\"ellipsis-horizontal\"\n appearance=\"discrete\"\n menu={menu}\n className=\"-mt-1\"\n />\n )}\n </div>\n )}\n {children}\n </div>\n );\n}) as React.ForwardRefExoticComponent<CardProps> & {\n Content: React.ForwardRefExoticComponent<CardContentProps>;\n};\nCard.Content = Content;\n"],"names":["Card"],"mappings":";;;;;;AAYA,MAAM,UAAU,MAAM,WAA6C,SAAS,YAAY,eAAe,KAAK;AACxG,QAAM,EAAE,WAAW,GAAG,MAAA,IAAU;AAChC,QAAM,YAAY;AAAA,IACd;AAAA,IACA;AAAA,MACI,aAAa,CAAC;AAAA,IAAA;AAAA,IAElB,MAAM;AAAA,EAAA;AAEV,6CAAQ,OAAA,EAAK,GAAG,OAAO,WAAsB,aAAU,gBAAe,KAAU;AACpF,CAAC;AAcM,MAAM,OAAO,MAAM,WAAsC,SAASA,MAAK,OAAO,KAAK;AACtF,QAAM,EAAE,OAAO,MAAM,UAAU,WAAW,GAAG,eAAe;AAC5D,QAAM,eAAe,gBAAA;AACrB,QAAM,gBAAgB,GAAG,8EAA8E,SAAS;AAEhH,QAAM,2BAA2B,QAAQ,oBAAoB;AAE7D,SACI,sBAAA,cAAC,OAAA,EAAK,GAAG,YAAY,WAAW,eAAe,aAAU,QAAO,QAC1D,SAAS,SACP,sBAAA,cAAC,SAAI,WAAW,GAAG,kBAAkB,wBAAwB,EAAA,GACxD,SACG,sBAAA,cAAC,UAAA,EAAS,SAAS,SACf,sBAAA,cAAC,MAAA,EAAG,WAAU,oCAAA,GAAqC,KAAM,CAC7D,GAEH,QACG,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,cAAY,aAAa,MAAM,KAAK;AAAA,MACpC,MAAK;AAAA,MACL,YAAW;AAAA,MACX;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,EAAA,CAGtB,GAEH,QACL;AAER,CAAC;AAGD,KAAK,UAAU;"}
@@ -24,7 +24,7 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
24
24
  const DialogDrawer = React__namespace.forwardRef(function DialogDrawer2(props, ref) {
25
25
  const dialog = Context.useCurrentDialog();
26
26
  const className = cn(
27
- "absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
27
+ "absolute top-0 -ml-1 hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
28
28
  props.className
29
29
  );
30
30
  return /* @__PURE__ */ React__namespace.createElement(
@@ -1 +1 @@
1
- {"version":3,"file":"DialogDrawer.cjs","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion } from 'motion/react';\nimport * as React from 'react';\n\nimport type { DialogContext } from '../Context';\nimport { useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n const dialog = useCurrentDialog();\n const className = cn(\n 'absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n props.className\n );\n\n return (\n <motion.div\n {...props}\n className={className}\n data-taco=\"dialog-drawer\"\n aria-hidden={!dialog.drawer?.open}\n variants={{\n visible: {\n left: '100%',\n display: 'block',\n transition: { ease: 'easeOut', duration: 0.2 },\n },\n hidden: {\n left: '0%',\n transition: { ease: 'easeOut', duration: 0.2 },\n transitionEnd: {\n display: 'none',\n },\n },\n }}\n animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n ref={ref}>\n {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n </motion.div>\n );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["React","DialogDrawer","useCurrentDialog","motion"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,eAAeA,iBAAM,WAAW,SAASC,cAAa,OAA0B,KAAgC;AAClH,QAAM,SAASC,QAAAA,iBAAA;AACf,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACIF,iCAAA;AAAA,IAACG,MAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,CAAC,OAAO,QAAQ;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,QAAI;AAAA,QAEjD,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,UACzC,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,SAAS,OAAO,QAAQ,OAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAAA;AAG1F,CAAC;AACD,aAAa,cAAc;;"}
1
+ {"version":3,"file":"DialogDrawer.cjs","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion } from 'motion/react';\nimport * as React from 'react';\n\nimport type { DialogContext } from '../Context';\nimport { useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n const dialog = useCurrentDialog();\n const className = cn(\n 'absolute top-0 -ml-1 hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n props.className\n );\n\n return (\n <motion.div\n {...props}\n className={className}\n data-taco=\"dialog-drawer\"\n aria-hidden={!dialog.drawer?.open}\n variants={{\n visible: {\n left: '100%',\n display: 'block',\n transition: { ease: 'easeOut', duration: 0.2 },\n },\n hidden: {\n left: '0%',\n transition: { ease: 'easeOut', duration: 0.2 },\n transitionEnd: {\n display: 'none',\n },\n },\n }}\n animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n ref={ref}>\n {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n </motion.div>\n );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["React","DialogDrawer","useCurrentDialog","motion"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,eAAeA,iBAAM,WAAW,SAASC,cAAa,OAA0B,KAAgC;AAClH,QAAM,SAASC,QAAAA,iBAAA;AACf,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACIF,iCAAA;AAAA,IAACG,MAAAA,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,CAAC,OAAO,QAAQ;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,QAAI;AAAA,QAEjD,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,UACzC,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,SAAS,OAAO,QAAQ,OAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAAA;AAG1F,CAAC;AACD,aAAa,cAAc;;"}
@@ -5,7 +5,7 @@ import { useCurrentDialog } from "../Context.js";
5
5
  const DialogDrawer = React.forwardRef(function DialogDrawer2(props, ref) {
6
6
  const dialog = useCurrentDialog();
7
7
  const className = cn(
8
- "absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
8
+ "absolute top-0 -ml-1 hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left",
9
9
  props.className
10
10
  );
11
11
  return /* @__PURE__ */ React.createElement(
@@ -1 +1 @@
1
- {"version":3,"file":"DialogDrawer.js","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion } from 'motion/react';\nimport * as React from 'react';\n\nimport type { DialogContext } from '../Context';\nimport { useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n const dialog = useCurrentDialog();\n const className = cn(\n 'absolute top-0 -ml-[4px] hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n props.className\n );\n\n return (\n <motion.div\n {...props}\n className={className}\n data-taco=\"dialog-drawer\"\n aria-hidden={!dialog.drawer?.open}\n variants={{\n visible: {\n left: '100%',\n display: 'block',\n transition: { ease: 'easeOut', duration: 0.2 },\n },\n hidden: {\n left: '0%',\n transition: { ease: 'easeOut', duration: 0.2 },\n transitionEnd: {\n display: 'none',\n },\n },\n }}\n animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n ref={ref}>\n {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n </motion.div>\n );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["DialogDrawer"],"mappings":";;;;AAgBA,MAAM,eAAe,MAAM,WAAW,SAASA,cAAa,OAA0B,KAAgC;AAClH,QAAM,SAAS,iBAAA;AACf,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,CAAC,OAAO,QAAQ;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,QAAI;AAAA,QAEjD,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,UACzC,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,SAAS,OAAO,QAAQ,OAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAAA;AAG1F,CAAC;AACD,aAAa,cAAc;"}
1
+ {"version":3,"file":"DialogDrawer.js","sources":["../../../../src/components/Dialog/components/DialogDrawer.tsx"],"sourcesContent":["import cn from 'clsx';\nimport { motion } from 'motion/react';\nimport * as React from 'react';\n\nimport type { DialogContext } from '../Context';\nimport { useCurrentDialog } from '../Context';\n\nexport type DialogDrawerRenderProps = DialogContext['drawer'];\n\nexport type DialogDrawerProps = Omit<\n React.HTMLAttributes<HTMLDivElement>,\n 'onAnimationStart' | 'onDragStart' | 'onDragEnd' | 'onDrag' | 'children'\n> & {\n children: Omit<React.ReactNode, 'Function'> | ((props: DialogDrawerRenderProps) => React.ReactNode);\n};\n\nconst DialogDrawer = React.forwardRef(function DialogDrawer(props: DialogDrawerProps, ref: React.Ref<HTMLDivElement>) {\n const dialog = useCurrentDialog();\n const className = cn(\n 'absolute top-0 -ml-1 hidden h-full w-full overflow-y-auto rounded-r bg-white p-6 text-left',\n props.className\n );\n\n return (\n <motion.div\n {...props}\n className={className}\n data-taco=\"dialog-drawer\"\n aria-hidden={!dialog.drawer?.open}\n variants={{\n visible: {\n left: '100%',\n display: 'block',\n transition: { ease: 'easeOut', duration: 0.2 },\n },\n hidden: {\n left: '0%',\n transition: { ease: 'easeOut', duration: 0.2 },\n transitionEnd: {\n display: 'none',\n },\n },\n }}\n animate={dialog.drawer?.open ? 'visible' : 'hidden'}\n ref={ref}>\n {typeof props.children === 'function' ? props.children(dialog.drawer) : props.children}\n </motion.div>\n );\n});\nDialogDrawer.displayName = 'DialogDrawer';\n\nexport { DialogDrawer };\n"],"names":["DialogDrawer"],"mappings":";;;;AAgBA,MAAM,eAAe,MAAM,WAAW,SAASA,cAAa,OAA0B,KAAgC;AAClH,QAAM,SAAS,iBAAA;AACf,QAAM,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,EAAA;AAGV,SACI,sBAAA;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA,aAAU;AAAA,MACV,eAAa,CAAC,OAAO,QAAQ;AAAA,MAC7B,UAAU;AAAA,QACN,SAAS;AAAA,UACL,MAAM;AAAA,UACN,SAAS;AAAA,UACT,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,QAAI;AAAA,QAEjD,QAAQ;AAAA,UACJ,MAAM;AAAA,UACN,YAAY,EAAE,MAAM,WAAW,UAAU,IAAA;AAAA,UACzC,eAAe;AAAA,YACX,SAAS;AAAA,UAAA;AAAA,QACb;AAAA,MACJ;AAAA,MAEJ,SAAS,OAAO,QAAQ,OAAO,YAAY;AAAA,MAC3C;AAAA,IAAA;AAAA,IACC,OAAO,MAAM,aAAa,aAAa,MAAM,SAAS,OAAO,MAAM,IAAI,MAAM;AAAA,EAAA;AAG1F,CAAC;AACD,aAAa,cAAc;"}
package/dist/taco.css CHANGED
@@ -926,7 +926,7 @@ table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data
926
926
  table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='select2-container'],
927
927
  table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='Select2'],
928
928
  table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='textarea'] {
929
- @apply !-mx-[7px] !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
929
+ @apply !-mx-[7px] !-my-1 !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] text-xs focus:z-10;
930
930
  }
931
931
 
932
932
  table[data-taco^='table'][data-table-font-size='small']
@@ -940,7 +940,7 @@ table[data-taco^='table'][data-table-font-size='small']
940
940
  tr[data-row-id]
941
941
  td
942
942
  [data-taco='input-container']:has([data-taco='input']) [data-taco='input'] {
943
- @apply !-my-[4px] !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] !pl-[6px] text-xs focus:z-10;
943
+ @apply !-my-1 !min-h-[theme(spacing.6)] !w-[calc(100%_+_14px)] !pl-[6px] text-xs focus:z-10;
944
944
  }
945
945
 
946
946
  table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='Select2'],
@@ -958,7 +958,7 @@ table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data
958
958
  }
959
959
 
960
960
  table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td [data-taco='textarea'] {
961
- @apply !-mt-[4px] !mb-[1px] !pt-[3px] !leading-4;
961
+ @apply !-mt-1 !mb-[1px] !pt-[3px] !leading-4;
962
962
  }
963
963
 
964
964
  table[data-taco^='table'][data-table-font-size='small'] tr[data-row-id] td[data-cell-truncate='true'] [data-taco='textarea'] {
@@ -1278,7 +1278,7 @@ table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data
1278
1278
  }
1279
1279
 
1280
1280
  table[data-taco^='table'][data-table-font-size='large'] tr[data-row-id] td [data-taco='textarea'] {
1281
- @apply !pb-[8px] !leading-6;
1281
+ @apply !pb-2 !leading-6;
1282
1282
  }
1283
1283
 
1284
1284
  table[data-taco^='table'][data-table-font-size='large']
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@economic/taco",
3
- "version": "15.0.0",
3
+ "version": "15.0.1-EC-88435-test-release.0",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "main": "./dist/index.cjs",
@@ -31,7 +31,8 @@
31
31
  "stylelint.config.mjs",
32
32
  "scripts/stylelint-plugin",
33
33
  "scripts/lint-utils",
34
- "!scripts/**/*.spec.ts"
34
+ "!scripts/**/*.spec.ts",
35
+ "!scripts/stylelint-plugin/spacing.mjs"
35
36
  ],
36
37
  "scripts": {
37
38
  "build": "vite build",
@@ -39,7 +40,7 @@
39
40
  "test": "vitest run",
40
41
  "test:watch": "vitest --watch",
41
42
  "lint": "npm run lint:styles && oxlint --quiet",
42
- "lint:styles": "stylelint \"src/**/*.css\" --config ./stylelint.config.mjs --allow-empty-input",
43
+ "lint:styles": "stylelint \"src/**/*.css\" --config ./stylelint.internal.config.mjs --allow-empty-input",
43
44
  "pree2e": "npx playwright install chromium --with-deps",
44
45
  "e2e": "npx playwright test",
45
46
  "generate-icons": "node scripts/generate-icons.cjs",
@@ -73,7 +74,7 @@
73
74
  "tailwindcss": ">=3.4.19"
74
75
  },
75
76
  "devDependencies": {
76
- "@economic/taco-rules": "^1.2.0",
77
+ "@economic/taco-rules": "1.2.1-EC-88435-test-release.0",
77
78
  "@oxlint/plugins": "^1.75.0",
78
79
  "@svgr/cli": "^8.1.0",
79
80
  "@testing-library/jest-dom": "^6.9.1",
@@ -98,5 +99,5 @@
98
99
  "vitest": "^4.1.11",
99
100
  "vitest-fail-on-console": "^0.10.1"
100
101
  },
101
- "gitHead": "4e7725271c4398bae6bbd3bdf046b559c02e1307"
102
+ "gitHead": "0ba7f7a2936f63ac23a6176c5937aeaf561559ad"
102
103
  }