@fuf-stack/pixels 1.10.2 → 1.11.1

package/dist/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"mappings":";;;;;cAaa,iBAAA,8BAAiB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAmCb,kBAAA;EAQK;EANpB,QAAA,EAAU,SAAA;EASK;EAPf,QAAA;EAOkB;EALlB,KAAA,EAAO,SAAA;EAMJ;EAJH,QAAA,GAAW,SAAA;AAAA;AAAA,KAGR,YAAA,GAAe,OAAO,QAAQ,iBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,iBAAA;AAAA,UAEnB,cAAA,SAAuB,YAAA;EAAR;EAE9B,cAAA,EAAgB,kBAAA;EAAA;EAEhB,SAAA,GAAY,SAAA;EAE8B;EAA1C,mBAAA,uBAA0C,QAAA;EAQ3B;EANf,QAAA;EAYmC;EAVnC,YAAA,GAAe,QAAA;EAVmC;EAYlD,sBAAA;EAZsC;EActC,YAAA,GAAe,YAAA;EAZC;EAchB,aAAA;EAZY;EAcZ,iBAAA,IAAqB,IAAA,UAAc,QAAA;EAZO;EAc1C,YAAA,uBAAmC,QAAA;EAVnC;EAYA,aAAA;EAVA;EAYA,WAAA;EAVe;EAYf,OAAA;AAAA;;;;cAMI,SAAA;EAAa,cAAA;EAAA,SAAA,EAAA,UAAA;EAAA,mBAAA;EAAA,QAAA;EAAA,YAAA;EAAA,sBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,WAAA;EAAA;AAAA,GAchB,cAAA,iCAAc,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Accordion.d.ts","names":[],"sources":["../../src/Accordion/Accordion.tsx"],"mappings":";;;;;cAaa,iBAAA,IAAiB,KAAA;;;;;gbAiC5B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;obAUW;;;;wbAND;IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mbA8ByB;mbAAd;obAErB;sbAAmC;sbAEnC;sbAEA;wbAEA;2bAAO;sbAAA;ubAwDR;2bAAA;IAAA;;;;ubAlDkB;mbAAA;obAAA;sbAAA;sbAAA;sbAAA;wbAAA;2bAAA;sbAAA;ubAAA;2bAchB;IAAA;EAAA;;;;;;;;kbAdgB;;;;sbAAA;EAAA;;;UA9CF,kBAAA;EA8CE;EA5CjB,QAAA,EAAU,SAAA;EA4CO;EA1CjB,QAAA;EA0CiB;EAxCjB,KAAA,EAAO,SAAA;EAwCU;EAtCjB,QAAA,GAAW,SAAA;AAAA;AAAA,KAGR,YAAA,GAAe,OAAO,QAAQ,iBAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,iBAAA;AAAA,UAEnB,cAAA,SAAuB,YAAA;EA8CvB;EA5Cf,cAAA,EAAgB,kBAAA;EAgFjB;EA9EC,SAAA,GAAY,SAAA;;EAEZ,mBAAA,uBAA0C,QAAA;;EAE1C,QAAA;;EAEA,YAAA,GAAe,QAAA;;EAEf,sBAAA;;EAEA,YAAA,GAAe,YAAA;;EAEf,aAAA;;EAEA,iBAAA,IAAqB,IAAA,UAAc,QAAA;;EAEnC,YAAA,uBAAmC,QAAA;;EAEnC,aAAA;;EAEA,WAAA;;EAEA,OAAA;AAAA;;;;cAMI,SAAA;EAAa,cAAA;EAAA,SAAA,EAAA,UAAA;EAAA,mBAAA;EAAA,QAAA;EAAA,YAAA;EAAA,sBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA,WAAA;EAAA;AAAA,GAchB,cAAA,iCAAc,GAAA,CAAA,OAAA"}

package/dist/Alert/Alert.cjs

