@cerberus-design/react 0.10.4-next-271fee4 → 0.10.4-next-57d0ee2

package/build/modern/components/Select.js

@@ -2,11 +2,11 @@
 import {
   Option,
   Select
-} from "../chunk-3XZRRGFQ.js";
+} from "../chunk-PA5EB7EO.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Tag.js

@@ -1,9 +1,9 @@
 import {
   Tag
-} from "../chunk-QHVJAPSD.js";
+} from "../chunk-243VUIA6.js";
 import "../chunk-BUVVRQLZ.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/components/Toggle.js

@@ -1,10 +1,10 @@
 "use client";
 import {
   Toggle
-} from "../chunk-SRGQQYBQ.js";
+} from "../chunk-YWCTMLLO.js";
 import "../chunk-UZDVOIW5.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/config/cerbIcons.js

@@ -1,6 +1,6 @@
 import {
   defaultIcons
-} from "../chunk-V7YG7JUJ.js";
+} from "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/config/defineIcons.js

@@ -1,8 +1,8 @@
 import {
   $cerberusIcons,
   defineIcons
-} from "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+} from "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/context/confirm-modal.js

@@ -2,18 +2,18 @@
 import {
   ConfirmModal,
   useConfirmModal
-} from "../chunk-XFKPALXB.js";
+} from "../chunk-X4Y4WTRU.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-ULYQLKWA.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-XWQEINEL.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 import "../chunk-7T3JIGM7.js";

package/build/modern/context/notification-center.js

@@ -2,16 +2,16 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "../chunk-ZUQ2MHMQ.js";
-import "../chunk-A42MQEHJ.js";
+} from "../chunk-RDQHHCFR.js";
+import "../chunk-KLUBAM4U.js";
 import "../chunk-XEW6TJJ4.js";
 import "../chunk-SXIXDXG3.js";
 import "../chunk-GLY7GU5S.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 export {

package/build/modern/context/prompt-modal.js

@@ -2,21 +2,21 @@
 import {
   PromptModal,
   usePromptModal
-} from "../chunk-BADJ7VVO.js";
+} from "../chunk-3NE6C66J.js";
 import "../chunk-GLY7GU5S.js";
+import "../chunk-UJKS4DDN.js";
 import "../chunk-NMF2HYWO.js";
 import "../chunk-BE4EOU2P.js";
 import "../chunk-Q7BRMIBR.js";
 import "../chunk-ULYQLKWA.js";
 import "../chunk-2UXE5PDG.js";
-import "../chunk-WSGQZZVU.js";
-import "../chunk-XWQEINEL.js";
+import "../chunk-ZX6DBC2Z.js";
 import "../chunk-EXGKZGML.js";
 import "../chunk-UZDVOIW5.js";
 import "../chunk-BUVVRQLZ.js";
 import "../chunk-JIZQFTW6.js";
-import "../chunk-5NELG2TB.js";
-import "../chunk-V7YG7JUJ.js";
+import "../chunk-FT7DFRHQ.js";
+import "../chunk-TMR7JGMP.js";
 import "../chunk-CP7OUC2Q.js";
 import "../chunk-HVKM54BA.js";
 import "../chunk-7T3JIGM7.js";

package/build/modern/index.js

@@ -1,15 +1,18 @@
 import {
   NotificationCenter,
   useNotificationCenter
-} from "./chunk-ZUQ2MHMQ.js";
+} from "./chunk-RDQHHCFR.js";
 import {
   PromptModal,
   usePromptModal
-} from "./chunk-BADJ7VVO.js";
+} from "./chunk-3NE6C66J.js";
 import {
   ThemeProvider,
   useThemeContext
 } from "./chunk-EB37HRCN.js";
+import {
+  Tbody
+} from "./chunk-PKQTTFWA.js";
 import {
   Td
 } from "./chunk-HPM2XRWT.js";
@@ -24,11 +27,15 @@ import {
 } from "./chunk-PKY46RRA.js";
 import {
   Toggle
-} from "./chunk-SRGQQYBQ.js";
+} from "./chunk-YWCTMLLO.js";
 import {
   ConfirmModal,
   useConfirmModal
-} from "./chunk-XFKPALXB.js";
+} from "./chunk-X4Y4WTRU.js";
+import {
+  Option,
+  Select
+} from "./chunk-PA5EB7EO.js";
 import {
   Spinner
 } from "./chunk-7SYJFI5E.js";
