@uniformdev/design-system 19.151.2-alpha.16 → 19.153.1-alpha.1

package/dist/esm/index.js

@@ -303,31 +303,30 @@ import { css as css2 } from "@emotion/react";
 // src/styles/functionalColors.styles.ts
 import { css } from "@emotion/react";
 var functionalColors = css`
-  --caution-icon: rgb(250, 204, 21);
-  --caution-title: rgb(133, 77, 14);
-  --caution-container: rgb(254, 252, 232);
+  --utility-caution-icon: #facc15;
+  --utility-caution-title: #854d0e;
+  --utility-caution-container: #fefce8;
 
-  --danger-icon: rgb(248, 113, 113);
-  --danger-title: rgb(153, 27, 27);
-  --danger-container: rgb(254, 242, 242);
+  --utility-danger-icon: #f87171;
+  --utility-danger-title: #991b1b;
+  --utility-danger-container: #fef2f2;
 
-  --info-icon: rgb(96, 165, 250);
-  --info-title: rgb(30, 64, 175);
-  --info-container: rgb(239, 246, 255);
+  --utility-info-icon: #60a5fa;
+  --utility-info-title: #1e40af;
+  --utility-info-container: #eff6ff;
 
-  --note-icon: var(--gray-400);
-  --note-title: var(--gray-800);
-  --note-container: var(--gray-50);
+  --utility-note-icon: var(--gray-400);
+  --utility-note-title: var(--gray-800);
+  --utility-note-container: var(--gray-50);
 
-  --success-icon: rgb(74, 222, 128);
-  --success-title: rgb(22, 101, 52);
-  --success-container: rgb(240, 253, 250);
+  --utility-success-icon: #4ade80;
+  --utility-success-title: #166534;
+  --utility-success-container: #f0fdfa;
 `;
 
 // src/components/Callout/Callout.styles.ts
 var calloutContainer = css2`
   ${functionalColors}
-
   font-size: var(--fs-sm);
   border-radius: var(--rounded-base);
   padding: var(--spacing-base);
@@ -495,11 +494,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--caution-icon);
+      color: var(--utility-caution-icon);
     `,
     containerStyles: css3`
-      color: var(--caution-title);
-      background-color: var(--caution-container);
+      color: var(--utility-caution-title);
+      background-color: var(--utility-caution-container);
     `
   },
   danger: {
@@ -508,11 +507,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--danger-icon);
+      color: var(--utility-danger-icon);
     `,
     containerStyles: css3`
-      color: var(--danger-title);
-      background-color: var(--danger-container);
+      color: var(--utility-danger-title);
+      background-color: var(--utility-danger-container);
     `
   },
   error: {
@@ -521,11 +520,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--danger-icon);
+      color: var(--utility-danger-icon);
     `,
     containerStyles: css3`
-      color: var(--danger-title);
-      background-color: var(--danger-container);
+      color: var(--utility-danger-title);
+      background-color: var(--utility-danger-container);
     `
   },
   info: {
@@ -534,11 +533,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--info-icon);
+      color: var(--utility-info-icon);
     `,
     containerStyles: css3`
-      color: var(--info-title);
-      background-color: var(--info-container);
+      color: var(--utility-info-title);
+      background-color: var(--utility-info-container);
     `
   },
   note: {
@@ -547,11 +546,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--note-icon);
+      color: var(--utility-note-icon);
     `,
     containerStyles: css3`
-      color: var(--note-title);
-      background-color: var(--note-container);
+      color: var(--utility-note-title);
+      background-color: var(--utility-note-container);
     `
   },
   success: {
@@ -560,11 +559,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--success-icon);
+      color: var(--utility-success-icon);
     `,
     containerStyles: css3`
-      color: var(--success-title);
-      background-color: var(--success-container);
+      color: var(--utility-success-title);
+      background-color: var(--utility-success-container);
     `
   },
   tip: {
@@ -573,11 +572,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: css3`
-      color: var(--success-icon);
+      color: var(--utility-success-icon);
     `,
     containerStyles: css3`
-      color: var(--success-title);
-      background-color: var(--success-container);
+      color: var(--utility-success-title);
+      background-color: var(--utility-success-container);
     `
   }
 };
@@ -11659,8 +11658,8 @@ import { css as css21 } from "@emotion/react";
 var bannerStyles = css21`
   ${functionalColors}
 
-  --border-color: var(--info-icon);
-  --background-color: var(--info-container);
+  --border-color: var(--utility-caution-icon);
+  --background-color: var(--utility-info-container);
 
   display: flex;
   gap: var(--spacing-sm);
