@uniformdev/design-system 19.161.2-alpha.1 → 19.164.0

package/dist/esm/index.js

@@ -66,6 +66,10 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
 
           --action-destructive-default: var(--brand-secondary-5);
           --action-destructive-hover: #e07571;
+          --action-destructive-active: rbga(210, 50, 45, 0.05); /* #d2322d */
+          --action-destructive-disabled: #f87171;
+
+          
 
           /* tertiary action */
           --tertiary-action-default: var(--gray-700);
@@ -934,16 +938,16 @@ var buttonPrimary = css8`
 })}
 `;
 var buttonDestructive = css8`
-  background: var(--brand-secondary-5);
+  background: var(--action-destructive-default);
   color: var(--white);
 
   &:disabled {
-    background: var(--gray-300);
     color: var(--white);
+    opacity: var(--opacity-50);
   }
 
   ${buttonRippleEffect({
-  hoverColor: "var(--brand-secondary-5)",
+  hoverColor: "var(--action-destructive-default)",
   activeColor: "var(--action-destructive-hover)"
 })}
 `;
@@ -1021,19 +1025,20 @@ var buttonGhost = css8`
 `;
 var buttonGhostDestructive = css8`
   background: transparent;
-  color: var(--brand-secondary-5);
+  color: var(--action-destructive-default);
 
   &:hover {
-    color: var(--brand-secondary-5);
+    outline: 1px solid var(--action-destructive-hover);
+    color: var(--action-destructive-hover);
   }
 
   &:disabled {
     background: transparent;
-    border-color: var(--gray-400);
-    color: var(--gray-400);
+    color: var(--action-destructive-disabled);
+    opacity: var(--opacity-50);
   }
 
-  ${buttonRippleEffect({ hoverColor: "var(--white)", activeColor: "var(--gray-100)" })}
+  ${buttonRippleEffect({ hoverColor: "var(--white)", activeColor: "var(--action-destructive-active)" })}
 `;
 var buttonTertiary = css8`
   background: var(--tertiary-action-default);
@@ -1150,7 +1155,7 @@ var toastContainerStyles = css10`
   ${functionalColors}
 
   --toastify-color-light: white;
-  --toastify-color-info: var(--utility-caution-icon);
+  --toastify-color-info: var(--utility-info-icon);
   --toastify-color-success: var(--utility-success-icon);
   --toastify-color-warning: var(--utility-caution-icon);
   --toastify-color-error: var(--utility-danger-icon);