@@ -47,16 +54,21 @@ import {
 } from "./chunk-B4CVET74.js";
 import {
   Tag
-} from "./chunk-QHVJAPSD.js";
+} from "./chunk-243VUIA6.js";
 import {
-  Tbody
-} from "./chunk-PKQTTFWA.js";
+  NavMenuList,
+  getPosition
+} from "./chunk-5V5MBSM3.js";
 import {
   NavMenuTrigger
 } from "./chunk-OWKN5IV7.js";
+import {
+  NavMenu,
+  useNavMenuContext
+} from "./chunk-O75QAT4Z.js";
 import {
   Notification
-} from "./chunk-A42MQEHJ.js";
+} from "./chunk-KLUBAM4U.js";
 import {
   NotificationDescription
 } from "./chunk-XEW6TJJ4.js";
@@ -70,9 +82,8 @@ import {
   Radio
 } from "./chunk-FTPZHG6J.js";
 import {
-  Option,
-  Select
-} from "./chunk-3XZRRGFQ.js";
+  Input
+} from "./chunk-UJKS4DDN.js";
 import {
   Label
 } from "./chunk-NMF2HYWO.js";
@@ -95,13 +106,8 @@ import {
   NavMenuLink
 } from "./chunk-KBBASJIY.js";
 import {
-  NavMenuList,
-  getPosition
-} from "./chunk-5V5MBSM3.js";
-import {
-  NavMenu,
-  useNavMenuContext
-} from "./chunk-O75QAT4Z.js";
+  Droppable
+} from "./chunk-TKI2CKHH.js";
 import {
   FeatureFlag
 } from "./chunk-BIDE4IJG.js";
@@ -118,7 +124,7 @@ import {
 import {
   FileStatus,
   processStatus
-} from "./chunk-XREDYSAP.js";
+} from "./chunk-YMJMB6OP.js";
 import {
   ProgressBar
 } from "./chunk-KCANMM64.js";
@@ -127,13 +133,10 @@ import {
 } from "./chunk-JWIJHSI6.js";
 import {
   FileUploader
-} from "./chunk-P3THICWW.js";
+} from "./chunk-HCB5NQ5J.js";
 import {
   IconButton
 } from "./chunk-APD6IX5R.js";