@@ -11671,23 +11670,23 @@ var bannerStyles = css21`
   padding: var(--spacing-sm);
 
   &[data-type='caution'] {
-    --border-color: var(--caution-icon);
-    --background-color: var(--caution-container);
+    --border-color: var(--utility-caution-icon);
+    --background-color: var(--utility-caution-container);
   }
 
   &[data-type='danger'] {
-    --border-color: var(--danger-icon);
-    --background-color: var(--danger-container);
+    --border-color: var(--utility-danger-icon);
+    --background-color: var(--utility-danger-container);
   }
 
   &[data-type='note'] {
-    --border-color: var(--note-icon);
-    --background-color: var(--note-container);
+    --border-color: var(--utility-note-icon);
+    --background-color: var(--utility-note-container);
   }
 
   &[data-type='success'] {
-    --border-color: var(--success-icon);
-    --background-color: var(--success-container);
+    --border-color: var(--utility-success-icon);
+    --background-color: var(--utility-success-container);
   }
 `;
 var bannerAnimatedStyles = css21`
@@ -14660,6 +14659,7 @@ var InputToggle = React13.forwardRef(
     errorMessage,
     warningMessage,
     testId,
+    showLabel = true,
     fontWeight = "normal",
     ...props
   }, ref) => {
@@ -14683,10 +14683,11 @@ var InputToggle = React13.forwardRef(
               checked,
               name,
               disabled: disabled2,
+              "aria-label": !showLabel && typeof label === "string" ? label : void 0,
               ...props
             }
           ),
-          /* @__PURE__ */ jsx57("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
+          !showLabel ? null : /* @__PURE__ */ jsx57("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
           caption || errorMessage ? /* @__PURE__ */ jsx57("span", { css: inputToggleMessageContainer, children: /* @__PURE__ */ jsx57(
             FieldMessage,
             {
@@ -21236,10 +21237,10 @@ var toastContainerStyles = css97`
   ${functionalColors}
 
   --toastify-color-light: white;
-  --toastify-color-info: var(--info-icon);
-  --toastify-color-success: var(--success-icon);
-  --toastify-color-warning: var(--caution-icon);
-  --toastify-color-error: var(--danger-icon);
+  --toastify-color-info: var(--utility-caution-icon);
+  --toastify-color-success: var(--utility-success-icon);
+  --toastify-color-warning: var(--utility-caution-icon);
+  --toastify-color-error: var(--utility-danger-icon);
   --toastify-color-transparent: rgba(255, 255, 255, 0.7);
   --toastify-icon-color-info: var(--toastify-color-info);
   --toastify-icon-color-success: var(--toastify-color-success);
