@uniformdev/design-system 19.162.2-alpha.11 → 19.164.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -12707,9 +12707,9 @@ var InfoIcon2 = css31`
12707
12707
 
12708
12708
  // src/components/Input/InfoMessage.tsx
12709
12709
  import { jsx as jsx34, jsxs as jsxs19 } from "@emotion/react/jsx-runtime";
12710
- var InfoMessage = ({ message, testId, ...props }) => {
12710
+ var InfoMessage = ({ message, testId, icon = MdInfoOutline, ...props }) => {
12711
12711
  return message ? /* @__PURE__ */ jsxs19("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
12712
- /* @__PURE__ */ jsx34("span", { children: /* @__PURE__ */ jsx34(Icon, { css: InfoIcon2, icon: MdInfoOutline, size: "1rem", iconColor: "currentColor" }) }),
12712
+ /* @__PURE__ */ jsx34("span", { children: /* @__PURE__ */ jsx34(Icon, { css: InfoIcon2, icon, size: "1rem", iconColor: "currentColor" }) }),
12713
12713
  message
12714
12714
  ] }) : null;
12715
12715
  };
@@ -13355,6 +13355,10 @@ var InputKeywordSearch = forwardRef8(
13355
13355
  minHeight: 0,
13356
13356
  padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
13357
13357
  fontSize: "var(--fs-sm)"
13358
+ } : compact === "sm" ? {
13359
+ minHeight: "40px",
13360
+ padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
13361
+ fontSize: "var(--fs-sm)"
13358
13362
  } : compact ? {
13359
13363
  padding: "var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base)",
13360
13364
  fontSize: "var(--fs-sm)"
@@ -15219,6 +15223,7 @@ var DashedBox = ({
15219
15223
 
15220
15224
  // src/components/DateTimePicker/DateTimePicker.tsx
15221
15225
  import { CalendarDate as CalendarDate3, parseDate as parseDate2, parseTime as parseTime2, Time as Time2 } from "@internationalized/date";
15226
+ import { CgCalendar } from "@react-icons/all-files/cg/CgCalendar";
15222
15227
  import { createContext as createContext2, useCallback as useCallback4, useContext as useContext3, useEffect as useEffect5, useMemo, useState as useState6 } from "react";
15223
15228
  import { Popover as Popover2, PopoverDisclosure, usePopoverState } from "reakit/Popover";
15224
15229
 
@@ -15434,6 +15439,7 @@ function useDateTimePickerContext() {
15434
15439
  var DateTimePicker = ({
15435
15440
  id,
15436
15441
  label,
15442
+ triggerIcon = CgCalendar,
15437
15443
  value,
15438
15444
  minVisible,
15439
15445
  maxVisible,
@@ -15543,7 +15549,7 @@ var DateTimePicker = ({
15543
15549
  children: "clear"
15544
15550
  }
15545
15551
  ),
15546
- /* @__PURE__ */ jsx66(Button, { css: trigger, buttonType: "ghost", disabled: disabled2, onClick: popover2.show, children: /* @__PURE__ */ jsx66(Icon, { icon: "calendar", iconColor: "currentColor" }) })
15552
+ /* @__PURE__ */ jsx66(Button, { css: trigger, buttonType: "ghost", disabled: disabled2, onClick: popover2.show, children: /* @__PURE__ */ jsx66(Icon, { icon: triggerIcon, iconColor: "currentColor" }) })
15547
15553
  ]
15548
15554
  }
15549
15555
  ),
@@ -22129,6 +22135,7 @@ export {
22129
22135
  CurrentDrawerContext,
22130
22136
  DashedBox,
22131
22137
  DateTimePicker,
22138
+ DateTimePickerSummary,
22132
22139
  DateTimePickerVariant,
22133
22140
  DebouncedInputKeywordSearch,
22134
22141
  DescriptionList,
package/dist/index.d.mts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
2
- import { DecoratorFn } from '@storybook/react';
2
+ import { Decorator } from '@storybook/react';
3
3
  import * as React$1 from 'react';
4
4
  import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
5
5
  import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
@@ -46,7 +46,7 @@ type ThemeProps = {
46
46
  * @example <Theme disableReset={true} /> */
47
47
  declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
48
48
 
49
- declare const BetaDecorator: DecoratorFn;
49
+ declare const BetaDecorator: Decorator;
50
50
 
51
51
  /** Breakpoint label values */
52
52
  type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -20422,8 +20422,7 @@ type ButtonProps = ButtonProps$1 & {
20422
20422
  };
20423
20423
  /**
20424
20424
  * Uniform Button Component
20425
- * @param {BaseButtonProps} props - object of button props from reakit
20426
- * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
20425
+ * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
20427
20426
  */
20428
20427
  declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
20429
20428
 
@@ -21434,6 +21433,8 @@ type DateTimePickerProps = {
21434
21433
  id: string;
21435
21434
  /** (optional) sets the label value */
21436
21435
  label?: ReactNode;
21436
+ /** (optional) icon for the trigger */
21437
+ triggerIcon?: IconType$2;
21437
21438
  /** The current controlled value of the picker */
21438
21439
  value: DateTimePickerValue | null | undefined;
21439
21440
  /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -21482,7 +21483,12 @@ declare function useDateTimePickerContext(): {
21482
21483
  * Subcomponents can manipulate the value directly by using
21483
21484
  * the `useDateTimePickerContext()` hook.
21484
21485
  */
21485
- 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;
21486
+ 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;
21487
+
21488
+ declare function DateTimePickerSummary({ value, placeholder, }: {
21489
+ value: DateTimePickerValue | null | undefined;
21490
+ placeholder: ReactNode;
21491
+ }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21486
21492
 
21487
21493
  type DescriptionListProps = {
21488
21494
  items: {
@@ -21787,12 +21793,14 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
21787
21793
  message?: string;
21788
21794
  /** sets the test id for test automation (optional) */
21789
21795
  testId?: string;
21796
+ /** customize the icon (optional) */
21797
+ icon?: IconType;
21790
21798
  };
21791
21799
  /**
21792
21800
  * Component that provides info messaging to input fields
21793
- * @example <WarningMessage>be aware of this</ErrorMessage>
21801
+ * @example <InfoMessage>be aware of this</InfoMessage>
21794
21802
  */
21795
- declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21803
+ declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21796
21804
 
21797
21805
  type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
21798
21806
  /** (optional) sets the label value */
@@ -22001,7 +22009,7 @@ interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement>
22001
22009
  /** (optional) makes the input look more compact
22002
22010
  * @default false
22003
22011
  */
22004
- compact?: boolean | 'xs';
22012
+ compact?: boolean | 'sm' | 'xs';
22005
22013
  /** (optional) makes the corners of the input rounded
22006
22014
  * @default false
22007
22015
  */
@@ -23814,4 +23822,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
23814
23822
  };
23815
23823
  declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23816
23824
 
23817
- 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 };
23825
+ 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 CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
2
- import { DecoratorFn } from '@storybook/react';
2
+ import { Decorator } from '@storybook/react';
3
3
  import * as React$1 from 'react';
4
4
  import React__default, { RefObject, HTMLAttributes, MutableRefObject, ReactNode, ImgHTMLAttributes, SVGProps, InputHTMLAttributes, CSSProperties, Ref, PropsWithChildren, ButtonHTMLAttributes, FocusEventHandler, ChangeEvent, HtmlHTMLAttributes } from 'react';
5
5
  import { GroupBase, Props, MultiValue, SingleValue } from 'react-select';
@@ -46,7 +46,7 @@ type ThemeProps = {
46
46
  * @example <Theme disableReset={true} /> */
47
47
  declare const Theme: ({ disableReset, disableGlobalReset }: ThemeProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
48
48
 
49
- declare const BetaDecorator: DecoratorFn;
49
+ declare const BetaDecorator: Decorator;
50
50
 
51
51
  /** Breakpoint label values */
52
52
  type BreakpointSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
@@ -20422,8 +20422,7 @@ type ButtonProps = ButtonProps$1 & {
20422
20422
  };
20423
20423
  /**
20424
20424
  * Uniform Button Component
20425
- * @param {BaseButtonProps} props - object of button props from reakit
20426
- * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world')}>Click me</Button>
20425
+ * @example <Button buttonType="secondary" size="md" onClick={() => alert('hello world!')}>Click me</Button>
20427
20426
  */
20428
20427
  declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
20429
20428
 
@@ -21434,6 +21433,8 @@ type DateTimePickerProps = {
21434
21433
  id: string;
21435
21434
  /** (optional) sets the label value */
21436
21435
  label?: ReactNode;
21436
+ /** (optional) icon for the trigger */
21437
+ triggerIcon?: IconType$2;
21437
21438
  /** The current controlled value of the picker */
21438
21439
  value: DateTimePickerValue | null | undefined;
21439
21440
  /** (optional) The minimum visible date. The calendar will not show previous months */
@@ -21482,7 +21483,12 @@ declare function useDateTimePickerContext(): {
21482
21483
  * Subcomponents can manipulate the value directly by using
21483
21484
  * the `useDateTimePickerContext()` hook.
21484
21485
  */
21485
- 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;
21486
+ 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;
21487
+
21488
+ declare function DateTimePickerSummary({ value, placeholder, }: {
21489
+ value: DateTimePickerValue | null | undefined;
21490
+ placeholder: ReactNode;
21491
+ }): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
21486
21492
 
21487
21493
  type DescriptionListProps = {
21488
21494
  items: {
@@ -21787,12 +21793,14 @@ type InfoMessageProps = React.HTMLAttributes<HTMLSpanElement> & {
21787
21793
  message?: string;
21788
21794
  /** sets the test id for test automation (optional) */
21789
21795
  testId?: string;
21796
+ /** customize the icon (optional) */
21797
+ icon?: IconType;
21790
21798
  };
21791
21799
  /**
21792
21800
  * Component that provides info messaging to input fields
21793
- * @example <WarningMessage>be aware of this</ErrorMessage>
21801
+ * @example <InfoMessage>be aware of this</InfoMessage>
21794
21802
  */
21795
- declare const InfoMessage: ({ message, testId, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21803
+ declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element | null;
21796
21804
 
21797
21805
  type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
21798
21806
  /** (optional) sets the label value */
@@ -22001,7 +22009,7 @@ interface InputKeywordSearchProps extends InputHTMLAttributes<HTMLInputElement>
22001
22009
  /** (optional) makes the input look more compact
22002
22010
  * @default false
22003
22011
  */
22004
- compact?: boolean | 'xs';
22012
+ compact?: boolean | 'sm' | 'xs';
22005
22013
  /** (optional) makes the corners of the input rounded
22006
22014
  * @default false
22007
22015
  */
@@ -23814,4 +23822,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
23814
23822
  };
23815
23823
  declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
23816
23824
 
23817
- 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 };
23825
+ 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 CHANGED
@@ -1371,6 +1371,7 @@ __export(src_exports, {
1371
1371
  CurrentDrawerContext: () => CurrentDrawerContext,
1372
1372
  DashedBox: () => DashedBox,
1373
1373
  DateTimePicker: () => DateTimePicker,
1374
+ DateTimePickerSummary: () => DateTimePickerSummary,
1374
1375
  DateTimePickerVariant: () => DateTimePickerVariant,
1375
1376
  DebouncedInputKeywordSearch: () => DebouncedInputKeywordSearch,
1376
1377
  DescriptionList: () => DescriptionList,
@@ -14413,9 +14414,9 @@ var InfoIcon2 = import_react44.css`
14413
14414
 
