@uniformdev/design-system 19.195.1-alpha.2 → 19.195.1-alpha.4

package/dist/index.d.mts

@@ -21109,6 +21109,11 @@ declare const allSupportedIcons: {
     yinyang: _react_icons_all_files.IconType;
     'zoom-in': _react_icons_all_files.IconType;
     'zoom-out': _react_icons_all_files.IconType;
+    'device-mobile': _react_icons_all_files.IconType;
+    'device-tablet': _react_icons_all_files.IconType;
+    'device-tv': _react_icons_all_files.IconType;
+    'device-ipad': _react_icons_all_files.IconType;
+    'device-mobile-rotated': _react_icons_all_files.IconType;
 };
 
 /** A list of available icon names that can be used with the Uniform brand */
@@ -21385,6 +21390,11 @@ type ChipProps = {
      * @default 'span'
      */
     as?: 'span' | 'button';
+    /**
+     * Whether the chip is visually disabled
+     * @default false
+     */
+    isDisabled?: boolean;
 } & React.HTMLAttributes<HTMLSpanElement>;
 /**
  * @description Chips are used in a variety of ways
@@ -21393,7 +21403,7 @@ type ChipProps = {
  * To represent a different object, as a reference
  * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
  */
-declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, isDisabled, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
 type DismissibleChipActionProps = {
     onDismiss: () => void;
 } & HTMLAttributes<HTMLButtonElement>;
@@ -21922,7 +21932,7 @@ declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProp
 
 type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string;
+    label?: string | React$1.ReactNode;
     /** (optional) sets caption text value */
     caption?: string | JSX.Element;
     /** (optional) add an input icon to the input field */
@@ -21965,7 +21975,7 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  */
 declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string;
+    label?: string | React$1.ReactNode;
     /** (optional) sets caption text value */
     caption?: string | JSX.Element;
     /** (optional) add an input icon to the input field */