@@ -21456,12 +21457,20 @@ var toastContainerStyles = css97`
 
 // src/components/Toast/Toast.tsx
 import { jsx as jsx125 } from "@emotion/react/jsx-runtime";
-var ToastContainer = ({ limit = 4 }) => {
+var ToastContainer = ({ limit = 4, autoCloseDelay = "normal" }) => {
+  const duration = {
+    normal: 5e3,
+    // 5 seconds
+    medium: 8e3,
+    // 8 seconds
+    long: 1e4
+    // 10 seconds
+  };
   return /* @__PURE__ */ jsx125(
     ToastifyContainer,
     {
       css: toastContainerStyles,
-      autoClose: 1e4,
+      autoClose: duration[autoCloseDelay],
       limit,
       theme: "light",
       position: "bottom-right",
@@ -21822,6 +21831,7 @@ export {
   useOutsideClick,
   useParameterShell,
   useShortcut,
+  functionalColors as utilityColors,
   warningIcon,
   yesNoIcon
 };

package/dist/index.d.mts

@@ -128,6 +128,29 @@ declare const inputSelect: _emotion_react.SerializedStyles;
 
 declare const accessibleHidden: _emotion_react.SerializedStyles;
 
+/** Uniform utility colors
+ * exports the following css variables:
+ * --utility-caution-icon: #facc15;
+ * --utility-caution-title: #854d0e;
+ * --utility-caution-container: #fefce8;
+ * --utility-danger-icon: #f87171;
+ * --utility-danger-title: #991b1b;
+ * --utility-danger-container: #fef2f2;
+ * --utility-info-icon: #60a5fa;
+ * --utility-info-title: #1e40af;
+ * --utility-info-container: #eff6ff;
+ * --utility-note-icon: var(--gray-400);
+ * --utility-note-title: var(--gray-800);
+ * --utility-note-container: var(--gray-50);
+ * --utility-success-icon: #4ade80;
+ * --utility-success-title: #166534;
+ * --utility-success-container: #f0fdfa;
+ * @returns { utilityColors } css utility colors
+ * @example directly on the component <div css={utilityColors}></div>
+ * @example css-in-js my-component { ${utilityColors}}
+ */
+declare const functionalColors: _emotion_react.SerializedStyles;
+
 /**
  * growSubtle animation
  * @description - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)
@@ -22090,6 +22113,8 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     type: 'radio' | 'checkbox';
     /** sets the name value of the radio/checkbox input */
     name: string;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean;
     /** (optional) sets the disabled state */
     disabled?: boolean;
     /** (optional) sets the checked state of the input */
@@ -22118,6 +22143,8 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     type: 'radio' | 'checkbox';
     /** sets the name value of the radio/checkbox input */
     name: string;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean | undefined;
     /** (optional) sets the disabled state */
     disabled?: boolean | undefined;
     /** (optional) sets the checked state of the input */
@@ -23466,14 +23493,18 @@ declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion
 
 type ToastContainerProps = {
     limit?: number;
+    /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
+     * @default 'normal'
+     */
+    autoCloseDelay?: 'normal' | 'medium' | 'long';
 };
 /**
  * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
- * @example <App><ToastContainer /></App>
+ * @example <App><ToastContainer autoCloseDelay="normal" /></App>
  *
  * @deprecated This component is in beta, and might receive breaking changes in minor releases!
  */
-declare const ToastContainer: ({ limit }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Available heading weights e.g. 1 - 6 */
 type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
@@ -23619,4 +23650,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, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, 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, 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, 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, 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, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, 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, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, 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, 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, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, 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, 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, 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, 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, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, 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, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, 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

@@ -128,6 +128,29 @@ declare const inputSelect: _emotion_react.SerializedStyles;
 
 declare const accessibleHidden: _emotion_react.SerializedStyles;
 
+/** Uniform utility colors
+ * exports the following css variables:
+ * --utility-caution-icon: #facc15;
+ * --utility-caution-title: #854d0e;
+ * --utility-caution-container: #fefce8;
+ * --utility-danger-icon: #f87171;
+ * --utility-danger-title: #991b1b;
+ * --utility-danger-container: #fef2f2;
+ * --utility-info-icon: #60a5fa;
+ * --utility-info-title: #1e40af;
+ * --utility-info-container: #eff6ff;
+ * --utility-note-icon: var(--gray-400);
+ * --utility-note-title: var(--gray-800);
+ * --utility-note-container: var(--gray-50);
+ * --utility-success-icon: #4ade80;
+ * --utility-success-title: #166534;
+ * --utility-success-container: #f0fdfa;
+ * @returns { utilityColors } css utility colors
+ * @example directly on the component <div css={utilityColors}></div>
+ * @example css-in-js my-component { ${utilityColors}}
+ */
+declare const functionalColors: _emotion_react.SerializedStyles;
+
 /**
  * growSubtle animation
  * @description - increases the size of an element from scale(1) - scale(1.15) and back down to scale(1) using transform: scale(1)
@@ -22090,6 +22113,8 @@ type InputToggleProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     type: 'radio' | 'checkbox';
     /** sets the name value of the radio/checkbox input */
     name: string;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean;
     /** (optional) sets the disabled state */
     disabled?: boolean;
     /** (optional) sets the checked state of the input */
@@ -22118,6 +22143,8 @@ declare const InputToggle: React$1.ForwardRefExoticComponent<React$1.InputHTMLAt
     type: 'radio' | 'checkbox';
     /** sets the name value of the radio/checkbox input */
     name: string;
+    /** (optional) sets whether to show the label or hide it and add a aria-label attributes to the input field directly */
+    showLabel?: boolean | undefined;
     /** (optional) sets the disabled state */
     disabled?: boolean | undefined;
     /** (optional) sets the checked state of the input */
@@ -23466,14 +23493,18 @@ declare const TileText: ({ as, children, ...props }: TileTitleProps) => _emotion
 
 type ToastContainerProps = {
     limit?: number;
+    /** sets the auto close delay in seconds normal: 5 seconds, medium: 8 seconds, long: 10 seconds
+     * @default 'normal'
+     */
+    autoCloseDelay?: 'normal' | 'medium' | 'long';
 };
 /**
  * A component to render toasts in your app. This component is supposed to be used just once in your app. Typically inside _app.tsx
- * @example <App><ToastContainer /></App>
+ * @example <App><ToastContainer autoCloseDelay="normal" /></App>
  *
  * @deprecated This component is in beta, and might receive breaking changes in minor releases!
  */
-declare const ToastContainer: ({ limit }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+declare const ToastContainer: ({ limit, autoCloseDelay }: ToastContainerProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 /** Available heading weights e.g. 1 - 6 */
 type LevelProps = 1 | 2 | 3 | 4 | 5 | 6;
@@ -23619,4 +23650,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, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, 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, 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, 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, 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, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, 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, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, 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, 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, ConnectToDataElementButton, type ConnectToDataElementButtonProps, Container, type ContainerProps, 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, 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, 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, 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, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, 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, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, 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

@@ -1586,6 +1586,7 @@ __export(src_exports, {
   useOutsideClick: () => useOutsideClick,
   useParameterShell: () => useParameterShell,
   useShortcut: () => useShortcut,
+  utilityColors: () => functionalColors,
   warningIcon: () => warningIcon,
   yesNoIcon: () => yesNoIcon
 });
@@ -1902,31 +1903,30 @@ var import_react3 = require("@emotion/react");
 init_emotion_jsx_shim();
 var import_react2 = require("@emotion/react");
 var functionalColors = import_react2.css`