@@ -9,7 +9,7 @@ const alertVariants = (0, _fuf_stack_pixel_utils.tv)({
 		base: "min-w-72",
 		title: "",
 		description: "",
-		mainWrapper: "gap-1.5",
+		mainWrapper: "items-stretch gap-1.5",
 		closeButton: "",
 		iconWrapper: "",
 		alertIcon: ""
@@ -17,19 +17,31 @@ const alertVariants = (0, _fuf_stack_pixel_utils.tv)({
 	variants: {
 		hasTitleAndChildren: { true: { iconWrapper: "self-start" } },
 		variant: {
-			danger: { base: "bg-danger-50 dark:bg-danger-50" },
-			default: { base: "bg-default-100 dark:bg-default-50" },
+			danger: {
+				base: "bg-danger-50 dark:bg-danger-50",
+				description: "text-foreground"
+			},
+			default: {
+				base: "bg-default-100 dark:bg-default-50",
+				description: "text-foreground"
+			},
 			info: {
 				alertIcon: "fill-current",
 				base: "border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50",
 				closeButton: "text-info-500 data-[hover]:bg-info-200",
-				description: "text-inherit",
+				description: "text-foreground",
 				iconWrapper: "border-info-100 bg-info-50 dark:bg-info-100",
 				mainWrapper: "text-inherit",
 				title: "text-inherit"
 			},
-			success: { base: "bg-success-50 dark:bg-success-50" },
-			warning: { base: "bg-warning-50 dark:bg-warning-50" }
+			success: {
+				base: "bg-success-50 dark:bg-success-50",
+				description: "text-foreground"
+			},
+			warning: {
+				base: "bg-warning-50 dark:bg-warning-50",
+				description: "text-foreground"
+			}
 		}
 	}
 });

package/dist/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","names":["HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-inherit',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ,EACN,MAAM,iCACR;GACA,SAAS,EACP,MAAM,oCACR;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS,EACP,MAAM,mCACR;GACA,SAAS,EACP,MAAM,mCACR;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBAfa,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,cAAAA,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}
+{"version":3,"file":"Alert.cjs","names":["HeroAlert","heroAlertVariants"],"sources":["../../src/Alert/Alert.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { AlertProps as HeroAlertProps } from '@heroui/alert';\nimport type { ReactNode } from 'react';\n\nimport { Alert as HeroAlert } from '@heroui/alert';\nimport { alert as heroAlertVariants } from '@heroui/theme';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nexport const alertVariants = tv({\n  slots: {\n    base: 'min-w-72',\n    title: '',\n    description: '',\n    mainWrapper: 'items-stretch gap-1.5',\n    closeButton: '',\n    iconWrapper: '',\n    alertIcon: '',\n  },\n  variants: {\n    // if HeroUI Alert title and description are set the icon is placed on top (looks better)\n    hasTitleAndChildren: {\n      true: {\n        iconWrapper: 'self-start',\n      },\n    },\n    // see:  https://github.com/heroui-inc/heroui/blob/canary/packages/core/theme/src/components/alert.ts\n    variant: {\n      danger: {\n        base: 'bg-danger-50 dark:bg-danger-50',\n        description: 'text-foreground',\n      },\n      default: {\n        base: 'bg-default-100 dark:bg-default-50',\n        description: 'text-foreground',\n      },\n      info: {\n        alertIcon: 'fill-current',\n        base: 'border-small border-info-200 bg-info-50 text-info-600 dark:border-info-100 dark:bg-info-50',\n        closeButton: 'text-info-500 data-[hover]:bg-info-200',\n        description: 'text-foreground',\n        iconWrapper: 'border-info-100 bg-info-50 dark:bg-info-100',\n        mainWrapper: 'text-inherit',\n        title: 'text-inherit',\n      },\n      success: {\n        base: 'bg-success-50 dark:bg-success-50',\n        description: 'text-foreground',\n      },\n      warning: {\n        base: 'bg-warning-50 dark:bg-warning-50',\n        description: 'text-foreground',\n      },\n    },\n  },\n});\n\nexport type VariantProps = TVProps<typeof alertVariants>;\ntype ClassName = TVClassName<typeof alertVariants>;\n\n// hasTitleAndChildren is omitted because its used for automatic icon position\nexport interface AlertProps extends Omit<VariantProps, 'hasTitleAndChildren'> {\n  /** Content displayed inside the Alert if no description is given! */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** Content displayed at the end of the Alert */\n  endContent?: ReactNode;\n  /** Icon displayed at the start of the Alert */\n  icon?: ReactNode;\n  /** Whether the Alert can be closed */\n  closable?: boolean;\n  /** Callback fired when the close button is clicked */\n  onClose?: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** Title displayed in the Alert above the content */\n  title?: ReactNode;\n  /** Style variant of the Alert */\n  variant?: VariantProps['variant'];\n}\n\n/**\n * Alert component based on [HeroUI Alert](https://www.heroui.com//docs/components/alert)\n */\nconst Alert = ({\n  children = undefined,\n  className = undefined,\n  endContent = undefined,\n  icon = undefined,\n  closable = false,\n  onClose = undefined,\n  testId = undefined,\n  title = undefined,\n  variant = 'info',\n}: AlertProps) => {\n  const hasTitleAndChildren = !!children && !!title;\n  const variants = alertVariants({\n    hasTitleAndChildren,\n    variant,\n  });\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  // map variant to HeroUI color prop (only for variants that exist in HeroUI)\n  const heroColor = Object.keys(heroAlertVariants.variants.color).includes(\n    variant,\n  )\n    ? (variant as HeroAlertProps['color'])\n    : undefined;\n\n  return (\n    <HeroAlert\n      classNames={classNames}\n      color={heroColor}\n      data-testid={testId}\n      description={title ? children : undefined}\n      endContent={endContent}\n      hideIcon={variant === 'default'}\n      icon={icon}\n      // map closable to isClosable, because of we do not want \"is\" as prefix\n      isClosable={closable}\n      onClose={onClose}\n      title={(title ?? children) as string}\n      variant=\"faded\"\n    />\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;;AASA,MAAa,iBAAA,GAAA,uBAAA,IAAmB;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,aAAa;EACb,WAAW;CACb;CACA,UAAU;EAER,qBAAqB,EACnB,MAAM,EACJ,aAAa,aACf,EACF;EAEA,SAAS;GACP,QAAQ;IACN,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,MAAM;IACJ,WAAW;IACX,MAAM;IACN,aAAa;IACb,aAAa;IACb,aAAa;IACb,aAAa;IACb,OAAO;GACT;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;GACA,SAAS;IACP,MAAM;IACN,aAAa;GACf;EACF;CACF;AACF,CAAC;;;;AA8BD,MAAM,SAAS,EACb,WAAW,KAAA,GACX,YAAY,KAAA,GACZ,aAAa,KAAA,GACb,OAAO,KAAA,GACP,WAAW,OACX,UAAU,KAAA,GACV,SAAS,KAAA,GACT,QAAQ,KAAA,GACR,UAAU,aACM;CAehB,OACE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,OAAD;EACE,aAAA,GAAA,uBAAA,sBAfa,cAAc;GAC7B,qBAF0B,CAAC,CAAC,YAAY,CAAC,CAAC;GAG1C;EACF,CAC+C,GAAG,WAAW,MAWpC;EACrB,OATc,OAAO,KAAKC,cAAAA,MAAkB,SAAS,KAAK,EAAE,SAC9D,OACF,IACK,UACD,KAAA;EAMA,eAAa;EACb,aAAa,QAAQ,WAAW,KAAA;EACpB;EACZ,UAAU,YAAY;EAChB;EAEN,YAAY;EACH;EACT,OAAQ,SAAS;EACjB,SAAQ;CACT,CAAA;AAEL"}