@cerberus-design/react 1.3.0 → 1.4.0-rc.1

package/dist/components/marquee/marquee.js

@@ -0,0 +1,46 @@
+import { Show } from "../show/show.js";
+import { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport } from "./primitives.js";
+import { getEndEdge, getStartEdge, shouldShowEdge } from "./utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { MarqueeContext } from "@ark-ui/react";
+//#region src/components/marquee/marquee.tsx
+/**
+* The marquee component displays a horizontally scrolling content with optional edges.
+* @description [Marquee Docs](https://cerberus.digitalu.design/docs/components/marquee)
+*/
+function Marquee(props) {
+	const { children, edges, ...rootProps } = props;
+	return /* @__PURE__ */ jsxs(MarqueeRoot, {
+		autoFill: true,
+		...rootProps,
+		children: [
+			/* @__PURE__ */ jsx(Show, {
+				when: shouldShowEdge([
+					"start",
+					"top",
+					"both"
+				], edges),
+				children: () => /* @__PURE__ */ jsx(MarqueeEdge, { side: getStartEdge(edges, rootProps.side) })
+			}),
+			/* @__PURE__ */ jsx(MarqueeViewport, { children: /* @__PURE__ */ jsx(MarqueeContent, { children }) }),
+			/* @__PURE__ */ jsx(Show, {
+				when: shouldShowEdge([
+					"end",
+					"bottom",
+					"both"
+				], edges),
+				children: () => /* @__PURE__ */ jsx(MarqueeEdge, { side: getEndEdge(edges, rootProps.side) })
+			})
+		]
+	});
+}
+Marquee.Context = MarqueeContext;
+Marquee.RootProvider = MarqueeRootProvider;
+Marquee.Root = MarqueeRoot;
+Marquee.Edge = MarqueeEdge;
+Marquee.Viewport = MarqueeViewport;
+Marquee.Content = MarqueeContent;
+Marquee.Item = MarqueeItem;
+Marquee.displayName = "Cerberus.Marquee";
+//#endregion
+export { Marquee };

package/dist/components/marquee/primitives.cjs

@@ -0,0 +1,18 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_marquee = require("@ark-ui/react/marquee");
+//#region src/components/marquee/primitives.ts
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.marquee);
+var MarqueeRootProvider = withSlotRecipe(_ark_ui_react_marquee.Marquee.RootProvider, "root");
+var MarqueeRoot = withSlotRecipe(_ark_ui_react_marquee.Marquee.Root, "root");
+var MarqueeViewport = withSlotRecipe(_ark_ui_react_marquee.Marquee.Viewport, "viewport");
+var MarqueeContent = withSlotRecipe(_ark_ui_react_marquee.Marquee.Content, "content");
+var MarqueeEdge = withSlotRecipe(_ark_ui_react_marquee.Marquee.Edge, "edge");
+var MarqueeItem = withNoRecipe(_ark_ui_react_marquee.Marquee.Item);
+//#endregion
+exports.MarqueeContent = MarqueeContent;
+exports.MarqueeEdge = MarqueeEdge;
+exports.MarqueeItem = MarqueeItem;
+exports.MarqueeRoot = MarqueeRoot;
+exports.MarqueeRootProvider = MarqueeRootProvider;
+exports.MarqueeViewport = MarqueeViewport;

package/dist/components/marquee/primitives.d.cts