-  --caution-icon: rgb(250, 204, 21);
-  --caution-title: rgb(133, 77, 14);
-  --caution-container: rgb(254, 252, 232);
+  --utility-caution-icon: #facc15;
+  --utility-caution-title: #854d0e;
+  --utility-caution-container: #fefce8;
 
-  --danger-icon: rgb(248, 113, 113);
-  --danger-title: rgb(153, 27, 27);
-  --danger-container: rgb(254, 242, 242);
+  --utility-danger-icon: #f87171;
+  --utility-danger-title: #991b1b;
+  --utility-danger-container: #fef2f2;
 
-  --info-icon: rgb(96, 165, 250);
-  --info-title: rgb(30, 64, 175);
-  --info-container: rgb(239, 246, 255);
+  --utility-info-icon: #60a5fa;
+  --utility-info-title: #1e40af;
+  --utility-info-container: #eff6ff;
 
-  --note-icon: var(--gray-400);
-  --note-title: var(--gray-800);
-  --note-container: var(--gray-50);
+  --utility-note-icon: var(--gray-400);
+  --utility-note-title: var(--gray-800);
+  --utility-note-container: var(--gray-50);
 
-  --success-icon: rgb(74, 222, 128);
-  --success-title: rgb(22, 101, 52);
-  --success-container: rgb(240, 253, 250);
+  --utility-success-icon: #4ade80;
+  --utility-success-title: #166534;
+  --utility-success-container: #f0fdfa;
 `;
 
 // src/components/Callout/Callout.styles.ts
 var calloutContainer = import_react3.css`
   ${functionalColors}
-
   font-size: var(--fs-sm);
   border-radius: var(--rounded-base);
   padding: var(--spacing-base);
