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

package/dist/esm/index.js

@@ -12707,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;
 };
@@ -13355,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)"
@@ -15219,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";
 
@@ -15434,6 +15439,7 @@ function useDateTimePickerContext() {
 var DateTimePicker = ({
   id,
   label,
+  triggerIcon = CgCalendar,
   value,
   minVisible,
   maxVisible,
@@ -15543,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" }) })
           ]
         }
       ),
@@ -21718,7 +21724,7 @@ var Skeleton = ({
 );
 
 // src/components/Switch/Switch.tsx
-import * as React24 from "react";
+import { forwardRef as forwardRef24 } from "react";
 
 // src/components/Switch/Switch.styles.ts
 import { css as css100 } from "@emotion/react";
@@ -21731,7 +21737,7 @@ var SwitchInputContainer = css100`
   vertical-align: middle;
   user-select: none;
 `;
-var SwitchInput = css100`
+var SwitchInput = (size) => css100`
   appearance: none;
   border-radius: var(--rounded-full);
   background-color: var(--white);
@@ -21739,15 +21745,16 @@ var SwitchInput = css100`
   cursor: pointer;
   position: absolute;
   display: block;
-  width: var(--spacing-md);
-  height: var(--spacing-md);
+  width: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
+  height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
+  margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
   transition: transform var(--duration-fast) var(--timing-ease-out),
     background-color var(--duration-fast) var(--timing-ease-out),
     background-image var(--duration-fast) var(--timing-ease-out);
   z-index: var(--z-10);
 
   &:focus {
-    outline: 3px solid var(--gray-800);
+    outline: 2px solid var(--gray-800);
     outline-offset: 2px;
   }
 
@@ -21777,12 +21784,12 @@ var SwitchInputDisabled = css100`
     cursor: not-allowed;
   }
 `;
-var SwitchInputLabel = css100`
+var SwitchInputLabel = (size) => css100`
   align-items: center;
   color: var(--typography-base);
   display: inline-flex;
   line-height: 1.25;
-  padding-inline: var(--spacing-2xl) 0;
+  padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
 
   &:before {
     border-radius: var(--rounded-full);
@@ -21791,40 +21798,47 @@ var SwitchInputLabel = css100`
     cursor: pointer;
     display: block;
     overflow: hidden;
-    width: var(--spacing-xl);
-    height: var(--spacing-md);
+    width: ${size === "sm" ? "var(--spacing-lg)" : "var(--spacing-xl)"};
+    height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
+    margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
     position: absolute;
     left: 0;
     top: 0;
   }
 `;
-var SwitchText = css100`
+var SwitchText = (size) => css100`
   color: var(--gray-500);
   font-size: var(--fs-sm);
-  padding-inline: var(--spacing-2xl) 0;
+  padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
 `;
 
 // src/components/Switch/Switch.tsx
 import { Fragment as Fragment21, jsx as jsx131, jsxs as jsxs87 } from "@emotion/react/jsx-runtime";
-var Switch = React24.forwardRef(
-  ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
+var Switch = forwardRef24(
+  ({ label, infoText, toggleText, children, switchSize = "base", ...inputProps }, ref) => {
     let additionalText = infoText;
     if (infoText && toggleText) {
       additionalText = inputProps.checked ? toggleText : infoText;
     }
     return /* @__PURE__ */ jsxs87(Fragment21, { children: [
-      /* @__PURE__ */ jsxs87("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
-        /* @__PURE__ */ jsx131("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
-        /* @__PURE__ */ jsx131("span", { css: SwitchInputLabel, children: label })
-      ] }),
-      additionalText ? /* @__PURE__ */ jsx131("p", { css: SwitchText, children: additionalText }) : null,
+      /* @__PURE__ */ jsxs87(
+        "label",
+        {
+          css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0],
+          children: [
+            /* @__PURE__ */ jsx131("input", { type: "checkbox", css: SwitchInput(switchSize), ...inputProps, ref }),
+            /* @__PURE__ */ jsx131("span", { css: SwitchInputLabel(switchSize), children: label })
+          ]
+        }
+      ),
+      additionalText ? /* @__PURE__ */ jsx131("p", { css: SwitchText(switchSize), children: additionalText }) : null,
       children
     ] });
   }
 );
 
 // src/components/Table/Table.tsx