-import {
-  Input
-} from "./chunk-WSGQZZVU.js";
 import {
   MODE_KEY,
   THEME_KEY,
@@ -142,15 +145,20 @@ import {
 import {
   useToggle
 } from "./chunk-REO5GUNC.js";
+import {
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading
+} from "./chunk-ZW3FFE37.js";
 import {
   Avatar
-} from "./chunk-XWQEINEL.js";
+} from "./chunk-ZX6DBC2Z.js";
 import {
   Button
 } from "./chunk-EXGKZGML.js";
 import {
   Checkbox
-} from "./chunk-DH57GIIW.js";
+} from "./chunk-MDIUFBDX.js";
 import {
   Field,
   useFieldContext
@@ -161,9 +169,6 @@ import {
 import {
   Show
 } from "./chunk-BUVVRQLZ.js";
-import {
-  Droppable
-} from "./chunk-TKI2CKHH.js";
 import "./chunk-55J6XMHW.js";
 import {
   createNavTriggerProps
@@ -182,8 +187,8 @@ import {
 import {
   $cerberusIcons,
   defineIcons
-} from "./chunk-5NELG2TB.js";
-import "./chunk-V7YG7JUJ.js";
+} from "./chunk-FT7DFRHQ.js";
+import "./chunk-TMR7JGMP.js";
 import "./chunk-CP7OUC2Q.js";
 import "./chunk-HVKM54BA.js";
 import {
@@ -194,6 +199,9 @@ import {
 export * from "@dnd-kit/core";
 export {
   $cerberusIcons,
+  Admonition,
+  AdmonitionDescription,
+  AdmonitionHeading,
   Avatar,
   Button,
   Checkbox,

package/build/modern/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// components\n\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Modal'\nexport * from './components/ModalHeader'\nexport * from './components/ModalHeading'\nexport * from './components/ModalDescription'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Select'\nexport * from './components/Spinner'\nexport * from './components/Tab'\nexport * from './components/TabList'\nexport * from './components/TabPanel'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/confirm-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/tabs.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/defineIcons'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmFA,cAAc;","names":[]}
+{"version":3,"sources":["../../src/index.ts"],"sourcesContent":["/**\n * This module is the entry point for the Cerberus React package.\n * @module\n */\n\n// components\n\nexport * from './components/Admonition'\nexport * from './components/Avatar'\nexport * from './components/Button'\nexport * from './components/Checkbox'\nexport * from './components/CircularProgress'\nexport * from './components/Droppable'\nexport * from './components/FieldMessage'\nexport * from './components/FeatureFlag'\nexport * from './components/Fieldset'\nexport * from './components/FieldsetLabel'\nexport * from './components/FileStatus'\nexport * from './components/FileUploader'\nexport * from './components/IconButton'\nexport * from './components/Input'\nexport * from './components/Label'\nexport * from './components/Legend'\nexport * from './components/Modal'\nexport * from './components/ModalHeader'\nexport * from './components/ModalHeading'\nexport * from './components/ModalDescription'\nexport * from './components/NavMenuTrigger'\nexport * from './components/NavMenuList'\nexport * from './components/NavMenuLink'\nexport * from './components/Notification'\nexport * from './components/NotificationHeading'\nexport * from './components/NotificationDescription'\nexport * from './components/Portal'\nexport * from './components/ProgressBar'\nexport * from './components/Radio'\nexport * from './components/Select'\nexport * from './components/Spinner'\nexport * from './components/Tab'\nexport * from './components/TabList'\nexport * from './components/TabPanel'\nexport * from './components/Table'\nexport * from './components/Thead'\nexport * from './components/Th'\nexport * from './components/Td'\nexport * from './components/Tbody'\nexport * from './components/Tag'\nexport * from './components/Textarea'\nexport * from './components/Toggle'\nexport * from './components/Show'\n\n// context\n\nexport * from './context/confirm-modal'\nexport * from './context/feature-flags'\nexport * from './context/field'\nexport * from './context/navMenu'\nexport * from './context/notification-center'\nexport * from './context/prompt-modal'\nexport * from './context/tabs'\nexport * from './context/theme'\n\n// hooks\n\nexport * from './hooks/useModal'\nexport * from './hooks/useTheme'\nexport * from './hooks/useToggle'\n\n// aria-helpers\n\nexport * from './aria-helpers/nav-menu.aria'\nexport * from './aria-helpers/tabs.aria'\nexport * from './aria-helpers/trap-focus.aria'\n\n// utils\n\nexport * from './config/defineIcons'\n\n// shared types\n\nexport * from './types'\n\n// 3rd party\n\nexport * from '@dnd-kit/core'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFA,cAAc;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cerberus-design/react",
-  "version": "0.10.4-next-271fee4",
+  "version": "0.10.4-next-57d0ee2",
   "description": "The Cerberus Design React component library.",
   "browserslist": "> 0.25%, not dead",
   "sideEffects": false,
@@ -25,8 +25,8 @@
     "react": "^18",
     "react-dom": "^18",
     "tsup": "^8.1.0",
-    "@cerberus-design/configs": "0.0.0",
-    "@cerberus-design/styled-system": "0.10.4-next-271fee4"
+    "@cerberus-design/styled-system": "0.10.4-next-57d0ee2",
+    "@cerberus-design/configs": "0.0.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/Admonition.tsx

@@ -0,0 +1,186 @@
+import {
+  admonition,
+  type AdmonitionVariantProps,
+} from '@cerberus/styled-system/recipes'
+import { cx } from '@cerberus-design/styled-system/css'
+import { hstack } from '@cerberus/styled-system/patterns'
+import { $cerberusIcons } from '../config/defineIcons'
+import type { HTMLAttributes, ReactNode } from 'react'
+import { Avatar } from './Avatar'
+import { Show } from './Show'
+
+/**
+ * This module provides a set of components for creating admonitions.
+ * @module Admonition
+ */
+
+export type AdmonitionProps = HTMLAttributes<HTMLDivElement> &
+  AdmonitionVariantProps & {
+    /**
+     * One off replacement for the icon.
+     */
+    icon?: ReactNode
+  }
+
+/**
+ * The `Admonition` component is used to create an admonition.
+ * @example
+ * ```tsx
+ * <Admonition palette="page">
+ *  <AdmonitionHeading palette="page">Page</AdmonitionHeading>
+ *  <AdmonitionDescription palette="page">
+ *   This is a page admonition.
+ *  </AdmonitionDescription>
+ * </Admonition>
+ * ```
+ * @see https://cerberus.digitalu.design/react/admonition
+ */
+export function Admonition(props: AdmonitionProps) {
+  const { children, palette = 'page', usage, icon, ...nativeProps } = props
+  return (
+    <aside
+      {...nativeProps}
+      className={cx(
+        nativeProps.className,
+        hstack({
+          gap: 'md',
+          w: 'full',
+        }),
+        admonition({ palette, usage }).root,
+      )}
+    >
+      <Show when={Boolean(icon)} fallback={<MatchAvatar palette={palette} />}>
+        {icon}
+      </Show>
+      <div>{children}</div>
+    </aside>
+  )
+}
+
+export type AdmonitionHeadingProps = HTMLAttributes<HTMLParagraphElement> &
+  AdmonitionVariantProps
+
+/**
+ * The `AdmonitionHeading` component is used to create a heading within an
+ * admonition.
+ * @example
+ * ```tsx
+ * <Admonition palette="page">
+ *  <AdmonitionHeading palette="page">Page</AdmonitionHeading>
+ *  <AdmonitionDescription palette="page">
+ *   This is a page admonition.
+ *  </AdmonitionDescription>
+ * </Admonition>
+ * ```
+ * @see https://cerberus.digitalu.design/react/admonition
+ */
+export function AdmonitionHeading(props: AdmonitionHeadingProps) {
+  const { palette, usage, ...nativeProps } = props
+  return (
+    <p
+      {...nativeProps}
+      className={cx(
+        nativeProps.className,
+        admonition({ palette, usage }).heading,
+      )}
+    />
+  )
+}
+
+export type AdmonitionDescriptionProps = HTMLAttributes<HTMLParagraphElement> &
+  AdmonitionVariantProps
+
+/**
+ * The `AdmonitionDescription` component is used to create a description within
+ * an admonition.
+ * @example
+ * ```tsx
+ * <Admonition palette="page">
+ *  <AdmonitionHeading palette="page">Page</AdmonitionHeading>
+ *  <AdmonitionDescription palette="page">
+ *   This is a page admonition.
+ *  </AdmonitionDescription>
+ * </Admonition>
+ * ```
+ * @see https://cerberus.digitalu.design/react/admonition
+ */
+export function AdmonitionDescription(props: AdmonitionDescriptionProps) {
+  const { palette, usage, ...nativeProps } = props
+  return (
+    <p
+      {...nativeProps}
+      className={cx(
+        nativeProps.className,
+        admonition({ palette, usage }).description,
+      )}
+    />
+  )
+}
+
+// Private components
+
+type MatchAvatarProps = AdmonitionVariantProps
+
+function MatchAvatar(props: MatchAvatarProps) {
+  const {
+    infoNotification: InfoIcon,
+    successNotification: SuccessIcon,
+    warningNotification: WarningIcon,
+    dangerNotification: DangerIcon,
+  } = $cerberusIcons
+  switch (props.palette) {
+    case 'page':
+      return (
+        <Avatar
+          gradient="charon-light"
+          ariaLabel=""
+          icon={<InfoIcon />}
+          size="sm"
+          src=""
+        />
+      )
+    case 'info':
+      return (
+        <Avatar
+          gradient="amphiaraus-dark"
+          ariaLabel=""
+          icon={<InfoIcon />}
+          size="sm"
+          src=""
+        />
+      )
+    case 'success':
+      return (
+        <Avatar
+          gradient="thanatos-dark"
+          ariaLabel=""
+          icon={<SuccessIcon />}
+          size="sm"
+          src=""
+        />
+      )
+    case 'warning':
+      return (
+        <Avatar
+          gradient="asphodel-light"
+          ariaLabel=""
+          icon={<WarningIcon />}
+          size="sm"
+          src=""
+        />
+      )
+    case 'danger':
+      return (
+        <Avatar
+          gradient="hades-light"
+          ariaLabel=""
+          icon={<DangerIcon />}
+          size="sm"
+          src=""
+        />
+      )
+
+    default:
+      throw new Error('Unsupported admonition palette')
+  }
+}

package/src/config/cerbIcons.ts

@@ -1,16 +1,15 @@
 import {
   Checkmark,
-  CheckmarkFilled,
+  CheckmarkOutline,
   ChevronDown,
   CloseFilled,
   CloudUpload,
-  ErrorFilled,
   Information,
-  InformationFilled,
   Restart,
   TrashCan,
   UserFilled,
   Warning,
+  WarningAlt,
   WarningFilled,
   type CarbonIconType,
 } from '@cerberus/icons'
@@ -51,10 +50,10 @@ export const defaultIcons: DefinedIcons = {
   waitingFileUploader: CloudUpload,
   fileUploader: AnimatingUploadIcon,
   indeterminate: IndeterminateIcon,
-  infoNotification: InformationFilled,
-  successNotification: CheckmarkFilled,
-  warningNotification: WarningFilled,
-  dangerNotification: ErrorFilled,
+  infoNotification: Information,
+  successNotification: CheckmarkOutline,
+  warningNotification: WarningAlt,
+  dangerNotification: WarningFilled,
   invalid: WarningFilled,
   invalidAlt: Warning,
   redo: Restart,

package/src/index.ts

@@ -5,6 +5,7 @@
 
 // components
 
+export * from './components/Admonition'
 export * from './components/Avatar'
 export * from './components/Button'
 export * from './components/Checkbox'

package/build/modern/chunk-V7YG7JUJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/config/cerbIcons.ts"],"sourcesContent":["import {\n  Checkmark,\n  CheckmarkFilled,\n  ChevronDown,\n  CloseFilled,\n  CloudUpload,\n  ErrorFilled,\n  Information,\n  InformationFilled,\n  Restart,\n  TrashCan,\n  UserFilled,\n  Warning,\n  WarningFilled,\n  type CarbonIconType,\n} from '@cerberus/icons'\nimport type { ElementType } from 'react'\nimport { CheckmarkIcon, IndeterminateIcon } from './icons/checkbox.icons'\nimport { AnimatingUploadIcon } from '../components/AnimatingUploadIcon'\n\nexport type IconType = CarbonIconType | ElementType\n\nexport interface DefinedIcons {\n  avatar?: IconType\n  checkbox?: IconType\n  close?: IconType\n  confirmModal?: IconType\n  delete?: IconType\n  promptModal?: IconType\n  waitingFileUploader?: IconType\n  fileUploader?: IconType\n  indeterminate?: IconType\n  infoNotification?: IconType\n  successNotification?: IconType\n  warningNotification?: IconType\n  dangerNotification?: IconType\n  invalid: IconType\n  invalidAlt?: IconType\n  redo?: IconType\n  selectArrow?: IconType\n  toggleChecked?: IconType\n}\n\nexport const defaultIcons: DefinedIcons = {\n  avatar: UserFilled,\n  checkbox: CheckmarkIcon,\n  close: CloseFilled,\n  confirmModal: Information,\n  delete: TrashCan,\n  promptModal: Information,\n  waitingFileUploader: CloudUpload,\n  fileUploader: AnimatingUploadIcon,\n  indeterminate: IndeterminateIcon,\n  infoNotification: InformationFilled,\n  successNotification: CheckmarkFilled,\n  warningNotification: WarningFilled,\n  dangerNotification: ErrorFilled,\n  invalid: WarningFilled,\n  invalidAlt: Warning,\n  redo: Restart,\n  selectArrow: ChevronDown,\n  toggleChecked: Checkmark,\n}\n"],"mappings":";;;;;;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AA4BA,IAAM,eAA6B;AAAA,EACxC,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,aAAa;AAAA,EACb,eAAe;AACjB;","names":[]}