14414
14415
  // src/components/Input/InfoMessage.tsx
14415
14416
  var import_jsx_runtime34 = require("@emotion/react/jsx-runtime");
14416
- var InfoMessage = ({ message, testId, ...props }) => {
14417
+ var InfoMessage = ({ message, testId, icon = import_MdInfoOutline.MdInfoOutline, ...props }) => {
14417
14418
  return message ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { role: "status", css: InfoText, "data-testid": testId, ...props, children: [
14418
- /* @__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" }) }),
14419
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Icon, { css: InfoIcon2, icon, size: "1rem", iconColor: "currentColor" }) }),
14419
14420
  message
14420
14421
  ] }) : null;
14421
14422
  };
@@ -15072,6 +15073,10 @@ var InputKeywordSearch = (0, import_react50.forwardRef)(
15072
15073
  minHeight: 0,
15073
15074
  padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
15074
15075
  fontSize: "var(--fs-sm)"
15076
+ } : compact === "sm" ? {
15077
+ minHeight: "40px",
15078
+ padding: "var(--spacing-xs) var(--spacing-lg) var(--spacing-xs) var(--spacing-base)",
15079
+ fontSize: "var(--fs-sm)"
15075
15080
  } : compact ? {
15076
15081
  padding: "var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-base)",
15077
15082
  fontSize: "var(--fs-sm)"
@@ -16980,6 +16985,7 @@ init_emotion_jsx_shim();
16980
16985
  // src/components/DateTimePicker/DateTimePicker.tsx
16981
16986
  init_emotion_jsx_shim();
16982
16987
  var import_date4 = require("@internationalized/date");
16988
+ var import_CgCalendar2 = require("@react-icons/all-files/cg/CgCalendar");
16983
16989
  var import_react75 = require("react");
16984
16990
  var import_Popover = require("reakit/Popover");
16985
16991
 
@@ -17192,6 +17198,7 @@ function useDateTimePickerContext() {
17192
17198
  var DateTimePicker = ({
17193
17199
  id,
17194
17200
  label,
17201
+ triggerIcon = import_CgCalendar2.CgCalendar,
17195
17202
  value,
17196
17203
  minVisible,
17197
17204
  maxVisible,
@@ -17301,7 +17308,7 @@ var DateTimePicker = ({
17301
17308
  children: "clear"
17302
17309
  }
17303
17310
  ),
17304
- /* @__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" }) })
17311
+ /* @__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" }) })
17305
17312
  ]
17306
17313
  }
17307
17314
  ),
@@ -24003,6 +24010,7 @@ var StatusBullet = ({
24003
24010
  CurrentDrawerContext,
24004
24011
  DashedBox,
24005
24012
  DateTimePicker,
24013
+ DateTimePickerSummary,
24006
24014
  DateTimePickerVariant,
24007
24015
  DebouncedInputKeywordSearch,
24008
24016
  DescriptionList,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/design-system",
3
- "version": "19.162.2-alpha.11+5544f3f2ca",
3
+ "version": "19.164.0",
4
4
  "description": "Uniform design system components",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -20,12 +20,12 @@
20
20
  },
21
21
  "devDependencies": {
22
22
  "@emotion/jest": "11.11.0",
23
- "@storybook/client-api": "6.5.16",
24
- "@storybook/react": "6.5.16",
23
+ "@storybook/preview-api": "^8.0.10",
24
+ "@storybook/react": "8.0.10",
25
25
  "@types/react": "18.2.40",
26
26
  "@types/react-dom": "18.2.17",
27
- "@uniformdev/canvas": "^19.162.2-alpha.11+5544f3f2ca",
28
- "@uniformdev/richtext": "^19.162.2-alpha.11+5544f3f2ca",
27
+ "@uniformdev/canvas": "^19.164.0",
28
+ "@uniformdev/richtext": "^19.164.0",
29
29
  "autoprefixer": "10.4.16",
30
30
  "hygen": "6.2.11",
31
31
  "postcss": "8.4.38",
@@ -72,5 +72,5 @@
72
72
  "publishConfig": {
73
73
  "access": "public"
74
74
  },
75
- "gitHead": "5544f3f2ca31829767dbe8511c21b1192a811443"
75
+ "gitHead": "016e3b85373592ca9beb19593aa120247b638c06"
76
76
  }