-import * as React25 from "react";
+import * as React24 from "react";
 
 // src/components/Table/Table.styles.ts
 import { css as css101 } from "@emotion/react";
@@ -21863,37 +21877,37 @@ var tableCellHead = css101`
 
 // src/components/Table/Table.tsx
 import { jsx as jsx132 } from "@emotion/react/jsx-runtime";
-var Table = React25.forwardRef(
+var Table = React24.forwardRef(
   ({ children, cellPadding, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("table", { ref, css: table({ cellPadding }), ...otherProps, children });
   }
 );
-var TableHead = React25.forwardRef(
+var TableHead = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
-var TableBody = React25.forwardRef(
+var TableBody = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("tbody", { ref, ...otherProps, children });
   }
 );
-var TableFoot = React25.forwardRef(
+var TableFoot = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("tfoot", { ref, ...otherProps, children });
   }
 );
-var TableRow = React25.forwardRef(
+var TableRow = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
-var TableCellHead = React25.forwardRef(
+var TableCellHead = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
-var TableCellData = React25.forwardRef(
+var TableCellData = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ jsx132("td", { ref, ...otherProps, children });
   }
@@ -22129,6 +22143,7 @@ export {
   CurrentDrawerContext,
   DashedBox,
   DateTimePicker,
+  DateTimePickerSummary,
   DateTimePickerVariant,
   DebouncedInputKeywordSearch,
   DescriptionList,

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 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, SingleValue } from 'react-select';
@@ -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 */
@@ -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
      */
@@ -23412,15 +23420,17 @@ type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttribu
  */
 declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
-    label: string;
+    label: ReactNode;
     /** (optional) sets information text */
     infoText?: string;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
+    /** the size of the control */
+    switchSize?: 'base' | 'sm';
 };
 /**
  * Uniform Switch Input Component
@@ -23429,13 +23439,15 @@ type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> &
  */
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     /** sets the label value */
-    label: string;
+    label: ReactNode;
     /** (optional) sets information text */
     infoText?: string | undefined;
     /** sets the toggle text value */
     toggleText?: string | undefined;
     /** sets child elements */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
+    /** the size of the control */
+    switchSize?: "base" | "sm" | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type TableProps = {
@@ -23814,4 +23826,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,5 +1,5 @@
 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, SingleValue } from 'react-select';
@@ -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 */
@@ -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
      */
@@ -23412,15 +23420,17 @@ type SkeletonProps = React__default.PropsWithChildren<React__default.HTMLAttribu
  */
 declare const Skeleton: ({ width, height, inline, circle, children, ...otherProps }: SkeletonProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
+type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type'> & {
     /** sets the label value */
-    label: string;
+    label: ReactNode;
     /** (optional) sets information text */
     infoText?: string;
     /** sets the toggle text value */
     toggleText?: string;
     /** sets child elements */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
+    /** the size of the control */
+    switchSize?: 'base' | 'sm';
 };
 /**
  * Uniform Switch Input Component
@@ -23429,13 +23439,15 @@ type SwitchProps = Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type'> &
  */
 declare const Switch: React$1.ForwardRefExoticComponent<Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> & {
     /** sets the label value */
-    label: string;
+    label: ReactNode;
     /** (optional) sets information text */
     infoText?: string | undefined;
     /** sets the toggle text value */
     toggleText?: string | undefined;
     /** sets child elements */
-    children?: React$1.ReactNode;
+    children?: ReactNode;
+    /** the size of the control */
+    switchSize?: "base" | "sm" | undefined;
 } & React$1.RefAttributes<HTMLInputElement>>;
 
 type TableProps = {
@@ -23814,4 +23826,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,
@@ -14413,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;
 };
@@ -15072,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)"
@@ -16980,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");
 
@@ -17192,6 +17198,7 @@ function useDateTimePickerContext() {
 var DateTimePicker = ({
   id,
   label,
+  triggerIcon = import_CgCalendar2.CgCalendar,
   value,
   minVisible,
   maxVisible,
@@ -17301,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" }) })
           ]
         }
       ),
@@ -23588,7 +23595,7 @@ var Skeleton = ({
 
 // src/components/Switch/Switch.tsx
 init_emotion_jsx_shim();
-var React24 = __toESM(require("react"));
+var import_react155 = require("react");
 
 // src/components/Switch/Switch.styles.ts
 init_emotion_jsx_shim();
@@ -23602,7 +23609,7 @@ var SwitchInputContainer = import_react154.css`
   vertical-align: middle;
   user-select: none;
 `;
-var SwitchInput = import_react154.css`
+var SwitchInput = (size) => import_react154.css`
   appearance: none;
   border-radius: var(--rounded-full);
   background-color: var(--white);
@@ -23610,15 +23617,16 @@ var SwitchInput = import_react154.css`
   cursor: pointer;
   position: absolute;
   display: block;