@@ -12702,9 +12707,9 @@ var InfoIcon2 = css31`
 
 // src/components/Input/InfoMessage.tsx
 import { jsx as jsx34, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
-var InfoMessage = ({ message, testId, ...props }) => {
+var InfoMessage = ({ message, testId, icon = MdInfoOutline, ...props }) => {
   return message ? /* @__PURE__ */ jsxs19("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
-    /* @__PURE__ */ jsx34("span", { children: /* @__PURE__ */ jsx34(Icon, { css: InfoIcon2, icon: MdInfoOutline, size: "1rem", iconColor: "currentColor" }) }),
+    /* @__PURE__ */ jsx34("span", { children: /* @__PURE__ */ jsx34(Icon, { css: InfoIcon2, icon, size: "1rem", iconColor: "currentColor" }) }),
     message
   ] }) : null;
 };
@@ -13116,10 +13121,11 @@ function convertComboBoxGroupsToSelectableGroups(args) {
   return { groupedOptions, selectedOptions };
 }
 function getComboBoxSelectedSelectableGroups(selectedValues) {
-  const selectedOptionValues = selectedValues.flatMap(
+  const selectedValuesNormalized = selectedValues ? Array.isArray(selectedValues) ? selectedValues : [selectedValues] : null;
+  const selectedOptionValues = selectedValuesNormalized == null ? void 0 : selectedValuesNormalized.flatMap(
     (selectedValue) => Array.isArray(selectedValue.value) ? selectedValue.value : [selectedValue.value]
   );
-  return new Set(selectedOptionValues.filter((value) => value !== void 0));
+  return new Set(selectedOptionValues == null ? void 0 : selectedOptionValues.filter((value) => value !== void 0));
 }
 function flatMapOptionValues(options) {
   return options.flatMap((option) => {
@@ -13349,6 +13355,10 @@ var InputKeywordSearch = forwardRef8(
             minHeight: 0,
             padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
             fontSize: "var(--fs-sm)"
+          } : compact === "sm" ? {
+            minHeight: "40px",
+            padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
+            fontSize: "var(--fs-sm)"
           } : compact ? {
             padding: "var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base)",
             fontSize: "var(--fs-sm)"
@@ -15213,6 +15223,7 @@ var DashedBox = ({
 
 // src/components/DateTimePicker/DateTimePicker.tsx
 import { CalendarDate as CalendarDate3, parseDate as parseDate2, parseTime as parseTime2, Time as Time2 } from "@internationalized/date";
+import { CgCalendar } from "@react-icons/all-files/cg/CgCalendar";
 import { createContext as createContext2, useCallback as useCallback4, useContext as useContext3, useEffect as useEffect5, useMemo, useState as useState6 } from "react";
 import { Popover as Popover2, PopoverDisclosure, usePopoverState } from "reakit/Popover";
 
@@ -15428,6 +15439,7 @@ function useDateTimePickerContext() {
 var DateTimePicker = ({
   id,
   label,
+  triggerIcon = CgCalendar,
   value,
   minVisible,
   maxVisible,
@@ -15537,7 +15549,7 @@ var DateTimePicker = ({
                 children: "clear"
               }
             ),
-            /* @__PURE__ */ jsx66(Button, { css: trigger, buttonType: "ghost", disabled: disabled2, onClick: popover2.show, children: /* @__PURE__ */ jsx66(Icon, { icon: "calendar", iconColor: "currentColor" }) })
+            /* @__PURE__ */ jsx66(Button, { css: trigger, buttonType: "ghost", disabled: disabled2, onClick: popover2.show, children: /* @__PURE__ */ jsx66(Icon, { icon: triggerIcon, iconColor: "currentColor" }) })
           ]
         }
       ),
@@ -22123,6 +22135,7 @@ export {
   CurrentDrawerContext,
   DashedBox,
   DateTimePicker,
+  DateTimePickerSummary,
   DateTimePickerVariant,
   DebouncedInputKeywordSearch,
   DescriptionList,

package/dist/index.d.mts

@@ -1,8 +1,8 @@
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
-import { DecoratorFn } from '@storybook/react';
+import { Decorator } from '@storybook/react';
 import * as React$1 from 'react';
 import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
-import { GroupBase, Props, MultiValue } from 'react-select';
+import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
@@ -46,7 +46,7 @@ type ThemeProps = {
  * @example <Theme disableReset={true} /> */
 declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare const BetaDecorator: DecoratorFn;
+declare const BetaDecorator: Decorator;
 
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -20422,8 +20422,7 @@ type ButtonProps = ButtonProps$1 & {
 };
 /**
  * Uniform Button Component
- * @param {BaseButtonProps} props - object of button props from reakit
- * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
+ * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
  */
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -21434,6 +21433,8 @@ type DateTimePickerProps = {
     id: string;
     /** (optional) sets the label value */
     label?: ReactNode;
+    /** (optional) icon for the trigger */
+    triggerIcon?: IconType$2;
     /** The current controlled value of the picker */
     value: DateTimePickerValue | null | undefined;
     /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -21482,7 +21483,12 @@ declare function useDateTimePickerContext(): {
  * Subcomponents can manipulate the value directly by using
  * the `useDateTimePickerContext()` hook.
  */
-declare const DateTimePicker: ({ id, label, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare function DateTimePickerSummary({ value, placeholder, }: {
+    value: DateTimePickerValue | null | undefined;
+    placeholder: ReactNode;
+}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type DescriptionListProps = {
     items: {
@@ -21787,12 +21793,14 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     message?: string;
     /** sets the test id for test automation (optional) */
     testId?: string;
+    /** customize the icon (optional) */
+    icon?: IconType;
 };
 /**
  * Component that provides info messaging to input fields
- * @example <WarningMessage>be aware of this</ErrorMessage>
+ * @example <InfoMessage>be aware of this</InfoMessage>
  */
-declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
@@ -21949,7 +21957,7 @@ declare function convertComboBoxGroupsToSelectableGroups(args: ConvertComboBoxGr
  * Finds all selected values in a combo box where there are multiple selectable groups
  * (and selecting a group should select all of its virtual children)
  */
-declare function getComboBoxSelectedSelectableGroups(selectedValues: MultiValue<ComboBoxSelectableItem>): Set<string>;
+declare function getComboBoxSelectedSelectableGroups(selectedValues: MultiValue<ComboBoxSelectableItem> | SingleValue<ComboBoxSelectableItem>): Set<string>;
 
 type InputInlineSelectOption = {
     /** sets the display name of the option */
@@ -22001,7 +22009,7 @@ interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement>
     /** (optional) makes the input look more compact
      * @default false
      */
-    compact?: boolean | 'xs';
+    compact?: boolean | 'sm' | 'xs';
     /** (optional) makes the corners of the input rounded
      * @default false
      */
@@ -22297,7 +22305,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAt
 
 type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     /** sets the error message value */
-    message?: string;
+    message?: ReactNode;
     /** sets the test id for test automation (optional) */
     testId?: string;
 };
@@ -23814,4 +23822,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
+export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };

package/dist/index.d.ts

@@ -1,8 +1,8 @@
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
-import { DecoratorFn } from '@storybook/react';
+import { Decorator } from '@storybook/react';
 import * as React$1 from 'react';
 import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
-import { GroupBase, Props, MultiValue } from 'react-select';
+import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
 export { ActionMeta, FormatOptionLabelContext, FormatOptionLabelMeta, GetOptionLabel, GetOptionValue, GroupBase, GroupHeadingProps, GroupProps, MenuListProps, MenuPlacement, MultiValue, MultiValueGenericProps, MultiValueProps, MultiValueRemoveProps, OnChangeValue, OptionContext, OptionProps, Options, OptionsOrGroups } from 'react-select';
 import * as _emotion_react from '@emotion/react';
 import { SerializedStyles } from '@emotion/react';
@@ -46,7 +46,7 @@ type ThemeProps = {
  * @example <Theme disableReset={true} /> */
 declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-declare const BetaDecorator: DecoratorFn;
+declare const BetaDecorator: Decorator;
 
 /** Breakpoint label values */
 type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -20422,8 +20422,7 @@ type ButtonProps = ButtonProps$1 & {
 };
 /**
  * Uniform Button Component
- * @param {BaseButtonProps} props - object of button props from reakit
- * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
+ * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
  */
 declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
@@ -21434,6 +21433,8 @@ type DateTimePickerProps = {
     id: string;
     /** (optional) sets the label value */
     label?: ReactNode;
+    /** (optional) icon for the trigger */
+    triggerIcon?: IconType$2;
     /** The current controlled value of the picker */
     value: DateTimePickerValue | null | undefined;
     /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -21482,7 +21483,12 @@ declare function useDateTimePickerContext(): {
  * Subcomponents can manipulate the value directly by using
  * the `useDateTimePickerContext()` hook.
  */
-declare const DateTimePicker: ({ id, label, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const DateTimePicker: ({ id, label, triggerIcon, value, minVisible, maxVisible, variant, caption, placeholder, belowTimeInputSlot, showLabel, errorMessage, warningMessage, disabled, onChange, testId, ...props }: DateTimePickerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
+declare function DateTimePickerSummary({ value, placeholder, }: {
+    value: DateTimePickerValue | null | undefined;
+    placeholder: ReactNode;
+}): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type DescriptionListProps = {
     items: {
@@ -21787,12 +21793,14 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     message?: string;
     /** sets the test id for test automation (optional) */
     testId?: string;
+    /** customize the icon (optional) */
+    icon?: IconType;
 };
 /**
  * Component that provides info messaging to input fields
- * @example <WarningMessage>be aware of this</ErrorMessage>
+ * @example <InfoMessage>be aware of this</InfoMessage>
  */
-declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
+declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
 
 type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
@@ -21949,7 +21957,7 @@ declare function convertComboBoxGroupsToSelectableGroups(args: ConvertComboBoxGr
  * Finds all selected values in a combo box where there are multiple selectable groups
  * (and selecting a group should select all of its virtual children)
  */
-declare function getComboBoxSelectedSelectableGroups(selectedValues: MultiValue<ComboBoxSelectableItem>): Set<string>;
+declare function getComboBoxSelectedSelectableGroups(selectedValues: MultiValue<ComboBoxSelectableItem> | SingleValue<ComboBoxSelectableItem>): Set<string>;
 
 type InputInlineSelectOption = {
     /** sets the display name of the option */
@@ -22001,7 +22009,7 @@ interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement>
     /** (optional) makes the input look more compact
      * @default false
      */
-    compact?: boolean | 'xs';
+    compact?: boolean | 'sm' | 'xs';
     /** (optional) makes the corners of the input rounded
      * @default false
      */
@@ -22297,7 +22305,7 @@ declare const Textarea: React$1.ForwardRefExoticComponent<React$1.TextareaHTMLAt
 
 type WarningMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
     /** sets the error message value */
-    message?: string;
+    message?: ReactNode;
     /** sets the test id for test automation (optional) */
     testId?: string;
 };
@@ -23814,4 +23822,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };
+export { type ActionButtonsProps, AddButton, type AddButtonProps, AddListButton, type AddListButtonProps, type AddListButtonThemeProps, AnimationFile, type AnimationFileProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, type BadgeSizeProps, type BadgeThemeProps, type BadgeThemeStyleProps, Banner, type BannerProps, type BannerType, BetaDecorator, type BoxHeightProps, type BreakpointSize, type BreakpointsMap, Button, type ButtonProps, type ButtonSizeProps$1 as ButtonSizeProps, type ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, type ButtonWithMenuProps, Calendar, type CalendarProps, Callout, type CalloutProps, type CalloutType, Caption, type CaptionProps, Card, CardContainer, type CardContainerBgColorProps, type CardContainerProps, type CardProps, CardTitle, type CardTitleProps, CheckboxWithInfo, type CheckboxWithInforProps, type ChildFunction, Chip, type ChipProps, type ChipTheme, type ComboBoxGroupBase, type ComboBoxSelectableGroup, type ComboBoxSelectableItem, type ComboBoxSelectableOption, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, type ConvertComboBoxGroupsToSelectableGroupsOptions, Counter, type CounterProps, CreateTeamIntegrationTile, type CreateTeamIntegrationTileProps, CurrentDrawerContext, DashedBox, type DashedBoxProps, DateTimePicker, type DateTimePickerProps, DateTimePickerSummary, type DateTimePickerValue, DateTimePickerVariant, DebouncedInputKeywordSearch, type DebouncedInputKeywordSearchProps, DescriptionList, type DescriptionListProps, Details, type DetailsProps, DismissibleChipAction, Drawer, DrawerContent, type DrawerContentProps, type DrawerContextValue, type DrawerItem, type DrawerProps, DrawerProvider, DrawerRenderer, type DrawerRendererItemProps, type DrawerRendererProps, type DrawersRegistryRecord, DropdownStyleMenuTrigger, type DropdownStyleMenuTriggerProps, EditTeamIntegrationTile, type EditTeamIntegrationTileProps, ErrorMessage, type ErrorMessageProps, FieldMessage, type FieldMessageProps, Fieldset, type FieldsetProps, Heading, type HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconButton, type IconButtonProps, type IconColor, type IconName, type IconProps, type IconType, IconsProvider, Image, ImageBroken, type ImageProps, InfoMessage, type InfoMessageProps, Input, InputComboBox, type InputComboBoxOption, type InputComboBoxProps, InputCreatableComboBox, type InputCreatableComboBoxProps, InputInlineSelect, type InputInlineSelectOption, type InputInlineSelectProps, InputKeywordSearch, type InputKeywordSearchProps, type InputProps, InputSelect, type InputSelectProps, InputTime, type InputTimeProps, InputToggle, type InputToggleProps, IntegrationComingSoon, type IntegrationComingSoonProps, IntegrationHeaderSection, type IntegrationHeaderSectionProps, IntegrationLoadingTile, type IntegrationLoadingTileProps, IntegrationModalHeader, type IntegrationModalHeaderProps, IntegrationModalIcon, type IntegrationModalIconProps, IntegrationTile, type IntegrationTileProps, type IsoDateString, type IsoDateTimeString, type IsoTimeString, JsonEditor, type JsonEditorProps, Label, LabelLeadingIcon, type LabelProps, Legend, type LegendProps, type LevelProps, LimitsBar, type LimitsBarProps, Link, type LinkColorProps, LinkList, type LinkListProps, type LinkManagerWithRefType, LinkNode, type LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, type LoadingIconProps, LoadingIndicator, LoadingOverlay, type LoadingOverlayProps, MediaCard, type MediaCardProps, Menu, MenuButton, type MenuButtonProp, MenuGroup, type MenuGroupProps, MenuItem, MenuItemEmptyIcon, MenuItemIcon, MenuItemInner, type MenuItemProps, MenuItemSeparator, type MenuItemTextThemeProps, type MenuProps, MenuThreeDots, type MenuThreeDotsProps, Modal, ModalDialog, type ModalDialogProps, type ModalProps, MultilineChip, type MultilineChipProps, ObjectGridContainer, type ObjectGridContainerProps, ObjectGridItem, ObjectGridItemCardCover, type ObjectGridItemCardCoverProps, ObjectGridItemCover, ObjectGridItemCoverButton, type ObjectGridItemCoverButtonProps, type ObjectGridItemCoverProps, ObjectGridItemHeading, ObjectGridItemIconWithTooltip, type ObjectGridItemIconWithTooltipProps, type ObjectGridItemProps, type ObjectGridItemTitleProps, PageHeaderSection, type PageHeaderSectionProps, Pagination, Paragraph, type ParagraphProps, type ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, type ParameterDrawerHeaderProps, ParameterGroup, type ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImagePreview, type ParameterImageProps, ParameterInput, ParameterInputInner, type ParameterInputProps, ParameterLabel, type ParameterLabelProps, ParameterLink, ParameterLinkInner, type ParameterLinkProps, ParameterMenuButton, type ParameterMenuButtonProps, ParameterMultiSelect, ParameterMultiSelectInner, type ParameterMultiSelectOption, type ParameterMultiSelectProps, ParameterNameAndPublicIdInput, type ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, type ParameterRichTextInnerProps, type ParameterRichTextProps, ParameterSelect, ParameterSelectInner, type ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, type ParameterShellProps, ParameterTextarea, ParameterTextareaInner, type ParameterTextareaProps, ParameterToggle, ParameterToggleInner, type ParameterToggleProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressList, ProgressListItem, type ProgressListItemProps, type ProgressListProps, type RegisterDrawerProps, ResolveIcon, type ResolveIconProps, type RhythmProps, type RichTextParamValue, RichTextToolbarIcon, type ScrollableItemProps, ScrollableList, type ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, type ScrollableListItemProps, type ScrollableListProps, SearchableMenu, type SearchableMenuProps, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, SelectableMenuItem, type SelectableMenuItemProps, type SerializedLinkNode, ShortcutContext, type ShortcutReference, ShortcutRevealer, Skeleton, type SkeletonProps, StatusBullet, type StatusBulletProps, type StatusTypeProps, SuccessMessage, type SuccessMessageProps, Switch, type SwitchProps, TAKEOVER_STACK_ID, TabButton, TabButtonGroup, type TabButtonProps, TabContent, type TabContentProps, Table, TableBody, type TableBodyProps, TableCellData, type TableCellDataProps, TableCellHead, type TableCellHeadProps, TableFoot, type TableFootProps, TableHead, type TableHeadProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, TakeoverDrawerRenderer, type TextAlignProps, Textarea, type TextareaProps, Theme, type ThemeProps, Tile, TileContainer, type TileContainerProps, type TileProps, TileText, type TileTitleProps, ToastContainer, type ToastContainerProps, Tooltip, type TooltipProps, TwoColumnLayout, type TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, type UniformLogoProps, type UseShortcutOptions, type UseShortcutResult, VerticalRhythm, WarningMessage, type WarningMessageProps, accessibleHidden, addPathSegmentToPathname, borderTopIcon, breakpoints, button, buttonAccentAltDark, buttonAccentAltDarkOutline, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, convertComboBoxGroupsToSelectableGroups, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, getComboBoxSelectedSelectableGroups, getDrawerAttributes, getFormattedShortcut, getParentPath, getPathSegment, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isSecureURL, isValidUrl, jsonIcon, labelText, loader as loaderAnimationData, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextToolbarButton, richTextToolbarButtonActive, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spin, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, uniformComponentIcon, uniformComponentPatternIcon, uniformContentTypeIcon, uniformEntryIcon, uniformEntryPatternIcon, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawer, useCurrentTab, useDateTimePickerContext, useDrawer, useIconContext, useOutsideClick, useParameterShell, useShortcut, functionalColors as utilityColors, warningIcon, yesNoIcon };

package/dist/index.js

@@ -1371,6 +1371,7 @@ __export(src_exports, {
   CurrentDrawerContext: () => CurrentDrawerContext,
   DashedBox: () => DashedBox,
   DateTimePicker: () => DateTimePicker,
+  DateTimePickerSummary: () => DateTimePickerSummary,
   DateTimePickerVariant: () => DateTimePickerVariant,
   DebouncedInputKeywordSearch: () => DebouncedInputKeywordSearch,
   DescriptionList: () => DescriptionList,
@@ -1673,6 +1674,10 @@ var Theme = ({ disableReset = false, disableGlobalReset = false }) => {
 
           --action-destructive-default: var(--brand-secondary-5);
           --action-destructive-hover: #e07571;
+          --action-destructive-active: rbga(210, 50, 45, 0.05); /* #d2322d */
+          --action-destructive-disabled: #f87171;
+
+          
 
           /* tertiary action */
           --tertiary-action-default: var(--gray-700);
@@ -2572,16 +2577,16 @@ var buttonPrimary = import_react10.css`
 })}
 `;
 var buttonDestructive = import_react10.css`