@@ -0,0 +1,16 @@
+import { Marquee } from '@ark-ui/react/marquee';
+import { MarqueeVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type MarqueeRootProviderProps = CerberusPrimitiveProps<Marquee.RootProviderProps>;
+export declare const MarqueeRootProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProviderProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeRootProps = CerberusPrimitiveProps<Marquee.RootProps & MarqueeVariantProps>;
+export declare const MarqueeRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeViewportProps = CerberusPrimitiveProps<Marquee.ViewportProps>;
+export declare const MarqueeViewport: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ViewportProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeContentProps = CerberusPrimitiveProps<Marquee.ContentProps>;
+export declare const MarqueeContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeEdgeProps = CerberusPrimitiveProps<Marquee.EdgeProps>;
+export declare const MarqueeEdge: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.EdgeProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeItemProps = CerberusPrimitiveProps<Marquee.ItemProps>;
+export declare const MarqueeItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/marquee/primitives.d.ts

@@ -0,0 +1,16 @@
+import { Marquee } from '@ark-ui/react/marquee';
+import { MarqueeVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+export type MarqueeRootProviderProps = CerberusPrimitiveProps<Marquee.RootProviderProps>;
+export declare const MarqueeRootProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProviderProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeRootProps = CerberusPrimitiveProps<Marquee.RootProps & MarqueeVariantProps>;
+export declare const MarqueeRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeViewportProps = CerberusPrimitiveProps<Marquee.ViewportProps>;
+export declare const MarqueeViewport: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ViewportProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeContentProps = CerberusPrimitiveProps<Marquee.ContentProps>;
+export declare const MarqueeContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeEdgeProps = CerberusPrimitiveProps<Marquee.EdgeProps>;
+export declare const MarqueeEdge: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.EdgeProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type MarqueeItemProps = CerberusPrimitiveProps<Marquee.ItemProps>;
+export declare const MarqueeItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Marquee.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;

package/dist/components/marquee/primitives.js

@@ -0,0 +1,13 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { marquee } from "styled-system/recipes";
+import { Marquee } from "@ark-ui/react/marquee";
+//#region src/components/marquee/primitives.ts
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(marquee);
+var MarqueeRootProvider = withSlotRecipe(Marquee.RootProvider, "root");
+var MarqueeRoot = withSlotRecipe(Marquee.Root, "root");
+var MarqueeViewport = withSlotRecipe(Marquee.Viewport, "viewport");
+var MarqueeContent = withSlotRecipe(Marquee.Content, "content");
+var MarqueeEdge = withSlotRecipe(Marquee.Edge, "edge");
+var MarqueeItem = withNoRecipe(Marquee.Item);
+//#endregion
+export { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport };

package/dist/components/marquee/utils.cjs

@@ -0,0 +1,33 @@
+"use client";
+//#region src/components/marquee/utils.ts
+var dir = {
+	start: 1,
+	end: 1,
+	top: 2,
+	bottom: 2,
+	both: 3,
+	hor: 1,
+	vert: 2
+};
+function shouldShowEdge(edge, edges) {
+	if (!edges) return false;
+	return edge.some((e) => edges.includes(e));
+}
+function getStartEdge(edges, side) {
+	if (!edges) return "start";
+	const direction = dir[side ?? "start"];
+	if (direction === dir.hor) return "start";
+	if (direction === dir.vert) return "top";
+	return "start";
+}
+function getEndEdge(edges, side) {
+	if (!edges) return "end";
+	const direction = dir[side ?? "end"];
+	if (direction === dir.hor) return "end";
+	if (direction === dir.vert) return "bottom";
+	return "end";
+}
+//#endregion
+exports.getEndEdge = getEndEdge;
+exports.getStartEdge = getStartEdge;
+exports.shouldShowEdge = shouldShowEdge;

package/dist/components/marquee/utils.d.cts

@@ -0,0 +1,4 @@
+import { MarqueeEdgeOption, MarqueeProps } from './marquee';
+export declare function shouldShowEdge(edge: MarqueeEdgeOption[], edges: MarqueeProps['edges']): boolean;
+export declare function getStartEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;
+export declare function getEndEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;

package/dist/components/marquee/utils.d.ts

@@ -0,0 +1,4 @@
+import { MarqueeEdgeOption, MarqueeProps } from './marquee';
+export declare function shouldShowEdge(edge: MarqueeEdgeOption[], edges: MarqueeProps['edges']): boolean;
+export declare function getStartEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;
+export declare function getEndEdge(edges: MarqueeProps['edges'], side: MarqueeProps['side']): MarqueeEdgeOption;

package/dist/components/marquee/utils.js

@@ -0,0 +1,31 @@
+"use client";
+//#region src/components/marquee/utils.ts
+var dir = {
+	start: 1,
+	end: 1,
+	top: 2,
+	bottom: 2,
+	both: 3,
+	hor: 1,
+	vert: 2
+};
+function shouldShowEdge(edge, edges) {
+	if (!edges) return false;
+	return edge.some((e) => edges.includes(e));
+}
+function getStartEdge(edges, side) {
+	if (!edges) return "start";
+	const direction = dir[side ?? "start"];
+	if (direction === dir.hor) return "start";
+	if (direction === dir.vert) return "top";
+	return "start";
+}
+function getEndEdge(edges, side) {
+	if (!edges) return "end";
+	const direction = dir[side ?? "end"];
+	if (direction === dir.hor) return "end";
+	if (direction === dir.vert) return "bottom";
+	return "end";
+}
+//#endregion
+export { getEndEdge, getStartEdge, shouldShowEdge };

package/dist/components/notifications/center.cjs

@@ -12,24 +12,23 @@ let styled_system_jsx = require("styled-system/jsx");
 let _ark_ui_react_toast = require("@ark-ui/react/toast");
 //#region src/components/notifications/center.tsx
 /**
-* This module contains an abstraction of the Notification parts.
-* @module 'notification/center'
-*/
-function getEmphasis(options) {
-	if (options.usage === "subtle") return "low";
-	return "high";
-}
-/**
 * The NotificationCenter component is an abstraction for the Notification
 * component. It manages displaying all the toasts in the center.
 */
 function NotificationCenter(props) {
+	const cachedToaster = (0, react.useMemo)(() => props.toaster || require_toaster.toaster, [props.toaster]);
+	const typeToPalette = (0, react.useMemo)(() => ({
+		info: "info",
+		success: "success",
+		warning: "warning",
+		error: "danger"
+	}), []);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_toast.Toaster, {
-		toaster: (0, react.useMemo)(() => props.toaster || require_toaster.toaster, [props.toaster]),
+		toaster: cachedToaster,
 		children: (toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.NotificationParts.Root, {
-			"data-emphasis": getEmphasis(toast),
+			"data-emphasis": toast.usage ?? "high",
 			children: [
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_match_icon.MatchNotificationIcon, { type: toast.type }),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_match_icon.MatchNotificationIcon, { ...toast }),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.Box, {
 					flex: "1",
 					paddingBlock: "sm",
@@ -41,7 +40,7 @@ function NotificationCenter(props) {
 							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.NotificationParts.ActionTrigger, {
 								asChild: true,
 								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
-									palette: toast.type,
+									palette: typeToPalette[String(toast.type)],
 									usage: "ghost",
 									size: "sm",
 									children: toast.action?.label
@@ -57,4 +56,3 @@ function NotificationCenter(props) {
 }
 //#endregion
 exports.NotificationCenter = NotificationCenter;
-exports.getEmphasis = getEmphasis;

package/dist/components/notifications/center.d.cts

@@ -1,10 +1,8 @@
 import { CreateToasterReturn } from '@ark-ui/react/toast';
-import { NotifyOptions } from './types';
 /**
  * This module contains an abstraction of the Notification parts.
  * @module 'notification/center'
  */
-export declare function getEmphasis(options: NotifyOptions): "high" | "low";
 export interface NotificationCenterProps {
     toaster?: CreateToasterReturn;
 }

package/dist/components/notifications/center.d.ts

@@ -1,10 +1,8 @@
 import { CreateToasterReturn } from '@ark-ui/react/toast';
-import { NotifyOptions } from './types';
 /**
  * This module contains an abstraction of the Notification parts.
  * @module 'notification/center'
  */
-export declare function getEmphasis(options: NotifyOptions): "high" | "low";
 export interface NotificationCenterProps {
     toaster?: CreateToasterReturn;
 }

package/dist/components/notifications/center.js

@@ -12,24 +12,23 @@ import { Box } from "styled-system/jsx";
 import { Toaster } from "@ark-ui/react/toast";
 //#region src/components/notifications/center.tsx
 /**
-* This module contains an abstraction of the Notification parts.
-* @module 'notification/center'
-*/
-function getEmphasis(options) {
-	if (options.usage === "subtle") return "low";
-	return "high";
-}
-/**
 * The NotificationCenter component is an abstraction for the Notification
 * component. It manages displaying all the toasts in the center.
 */
 function NotificationCenter(props) {
+	const cachedToaster = useMemo(() => props.toaster || toaster, [props.toaster]);
+	const typeToPalette = useMemo(() => ({
+		info: "info",
+		success: "success",
+		warning: "warning",
+		error: "danger"
+	}), []);
 	return /* @__PURE__ */ jsx(Toaster, {
-		toaster: useMemo(() => props.toaster || toaster, [props.toaster]),
+		toaster: cachedToaster,
 		children: (toast) => /* @__PURE__ */ jsxs(NotificationParts.Root, {
-			"data-emphasis": getEmphasis(toast),
+			"data-emphasis": toast.usage ?? "high",
 			children: [
-				/* @__PURE__ */ jsx(MatchNotificationIcon, { type: toast.type }),
+				/* @__PURE__ */ jsx(MatchNotificationIcon, { ...toast }),
 				/* @__PURE__ */ jsxs(Box, {
 					flex: "1",
 					paddingBlock: "sm",
@@ -41,7 +40,7 @@ function NotificationCenter(props) {
 							children: /* @__PURE__ */ jsx(NotificationParts.ActionTrigger, {
 								asChild: true,
 								children: /* @__PURE__ */ jsx(Button, {
-									palette: toast.type,
+									palette: typeToPalette[String(toast.type)],
 									usage: "ghost",
 									size: "sm",
 									children: toast.action?.label
@@ -56,4 +55,4 @@ function NotificationCenter(props) {
 	});
 }
 //#endregion
-export { NotificationCenter, getEmphasis };
+export { NotificationCenter };

package/dist/components/notifications/index.cjs

@@ -11,5 +11,4 @@ exports.NotificationHeading = require_primitives.NotificationHeading;
 exports.NotificationParts = require_parts.NotificationParts;
 exports.NotificationProvider = require_primitives.NotificationProvider;
 exports.NotificationRoot = require_primitives.NotificationRoot;
-exports.getEmphasis = require_center.getEmphasis;
 exports.toaster = require_toaster.toaster;

package/dist/components/notifications/index.js

@@ -1,5 +1,5 @@
 import { NotificationActionTrigger, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationProvider, NotificationRoot } from "./primitives.js";
 import { NotificationParts } from "./parts.js";
 import { toaster } from "./toaster.js";
-import { NotificationCenter, getEmphasis } from "./center.js";
-export { NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, getEmphasis, toaster };
+import { NotificationCenter } from "./center.js";
+export { NotificationActionTrigger, NotificationCenter, NotificationCloseTrigger, NotificationDescription, NotificationHeading, NotificationParts, NotificationProvider, NotificationRoot, toaster };

package/dist/components/notifications/match-icon.cjs

@@ -2,7 +2,6 @@
 "use client";
 const require_cerberus = require("../../context/cerberus.cjs");
 const require_spinner = require("../spinner/spinner.cjs");
-const require_center = require("./center.cjs");
 let styled_system_recipes = require("styled-system/recipes");
 let _ark_ui_react_factory = require("@ark-ui/react/factory");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -15,11 +14,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 */
 function MatchNotificationIcon(props) {
 	const { icons } = require_cerberus.useCerberusContext();
-	const type = props.type?.split("-")[0] || "info";
+	const type = props.type || "info";
 	const styles = (0, styled_system_recipes.toast)();
-	const Icon = icons[`${type}Notification`] || ToastLoadingIcon;
+	const Icon = icons[type] || ToastLoadingIcon;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_factory.ark.div, {
-		"data-emphasis": require_center.getEmphasis(props),
+		"data-emphasis": props.usage,
 		className: styles.icon,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, {})
 	});

package/dist/components/notifications/match-icon.js

@@ -2,7 +2,6 @@
 "use client";
 import { useCerberusContext } from "../../context/cerberus.js";
 import { Spinner } from "../spinner/spinner.js";
-import { getEmphasis } from "./center.js";
 import { toast } from "styled-system/recipes";
 import { ark } from "@ark-ui/react/factory";
 import { jsx } from "react/jsx-runtime";
@@ -15,11 +14,11 @@ import { jsx } from "react/jsx-runtime";
 */
 function MatchNotificationIcon(props) {
 	const { icons } = useCerberusContext();
-	const type = props.type?.split("-")[0] || "info";
+	const type = props.type || "info";
 	const styles = toast();
-	const Icon = icons[`${type}Notification`] || ToastLoadingIcon;
+	const Icon = icons[type] || ToastLoadingIcon;
 	return /* @__PURE__ */ jsx(ark.div, {
-		"data-emphasis": getEmphasis(props),
+		"data-emphasis": props.usage,
 		className: styles.icon,
 		children: /* @__PURE__ */ jsx(Icon, {})
 	});

package/dist/components/tag/closable.cjs

@@ -17,7 +17,7 @@ function ClosableTag(props) {
 		pe: "0",
 		...rootProps,
 		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
-			ariaLabel: "Close",
+			ariaLabel: "Close tag",
 			onClick,
 			palette,
 			usage: "filled",

package/dist/components/tag/closable.js

@@ -17,7 +17,7 @@ function ClosableTag(props) {
 		pe: "0",
 		...rootProps,
 		children: [children, /* @__PURE__ */ jsx(IconButton, {
-			ariaLabel: "Close",
+			ariaLabel: "Close tag",
 			onClick,
 			palette,
 			usage: "filled",

package/dist/config/icons/default.cjs

@@ -22,12 +22,14 @@ var defaultIcons = {
 	dangerNotification: _carbon_icons_react.WarningFilled,
 	decrement: _carbon_icons_react.ChevronDown,
 	delete: _carbon_icons_react.TrashCan,
+	error: _carbon_icons_react.ErrorFilled,
 	fileUploader: require_AnimatingUploadIcon.AnimatingUploadIcon,
 	filter: _carbon_icons_react.Filter,
 	filterEdit: _carbon_icons_react.FilterEdit,
 	filterClear: _carbon_icons_react.FilterRemove,
 	increment: _carbon_icons_react.ChevronUp,
 	indeterminate: require_checkbox_icons.IndeterminateIcon,
+	info: _carbon_icons_react.InformationFilled,
 	infoNotification: _carbon_icons_react.Information,
 	invalid: _carbon_icons_react.WarningFilled,
 	invalidAlt: _carbon_icons_react.Warning,
@@ -42,11 +44,13 @@ var defaultIcons = {
 	selectChecked: _carbon_icons_react.Checkmark,
 	sortAsc: require_sort_icons.SortAscIcon,
 	sortDesc: require_sort_icons.SortDescIcon,
+	success: _carbon_icons_react.CheckmarkFilled,
 	successNotification: _carbon_icons_react.CheckmarkOutline,
 	table: _carbon_icons_react.TableSplit,
 	toggleChecked: _carbon_icons_react.Checkmark,
 	waitingFileUploader: _carbon_icons_react.CloudUpload,
-	warningNotification: _carbon_icons_react.WarningAlt
+	warningNotification: _carbon_icons_react.WarningAlt,
+	warning: _carbon_icons_react.WarningFilled
 };
 //#endregion
 exports.defaultIcons = defaultIcons;

package/dist/config/icons/default.js

@@ -3,7 +3,7 @@ import { AnimatingUploadIcon } from "../../components/AnimatingUploadIcon.js";
 import { CheckmarkIcon, IndeterminateIcon } from "./checkbox.icons.js";
 import { PinLeftFilledIcon, PinLeftIcon, PinRightFilledIcon, PinRightIcon } from "./pinned.icons.js";
 import { SortAscIcon, SortDescIcon } from "./sort.icons.js";
-import { ArrowRight, Calendar, CaretDown, Checkmark, CheckmarkOutline, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, CloudUpload, Filter, FilterEdit, FilterRemove, Information, OverflowMenuVertical, Restart, TableSplit, TrashCan, UserFilled, Warning, WarningAlt, WarningFilled } from "@carbon/icons-react";
+import { ArrowRight, Calendar, CaretDown, Checkmark, CheckmarkFilled, CheckmarkOutline, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, CloudUpload, ErrorFilled, Filter, FilterEdit, FilterRemove, Information, InformationFilled, OverflowMenuVertical, Restart, TableSplit, TrashCan, UserFilled, Warning, WarningAlt, WarningFilled } from "@carbon/icons-react";
 //#region src/config/icons/default.ts
 /**
 * Fallback icons when there is no custom set provided by the user.
@@ -22,12 +22,14 @@ var defaultIcons = {
 	dangerNotification: WarningFilled,
 	decrement: ChevronDown,
 	delete: TrashCan,
+	error: ErrorFilled,
 	fileUploader: AnimatingUploadIcon,
 	filter: Filter,
 	filterEdit: FilterEdit,
 	filterClear: FilterRemove,
 	increment: ChevronUp,
 	indeterminate: IndeterminateIcon,
+	info: InformationFilled,
 	infoNotification: Information,
 	invalid: WarningFilled,
 	invalidAlt: Warning,
@@ -42,11 +44,13 @@ var defaultIcons = {
 	selectChecked: Checkmark,
 	sortAsc: SortAscIcon,
 	sortDesc: SortDescIcon,
+	success: CheckmarkFilled,
 	successNotification: CheckmarkOutline,
 	table: TableSplit,
 	toggleChecked: Checkmark,
 	waitingFileUploader: CloudUpload,
-	warningNotification: WarningAlt
+	warningNotification: WarningAlt,
+	warning: WarningFilled
 };
 //#endregion
 export { defaultIcons };

package/dist/config/types.d.cts

@@ -23,12 +23,14 @@ export interface DefinedIcons<T extends IconType = IconType> {
     decrement?: T;
     delete?: T;
     dangerNotification?: T;
+    error?: T;
     fileUploader?: T;
     filter?: T;
     filterEdit?: T;
     filterClear?: T;
     indeterminate?: T;
     increment?: T;
+    info?: T;
     infoNotification?: T;
     invalid?: T;
     invalidAlt?: T;
@@ -43,10 +45,12 @@ export interface DefinedIcons<T extends IconType = IconType> {
     selectChecked?: T;
     sortAsc?: T;
     sortDesc?: T;
+    success?: T;
     successNotification?: T;
     table?: T;
     toggleChecked?: T;
     waitingFileUploader?: T;
     warningNotification?: T;
+    warning?: T;
 }
 export type IconType = ElementType;

package/dist/config/types.d.ts

@@ -23,12 +23,14 @@ export interface DefinedIcons<T extends IconType = IconType> {
     decrement?: T;
     delete?: T;
     dangerNotification?: T;
+    error?: T;
     fileUploader?: T;
     filter?: T;
     filterEdit?: T;
     filterClear?: T;
     indeterminate?: T;
     increment?: T;
+    info?: T;
     infoNotification?: T;
     invalid?: T;
     invalidAlt?: T;
@@ -43,10 +45,12 @@ export interface DefinedIcons<T extends IconType = IconType> {
     selectChecked?: T;
     sortAsc?: T;
     sortDesc?: T;
+    success?: T;
     successNotification?: T;
     table?: T;
     toggleChecked?: T;
     waitingFileUploader?: T;
     warningNotification?: T;
+    warning?: T;
 }
 export type IconType = ElementType;