-  width: var(--spacing-md);
-  height: var(--spacing-md);
+  width: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
+  height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
+  margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
   transition: transform var(--duration-fast) var(--timing-ease-out),
     background-color var(--duration-fast) var(--timing-ease-out),
     background-image var(--duration-fast) var(--timing-ease-out);
   z-index: var(--z-10);
 
   &:focus {
-    outline: 3px solid var(--gray-800);
+    outline: 2px solid var(--gray-800);
     outline-offset: 2px;
   }
 
@@ -23648,12 +23656,12 @@ var SwitchInputDisabled = import_react154.css`
     cursor: not-allowed;
   }
 `;
-var SwitchInputLabel = import_react154.css`
+var SwitchInputLabel = (size) => import_react154.css`
   align-items: center;
   color: var(--typography-base);
   display: inline-flex;
   line-height: 1.25;
-  padding-inline: var(--spacing-2xl) 0;
+  padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
 
   &:before {
     border-radius: var(--rounded-full);
@@ -23662,33 +23670,40 @@ var SwitchInputLabel = import_react154.css`
     cursor: pointer;
     display: block;
     overflow: hidden;
-    width: var(--spacing-xl);
-    height: var(--spacing-md);
+    width: ${size === "sm" ? "var(--spacing-lg)" : "var(--spacing-xl)"};
+    height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
+    margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
     position: absolute;
     left: 0;
     top: 0;
   }
 `;
-var SwitchText = import_react154.css`
+var SwitchText = (size) => import_react154.css`
   color: var(--gray-500);
   font-size: var(--fs-sm);
-  padding-inline: var(--spacing-2xl) 0;
+  padding-inline: ${size === "sm" ? "var(--spacing-xl)" : "var(--spacing-2xl)"} 0;
 `;
 
 // src/components/Switch/Switch.tsx
 var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
-var Switch = React24.forwardRef(
-  ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
+var Switch = (0, import_react155.forwardRef)(
+  ({ label, infoText, toggleText, children, switchSize = "base", ...inputProps }, ref) => {
     let additionalText = infoText;
     if (infoText && toggleText) {
       additionalText = inputProps.checked ? toggleText : infoText;
     }
     return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
-        /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { css: SwitchInputLabel, children: label })
-      ] }),
-      additionalText ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { css: SwitchText, children: additionalText }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(
+        "label",
+        {
+          css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0],
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("input", { type: "checkbox", css: SwitchInput(switchSize), ...inputProps, ref }),
+            /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { css: SwitchInputLabel(switchSize), children: label })
+          ]
+        }
+      ),
+      additionalText ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { css: SwitchText(switchSize), children: additionalText }) : null,
       children
     ] });
   }
@@ -23696,12 +23711,12 @@ var Switch = React24.forwardRef(
 
 // src/components/Table/Table.tsx
 init_emotion_jsx_shim();
-var React25 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 
 // src/components/Table/Table.styles.ts
 init_emotion_jsx_shim();
-var import_react155 = require("@emotion/react");
-var table = ({ cellPadding = "var(--spacing-sm) var(--spacing-md)" }) => import_react155.css`
+var import_react156 = require("@emotion/react");
+var table = ({ cellPadding = "var(--spacing-sm) var(--spacing-md)" }) => import_react156.css`
   border-bottom: 1px solid var(--gray-400);
   border-collapse: collapse;
   min-width: 100%;
@@ -23721,14 +23736,14 @@ var table = ({ cellPadding = "var(--spacing-sm) var(--spacing-md)" }) => import_
     background-color: var(--gray-50);
   }
 `;
-var tableHead = import_react155.css`
+var tableHead = import_react156.css`
   color: var(--typography-base);
   text-align: left;
 `;
-var tableRow = import_react155.css`
+var tableRow = import_react156.css`
   border-bottom: 1px solid var(--gray-100);
 `;
-var tableCellHead = import_react155.css`
+var tableCellHead = import_react156.css`
   font-size: var(--fs-sm);
   text-transform: uppercase;
   font-weight: var(--fw-bold);
@@ -23736,37 +23751,37 @@ var tableCellHead = import_react155.css`
 
 // src/components/Table/Table.tsx
 var import_jsx_runtime132 = require("@emotion/react/jsx-runtime");
-var Table = React25.forwardRef(
+var Table = React24.forwardRef(
   ({ children, cellPadding, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
   }
 );
-var TableHead = React25.forwardRef(
+var TableHead = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
   }
 );
-var TableBody = React25.forwardRef(
+var TableBody = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("tbody", { ref, ...otherProps, children });
   }
 );
-var TableFoot = React25.forwardRef(
+var TableFoot = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("tfoot", { ref, ...otherProps, children });
   }
 );
-var TableRow = React25.forwardRef(
+var TableRow = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
   }
 );
-var TableCellHead = React25.forwardRef(
+var TableCellHead = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
   }
 );
-var TableCellData = React25.forwardRef(
+var TableCellData = React24.forwardRef(
   ({ children, ...otherProps }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("td", { ref, ...otherProps, children });
   }
@@ -23774,13 +23789,13 @@ var TableCellData = React25.forwardRef(
 
 // src/components/Tabs/Tabs.tsx
 init_emotion_jsx_shim();
-var import_react157 = require("@ariakit/react");
-var import_react158 = require("react");
+var import_react158 = require("@ariakit/react");
+var import_react159 = require("react");
 
 // src/components/Tabs/Tabs.styles.ts
 init_emotion_jsx_shim();
-var import_react156 = require("@emotion/react");
-var tabButtonStyles = import_react156.css`
+var import_react157 = require("@emotion/react");
+var tabButtonStyles = import_react157.css`
   align-items: center;
   border: 0;
   height: 2.5rem;
@@ -23797,7 +23812,7 @@ var tabButtonStyles = import_react156.css`
     box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
   }
 `;
-var tabButtonGroupStyles = import_react156.css`
+var tabButtonGroupStyles = import_react157.css`
   display: flex;
   gap: var(--spacing-base);
   border-bottom: 1px solid var(--gray-300);
@@ -23806,7 +23821,7 @@ var tabButtonGroupStyles = import_react156.css`
 // src/components/Tabs/Tabs.tsx
 var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
 var useCurrentTab = () => {
-  const context = (0, import_react157.useTabStore)();
+  const context = (0, import_react158.useTabStore)();
   if (!context) {
     throw new Error("This component can only be used inside <Tabs>");
   }
@@ -23820,13 +23835,13 @@ var Tabs = ({
   manual,
   ...props
 }) => {
-  const selected = (0, import_react158.useMemo)(() => {
+  const selected = (0, import_react159.useMemo)(() => {
     if (selectedId)
       return selectedId;
     return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
   }, [selectedId, useHashForState]);
-  const tab = (0, import_react157.useTabStore)({ ...props, selectOnMove: !manual, selectedId: selected });
-  const onTabSelect = (0, import_react158.useCallback)(
+  const tab = (0, import_react158.useTabStore)({ ...props, selectOnMove: !manual, selectedId: selected });
+  const onTabSelect = (0, import_react159.useCallback)(
     (value) => {
       const selectedValueWithoutNull = value != null ? value : void 0;
       onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -23837,28 +23852,28 @@ var Tabs = ({
     },
     [onSelectedIdChange, useHashForState]
   );
-  (0, import_react158.useEffect)(() => {
+  (0, import_react159.useEffect)(() => {
     if (selected && selected !== tab.getState().activeId) {
       tab.setSelectedId(selected);
     }
   }, [selected, tab]);
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react157.TabProvider, { store: tab, setSelectedId: onTabSelect, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react158.TabProvider, { store: tab, setSelectedId: onTabSelect, children });
 };
 var TabButtonGroup = ({ children, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react157.TabList, { ...props, css: tabButtonGroupStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react158.TabList, { ...props, css: tabButtonGroupStyles, children });
 };
 var TabButton = ({
   children,
   id,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react157.Tab, { type: "button", id, ...props, css: tabButtonStyles, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react158.Tab, { type: "button", id, ...props, css: tabButtonStyles, children });
 };
 var TabContent = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react157.TabPanel, { ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react158.TabPanel, { ...props, children });
 };
 
 // src/components/Validation/StatusBullet.tsx
@@ -23866,8 +23881,8 @@ init_emotion_jsx_shim();
 
 // src/components/Validation/StatusBullet.styles.ts
 init_emotion_jsx_shim();
-var import_react159 = require("@emotion/react");
-var StatusBulletContainer = import_react159.css`
+var import_react160 = require("@emotion/react");
+var StatusBulletContainer = import_react160.css`
   align-items: center;
   align-self: center;
   color: var(--gray-500);
@@ -23884,33 +23899,33 @@ var StatusBulletContainer = import_react159.css`
     display: block;
   }
 `;
-var StatusBulletBase = import_react159.css`
+var StatusBulletBase = import_react160.css`
   font-size: var(--fs-sm);
   &:before {
     width: var(--fs-xs);
     height: var(--fs-xs);
   }
 `;
-var StatusBulletSmall = import_react159.css`
+var StatusBulletSmall = import_react160.css`
   font-size: var(--fs-xs);
   &:before {
     width: var(--fs-xxs);
     height: var(--fs-xxs);
   }
 `;
-var StatusDraft = import_react159.css`
+var StatusDraft = import_react160.css`
   &:before {
     background: var(--white);
     box-shadow: inset 0 0 0 0.125rem var(--accent-dark);
   }
 `;
-var StatusModified = import_react159.css`
+var StatusModified = import_react160.css`
   &:before {
     background: linear-gradient(to right, var(--white) 50%, var(--accent-dark) 50% 100%);
     box-shadow: inset 0 0 0 0.125rem var(--accent-dark);
   }
 `;
-var StatusError = import_react159.css`
+var StatusError = import_react160.css`
   color: var(--error);
   &:before {
     /* TODO: replace this with an svg icon */
@@ -23923,22 +23938,22 @@ var StatusError = import_react159.css`
     );
   }
 `;
-var StatusPublished = import_react159.css`
+var StatusPublished = import_react160.css`
   &:before {
     background: var(--accent-dark);
   }
 `;
-var StatusOrphan = import_react159.css`
+var StatusOrphan = import_react160.css`
   &:before {
     background: var(--brand-secondary-5);
   }
 `;
-var StatusUnknown = import_react159.css`
+var StatusUnknown = import_react160.css`
   &:before {
     background: var(--gray-800);
   }
 `;
-var StatusDeleted = import_react159.css`
+var StatusDeleted = import_react160.css`
   &:before {
     background: var(--error);
   }
@@ -24003,6 +24018,7 @@ var StatusBullet = ({
   CurrentDrawerContext,
   DashedBox,
   DateTimePicker,
+  DateTimePickerSummary,
   DateTimePickerVariant,
   DebouncedInputKeywordSearch,
   DescriptionList,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.162.2-alpha.11+5544f3f2ca",
+  "version": "19.165.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.162.2-alpha.11+5544f3f2ca",
-    "@uniformdev/richtext": "^19.162.2-alpha.11+5544f3f2ca",
+    "@uniformdev/canvas": "^19.165.0",
+    "@uniformdev/richtext": "^19.165.0",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5544f3f2ca31829767dbe8511c21b1192a811443"
+  "gitHead": "edbe5a9fe21137f383003c6f604934dc9501b6e6"
 }