-  background: var(--brand-secondary-5);
+  background: var(--action-destructive-default);
   color: var(--white);
 
   &:disabled {
-    background: var(--gray-300);
     color: var(--white);
+    opacity: var(--opacity-50);
   }
 
   ${buttonRippleEffect({
-  hoverColor: "var(--brand-secondary-5)",
+  hoverColor: "var(--action-destructive-default)",
   activeColor: "var(--action-destructive-hover)"
 })}
 `;
@@ -2659,19 +2664,20 @@ var buttonGhost = import_react10.css`
 `;
 var buttonGhostDestructive = import_react10.css`
   background: transparent;
-  color: var(--brand-secondary-5);
+  color: var(--action-destructive-default);
 
   &:hover {
-    color: var(--brand-secondary-5);
+    outline: 1px solid var(--action-destructive-hover);
+    color: var(--action-destructive-hover);
   }
 
   &:disabled {
     background: transparent;
-    border-color: var(--gray-400);
-    color: var(--gray-400);
+    color: var(--action-destructive-disabled);
+    opacity: var(--opacity-50);
   }
 
-  ${buttonRippleEffect({ hoverColor: "var(--white)", activeColor: "var(--gray-100)" })}
+  ${buttonRippleEffect({ hoverColor: "var(--white)", activeColor: "var(--action-destructive-active)" })}
 `;
 var buttonTertiary = import_react10.css`
   background: var(--tertiary-action-default);