@@ -2095,11 +2095,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--caution-icon);
+      color: var(--utility-caution-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--caution-title);
-      background-color: var(--caution-container);
+      color: var(--utility-caution-title);
+      background-color: var(--utility-caution-container);
     `
   },
   danger: {
@@ -2108,11 +2108,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--danger-icon);
+      color: var(--utility-danger-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--danger-title);
-      background-color: var(--danger-container);
+      color: var(--utility-danger-title);
+      background-color: var(--utility-danger-container);
     `
   },
   error: {
@@ -2121,11 +2121,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--danger-icon);
+      color: var(--utility-danger-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--danger-title);
-      background-color: var(--danger-container);
+      color: var(--utility-danger-title);
+      background-color: var(--utility-danger-container);
     `
   },
   info: {
@@ -2134,11 +2134,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--info-icon);
+      color: var(--utility-info-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--info-title);
-      background-color: var(--info-container);
+      color: var(--utility-info-title);
+      background-color: var(--utility-info-container);
     `
   },
   note: {
@@ -2147,11 +2147,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--note-icon);
+      color: var(--utility-note-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--note-title);
-      background-color: var(--note-container);
+      color: var(--utility-note-title);
+      background-color: var(--utility-note-container);
     `
   },
   success: {
@@ -2160,11 +2160,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--success-icon);
+      color: var(--utility-success-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--success-title);
-      background-color: var(--success-container);
+      color: var(--utility-success-title);
+      background-color: var(--utility-success-container);
     `
   },
   tip: {
@@ -2173,11 +2173,11 @@ var calloutTypeDataMap = {
       color: var(--typography-base);
     `,
     iconColor: import_react4.css`
-      color: var(--success-icon);
+      color: var(--utility-success-icon);
     `,
     containerStyles: import_react4.css`
-      color: var(--success-title);
-      background-color: var(--success-container);
+      color: var(--utility-success-title);
+      background-color: var(--utility-success-container);
     `
   }
 };
@@ -13320,8 +13320,8 @@ var import_react28 = require("@emotion/react");
 var bannerStyles = import_react28.css`
   ${functionalColors}
 
-  --border-color: var(--info-icon);
-  --background-color: var(--info-container);
+  --border-color: var(--utility-caution-icon);
+  --background-color: var(--utility-info-container);
 
   display: flex;
   gap: var(--spacing-sm);
@@ -13332,23 +13332,23 @@ var bannerStyles = import_react28.css`
   padding: var(--spacing-sm);
 
   &[data-type='caution'] {
-    --border-color: var(--caution-icon);
-    --background-color: var(--caution-container);
+    --border-color: var(--utility-caution-icon);
+    --background-color: var(--utility-caution-container);
   }
 
   &[data-type='danger'] {
-    --border-color: var(--danger-icon);
-    --background-color: var(--danger-container);
+    --border-color: var(--utility-danger-icon);
+    --background-color: var(--utility-danger-container);
   }
 
   &[data-type='note'] {
-    --border-color: var(--note-icon);
-    --background-color: var(--note-container);
+    --border-color: var(--utility-note-icon);
+    --background-color: var(--utility-note-container);
   }
 
   &[data-type='success'] {
-    --border-color: var(--success-icon);
-    --background-color: var(--success-container);
+    --border-color: var(--utility-success-icon);
+    --background-color: var(--utility-success-container);
   }
 `;
 var bannerAnimatedStyles = import_react28.css`
@@ -16397,6 +16397,7 @@ var InputToggle = React13.forwardRef(
     errorMessage,
     warningMessage,
     testId,
+    showLabel = true,
     fontWeight = "normal",
     ...props
   }, ref) => {
@@ -16420,10 +16421,11 @@ var InputToggle = React13.forwardRef(
               checked,
               name,
               disabled: disabled2,
+              "aria-label": !showLabel && typeof label === "string" ? label : void 0,
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
+          !showLabel ? null : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { css: [inlineLabel, fontWeightStyles[fontWeight]], children: label }),
           caption || errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { css: inputToggleMessageContainer, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
             FieldMessage,
             {
@@ -23073,10 +23075,10 @@ var toastContainerStyles = import_react149.css`
   ${functionalColors}
 
   --toastify-color-light: white;
-  --toastify-color-info: var(--info-icon);
-  --toastify-color-success: var(--success-icon);
-  --toastify-color-warning: var(--caution-icon);
-  --toastify-color-error: var(--danger-icon);
+  --toastify-color-info: var(--utility-caution-icon);
+  --toastify-color-success: var(--utility-success-icon);
+  --toastify-color-warning: var(--utility-caution-icon);
+  --toastify-color-error: var(--utility-danger-icon);
   --toastify-color-transparent: rgba(255, 255, 255, 0.7);
   --toastify-icon-color-info: var(--toastify-color-info);
   --toastify-icon-color-success: var(--toastify-color-success);
@@ -23293,12 +23295,20 @@ var toastContainerStyles = import_react149.css`
 
 // src/components/Toast/Toast.tsx
 var import_jsx_runtime125 = require("@emotion/react/jsx-runtime");
-var ToastContainer = ({ limit = 4 }) => {
+var ToastContainer = ({ limit = 4, autoCloseDelay = "normal" }) => {
+  const duration = {
+    normal: 5e3,
+    // 5 seconds
+    medium: 8e3,
+    // 8 seconds
+    long: 1e4
+    // 10 seconds
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     import_react_toastify.ToastContainer,
     {
       css: toastContainerStyles,
-      autoClose: 1e4,
+      autoClose: duration[autoCloseDelay],
       limit,
       theme: "light",
       position: "bottom-right",
@@ -23664,6 +23674,7 @@ var StatusBullet = ({
   useOutsideClick,
   useParameterShell,
   useShortcut,
+  utilityColors,
   warningIcon,
   yesNoIcon
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.151.2-alpha.16+eb158bfedd",
+  "version": "19.153.1-alpha.1+f8537157ec",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,8 +24,8 @@
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.40",
     "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.151.2-alpha.16+eb158bfedd",
-    "@uniformdev/richtext": "^19.151.2-alpha.16+eb158bfedd",
+    "@uniformdev/canvas": "^19.153.1-alpha.1+f8537157ec",
+    "@uniformdev/richtext": "^19.153.1-alpha.1+f8537157ec",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
@@ -72,5 +72,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eb158bfeddbe40a7d4aa98b489345e76aaf2930b"
+  "gitHead": "f8537157ec48cfc9eeeafb95a733eb987e246427"
 }