@bi-digital/react 0.2.13 → 0.2.15

package/README.md

@@ -1 +1,7 @@
 # @bi-digital/react
+
+Components from the BI Design System implemented in React
+
+**Currently in Alpha testing!**
+
+Read the docs on how to install and get started at [https://calm-water-0e9b54d03.6.azurestaticapps.net/?path=/docs/getting-started--docs](https://calm-water-0e9b54d03.6.azurestaticapps.net/?path=/docs/getting-started--docs).

package/dist/alert-B0SyUQVj.js

@@ -0,0 +1,33 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { BiIconCheckmarkSmall, BiIconError, BiIconInformation, BiIconWarning } from "@bi-digital/icons-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/alert/alert.tsx
+const variantIcons = {
+	info: BiIconInformation,
+	success: BiIconCheckmarkSmall,
+	warning: BiIconWarning,
+	alert: BiIconError
+};
+const Alert = ({ className, children, closeButton, variant = "info", icon, asChild, dark, size, ref,...rest }) => {
+	const Component = asChild ? Slot : "div";
+	const DefaultIcon = variantIcons[variant];
+	return /* @__PURE__ */ jsxs(Component, {
+		className: clsx("bi-alert", className),
+		"data-variant": variant,
+		"data-size": size,
+		"data-dark": dark,
+		ref,
+		...rest,
+		children: [
+			icon || /* @__PURE__ */ jsx(DefaultIcon, {}),
+			children,
+			closeButton
+		]
+	});
+};
+
+//#endregion
+export { Alert };
+//# sourceMappingURL=alert-B0SyUQVj.js.map

package/dist/alert-B0SyUQVj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-B0SyUQVj.js","names":["variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType>"],"sources":["../src/components/alert/alert.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport type { DefaultProps } from '../../types';\nimport type { MergeRight } from '../../utilities';\nimport { BiIconCheckmarkSmall, BiIconError, BiIconInformation, BiIconWarning } from '@bi-digital/icons-react';\n\nexport type AlertProps = MergeRight<\n  DefaultProps & HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * The alert variant.\n     * @default 'info'\n     */\n    variant?: 'info' | 'success' | 'warning' | 'alert';\n    /**\n     * Size of the alert.\n     * @default 'medium'\n     */\n    size?: 'small' | 'medium' | 'large';\n    /** Custom close button. It's your responsibility to make the button close the alert. */\n    closeButton?: ReactNode;\n    /** Override the default icon which is decided by the `variant`. */\n    icon?: ReactNode;\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nconst variantIcons: Record<NonNullable<AlertProps['variant']>, React.ComponentType> = {\n  info: BiIconInformation,\n  success: BiIconCheckmarkSmall,\n  warning: BiIconWarning,\n  alert: BiIconError,\n};\n\nexport const Alert = ({\n  className,\n  children,\n  closeButton,\n  variant = 'info',\n  icon,\n  asChild,\n  dark,\n  size,\n  ref,\n  ...rest\n}: AlertProps) => {\n  const Component = asChild ? Slot : 'div';\n  const DefaultIcon = variantIcons[variant];\n  return (\n    <Component\n      className={clsx('bi-alert', className)}\n      data-variant={variant}\n      data-size={size}\n      data-dark={dark}\n      ref={ref}\n      {...rest}\n    >\n      {icon || <DefaultIcon />}\n      {children}\n      {closeButton}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;AAiCA,MAAMA,eAAgF;CACpF,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;AACR;AAED,MAAa,QAAQ,CAAC,EACpB,WACA,UACA,aACA,UAAU,QACV,MACA,SACA,MACA,MACA,IACA,GAAG,MACQ,KAAK;CAChB,MAAM,YAAY,UAAU,OAAO;CACnC,MAAM,cAAc,aAAa;AACjC,wBACE,KAAC;EACC,WAAW,KAAK,YAAY,UAAU;EACtC,gBAAc;EACd,aAAW;EACX,aAAW;EACN;EACL,GAAI;;GAEH,wBAAQ,IAAC,gBAAc;GACvB;GACA;;GACS;AAEf"}

package/dist/alert-footer-DL4rCThp.js

@@ -0,0 +1,18 @@
+import clsx from "clsx/lite";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/alert/alert-footer.tsx
+const AlertFooter = ({ className, children, asChild, ref,...rest }) => {
+	const Component = asChild ? Slot : "div";
+	return /* @__PURE__ */ jsx(Component, {
+		className: clsx("bi-alert--footer", className),
+		ref,
+		...rest,
+		children
+	});
+};
+
+//#endregion
+export { AlertFooter };
+//# sourceMappingURL=alert-footer-DL4rCThp.js.map

package/dist/alert-footer-DL4rCThp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-footer-DL4rCThp.js","names":[],"sources":["../src/components/alert/alert-footer.tsx"],"sourcesContent":["import clsx from 'clsx/lite';\nimport { Slot } from '@radix-ui/react-slot';\nimport type { HTMLAttributes, Ref } from 'react';\nimport type { MergeRight } from '../../utilities';\n\nexport type AlertFooterProps = MergeRight<\n  HTMLAttributes<HTMLDivElement>,\n  {\n    /**\n     * Change the default rendered element for the one passed as a child, merging their props and behavior.\n     * @default false\n     */\n    asChild?: boolean;\n    ref?: Ref<HTMLDivElement>;\n  }\n>;\n\nexport const AlertFooter = ({ className, children, asChild, ref, ...rest }: AlertFooterProps) => {\n  const Component = asChild ? Slot : 'div';\n  return (\n    <Component className={clsx('bi-alert--footer', className)} ref={ref} {...rest}>\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;AAiBA,MAAa,cAAc,CAAC,EAAE,WAAW,UAAU,SAAS,IAAK,GAAG,MAAwB,KAAK;CAC/F,MAAM,YAAY,UAAU,OAAO;AACnC,wBACE,IAAC;EAAU,WAAW,KAAK,oBAAoB,UAAU;EAAO;EAAK,GAAI;EACtE;GACS;AAEf"}