@@ -2799,7 +2805,7 @@ var toastContainerStyles = import_react12.css`
   ${functionalColors}
 
   --toastify-color-light: white;
-  --toastify-color-info: var(--utility-caution-icon);
+  --toastify-color-info: var(--utility-info-icon);
   --toastify-color-success: var(--utility-success-icon);
   --toastify-color-warning: var(--utility-caution-icon);
   --toastify-color-error: var(--utility-danger-icon);
@@ -14408,9 +14414,9 @@ var InfoIcon2 = import_react44.css`
 
 // src/components/Input/InfoMessage.tsx
 var import_jsx_runtime34 = require("@emotion/react/jsx-runtime");
-var InfoMessage = ({ message, testId, ...props }) => {
+var InfoMessage = ({ message, testId, icon = import_MdInfoOutline.MdInfoOutline, ...props }) => {
   return message ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { css: InfoIcon2, icon: import_MdInfoOutline.MdInfoOutline, size: "1rem", iconColor: "currentColor" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { css: InfoIcon2, icon, size: "1rem", iconColor: "currentColor" }) }),
     message
   ] }) : null;
 };
@@ -14830,10 +14836,11 @@ function convertComboBoxGroupsToSelectableGroups(args) {
   return { groupedOptions, selectedOptions };
 }
 function getComboBoxSelectedSelectableGroups(selectedValues) {
-  const selectedOptionValues = selectedValues.flatMap(
+  const selectedValuesNormalized = selectedValues ? Array.isArray(selectedValues) ? selectedValues : [selectedValues] : null;
+  const selectedOptionValues = selectedValuesNormalized == null ? void 0 : selectedValuesNormalized.flatMap(
     (selectedValue) => Array.isArray(selectedValue.value) ? selectedValue.value : [selectedValue.value]
   );
-  return new Set(selectedOptionValues.filter((value) => value !== void 0));
+  return new Set(selectedOptionValues == null ? void 0 : selectedOptionValues.filter((value) => value !== void 0));
 }
 function flatMapOptionValues(options) {
   return options.flatMap((option) => {
@@ -15066,6 +15073,10 @@ var InputKeywordSearch = (0, import_react50.forwardRef)(
             minHeight: 0,
             padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
             fontSize: "var(--fs-sm)"
+          } : compact === "sm" ? {
+            minHeight: "40px",
+            padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
+            fontSize: "var(--fs-sm)"
           } : compact ? {
             padding: "var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base)",
             fontSize: "var(--fs-sm)"
@@ -16974,6 +16985,7 @@ init_emotion_jsx_shim();
 // src/components/DateTimePicker/DateTimePicker.tsx
 init_emotion_jsx_shim();
 var import_date4 = require("@internationalized/date");
+var import_CgCalendar2 = require("@react-icons/all-files/cg/CgCalendar");
 var import_react75 = require("react");
 var import_Popover = require("reakit/Popover");
 
@@ -17186,6 +17198,7 @@ function useDateTimePickerContext() {
 var DateTimePicker = ({
   id,
   label,
+  triggerIcon = import_CgCalendar2.CgCalendar,
   value,
   minVisible,
   maxVisible,
@@ -17295,7 +17308,7 @@ var DateTimePicker = ({
                 children: "clear"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { css: trigger, buttonType: "ghost", disabled: disabled2, onClick: popover2.show, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: "calendar", iconColor: "currentColor" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { css: trigger, buttonType: "ghost", disabled: disabled2, onClick: popover2.show, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Icon, { icon: triggerIcon, iconColor: "currentColor" }) })
           ]
         }
       ),
@@ -23997,6 +24010,7 @@ var StatusBullet = ({
   CurrentDrawerContext,
   DashedBox,
   DateTimePicker,
+  DateTimePickerSummary,
   DateTimePickerVariant,
   DebouncedInputKeywordSearch,
   DescriptionList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.161.2-alpha.1+d59167950a",
+  "version": "19.164.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -20,12 +20,12 @@
   },
   "devDependencies": {
     "@emotion/jest": "11.11.0",
-    "@storybook/client-api": "6.5.16",
-    "@storybook/react": "6.5.16",
+    "@storybook/preview-api": "^8.0.10",
+    "@storybook/react": "8.0.10",
     "@types/react": "18.2.40",
     "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.161.2-alpha.1+d59167950a",
-    "@uniformdev/richtext": "^19.161.2-alpha.1+d59167950a",
+    "@uniformdev/canvas": "^19.164.0",
+    "@uniformdev/richtext": "^19.164.0",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d59167950aa13607d01052f435e2e6b440e8cee6"
+  "gitHead": "016e3b85373592ca9beb19593aa120247b638c06"
 }