@@ -22758,6 +22768,9 @@ declare function MenuItemIcon({ icon }: {
  */
 declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * @deprecated this is deprecated and will be removed in the next major release. Use MenuGroup instead.
+ */
 declare const MenuItemHeading: ({ children }: {
     children: ReactNode;
 }) => _emotion_react_jsx_runtime.JSX.Element;
@@ -22826,8 +22839,11 @@ declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, side
 type ModalProps = {
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
-    /** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked  */
-    onRequestClose: () => void;
+    /**
+     * Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked.
+     * If undefined is passed, the modal will not be closable by the user and the close button will not be rendered.
+     */
+    onRequestClose: (() => void) | undefined;
     /** The size sets the modal width to one of three options sm = 400px, md = 600px and lg = 800px
      * if a width attribute is used the size will be overridden by the width attribute
      * @default 'lg'
@@ -22847,6 +22863,12 @@ type ModalProps = {
     withoutContentBackground?: boolean;
     /** Places buttons at the bottom of the modal */
     buttonGroup?: ReactNode;
+    /**
+     * Disables scrolling of the modal body if the content exceeds the height.
+     * Can be required for modals that have comboboxes where the menu items are expected
+     * to overflow the bounds of the modal.
+     */
+    disableBodyScroll?: boolean;
 } & React__default.HTMLProps<HTMLDialogElement>;
 /**
  * A modal component to open a dialog with a backdrop that covers the whole page.
@@ -22992,7 +23014,7 @@ declare function Pagination({ limit, offset, total, onPageChange, }: {
 
 type CommonParameterProps = {
     /** sets the label value */
-    label: string;
+    label: string | ReactNode;
     /** (optional): allows user to pass a component before the label */
     labelLeadingIcon?: ReactNode;
     /** (optional): allows user to pass a component after the label */
@@ -23047,7 +23069,7 @@ type CommonParameterSelectProps = {
 declare const ParameterShellContext: React$1.Context<CommonParameterProps>;
 declare const useParameterShell: () => {
     id: string;
-    label: string;
+    label: React$1.ReactNode;
     hiddenLabel: boolean | undefined;
     errorMessage: string | undefined;
     handleManuallySetErrorMessage: ((message: string | undefined) => void) | undefined;
@@ -23153,7 +23175,7 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
     children: React.ReactNode;
     /** sets the label to use a span tag with aria-labelledby */
     asSpan?: boolean;
-    /** sets the data-testId attribute */
+    /** sets the data-testid attribute */
     testId?: string;
 };
 /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
@@ -23401,7 +23423,7 @@ declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<Param
 declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
     shellProps: {
         id: string;
-        label: string;
+        label: ReactNode;
         caption: string | undefined;
         captionTestId: string | undefined;
         errorMessage: string | undefined;

package/dist/index.d.ts

@@ -21109,6 +21109,11 @@ declare const allSupportedIcons: {
     yinyang: _react_icons_all_files.IconType;
     'zoom-in': _react_icons_all_files.IconType;
     'zoom-out': _react_icons_all_files.IconType;
+    'device-mobile': _react_icons_all_files.IconType;
+    'device-tablet': _react_icons_all_files.IconType;
+    'device-tv': _react_icons_all_files.IconType;
+    'device-ipad': _react_icons_all_files.IconType;
+    'device-mobile-rotated': _react_icons_all_files.IconType;
 };
 
 /** A list of available icon names that can be used with the Uniform brand */
@@ -21385,6 +21390,11 @@ type ChipProps = {
      * @default 'span'
      */
     as?: 'span' | 'button';
+    /**
+     * Whether the chip is visually disabled
+     * @default false
+     */
+    isDisabled?: boolean;
 } & React.HTMLAttributes<HTMLSpanElement>;
 /**
  * @description Chips are used in a variety of ways
@@ -21393,7 +21403,7 @@ type ChipProps = {
  * To represent a different object, as a reference
  * @example <Chip text="productId" theme="accent-light" chipAction={<DismissibleChipAction onDismiss={() => {...}}/>} />
  */
-declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const Chip: ({ icon, iconColor, text, size, theme, variant, chipAction, isDisabled, as, ...props }: ChipProps) => _emotion_react_jsx_runtime.JSX.Element;
 type DismissibleChipActionProps = {
     onDismiss: () => void;
 } & HTMLAttributes<HTMLButtonElement>;
@@ -21922,7 +21932,7 @@ declare const InfoMessage: ({ message, testId, icon, ...props }: InfoMessageProp
 
 type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string;
+    label?: string | React$1.ReactNode;
     /** (optional) sets caption text value */
     caption?: string | JSX.Element;
     /** (optional) add an input icon to the input field */
@@ -21965,7 +21975,7 @@ type InputProps = React$1.InputHTMLAttributes<HTMLInputElement> & {
  */
 declare const Input: React$1.ForwardRefExoticComponent<React$1.InputHTMLAttributes<HTMLInputElement> & {
     /** (optional) sets the label value */
-    label?: string;
+    label?: string | React$1.ReactNode;
     /** (optional) sets caption text value */
     caption?: string | JSX.Element;
     /** (optional) add an input icon to the input field */
@@ -22758,6 +22768,9 @@ declare function MenuItemIcon({ icon }: {
  */
 declare function MenuItemEmptyIcon(): _emotion_react_jsx_runtime.JSX.Element;
 
+/**
+ * @deprecated this is deprecated and will be removed in the next major release. Use MenuGroup instead.
+ */
 declare const MenuItemHeading: ({ children }: {
     children: ReactNode;
 }) => _emotion_react_jsx_runtime.JSX.Element;
@@ -22826,8 +22839,11 @@ declare const MediaCard: ({ title, subtitle, infoPopover, cover, menuItems, side
 type ModalProps = {
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
-    /** Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked  */
-    onRequestClose: () => void;
+    /**
+     * Called when the close button is clicked, the Escape button is pressed, or when the modal's backdrop is clicked.
+     * If undefined is passed, the modal will not be closable by the user and the close button will not be rendered.
+     */
+    onRequestClose: (() => void) | undefined;
     /** The size sets the modal width to one of three options sm = 400px, md = 600px and lg = 800px
      * if a width attribute is used the size will be overridden by the width attribute
      * @default 'lg'
@@ -22847,6 +22863,12 @@ type ModalProps = {
     withoutContentBackground?: boolean;
     /** Places buttons at the bottom of the modal */
     buttonGroup?: ReactNode;
+    /**
+     * Disables scrolling of the modal body if the content exceeds the height.
+     * Can be required for modals that have comboboxes where the menu items are expected
+     * to overflow the bounds of the modal.
+     */
+    disableBodyScroll?: boolean;
 } & React__default.HTMLProps<HTMLDialogElement>;
 /**
  * A modal component to open a dialog with a backdrop that covers the whole page.
@@ -22992,7 +23014,7 @@ declare function Pagination({ limit, offset, total, onPageChange, }: {
 
 type CommonParameterProps = {
     /** sets the label value */
-    label: string;
+    label: string | ReactNode;
     /** (optional): allows user to pass a component before the label */
     labelLeadingIcon?: ReactNode;
     /** (optional): allows user to pass a component after the label */
@@ -23047,7 +23069,7 @@ type CommonParameterSelectProps = {
 declare const ParameterShellContext: React$1.Context<CommonParameterProps>;
 declare const useParameterShell: () => {
     id: string;
-    label: string;
+    label: React$1.ReactNode;
     hiddenLabel: boolean | undefined;
     errorMessage: string | undefined;
     handleManuallySetErrorMessage: ((message: string | undefined) => void) | undefined;
@@ -23153,7 +23175,7 @@ type ParameterLabelProps = HTMLAttributes<HTMLLabelElement> & {
     children: React.ReactNode;
     /** sets the label to use a span tag with aria-labelledby */
     asSpan?: boolean;
-    /** sets the data-testId attribute */
+    /** sets the data-testid attribute */
     testId?: string;
 };
 /** @example <ParameterLabel id="my-label">my label</ParameterLabel> */
@@ -23401,7 +23423,7 @@ declare const ParameterSelectInner: React$1.ForwardRefExoticComponent<Omit<Param
 declare const extractParameterProps: <T>(props: T & CommonParameterInputProps) => {
     shellProps: {
         id: string;
-        label: string;
+        label: ReactNode;
         caption: string | undefined;
         captionTestId: string | undefined;
         errorMessage: string | undefined;