@uniformdev/design-system 19.23.1-alpha.12 → 19.24.0

package/dist/esm/index.js

@@ -11152,13 +11152,11 @@ import { css as css20 } from "@emotion/react";
 var MenuGroupContainer = css20`
   display: flex;
   flex-direction: column;
-  margin-top: var(--spacing-sm);
 `;
 var MenuTitle = css20`
   color: var(--gray-400);
   font-size: var(--fs-xs);
   font-weight: var(--fw-bold);
-  padding: var(--spacing-xs) var(--spacing-sm);
   text-transform: uppercase;
 `;
 
@@ -11173,12 +11171,7 @@ var MenuGroup = ({ title, children }) => {
 
 // src/components/Menu/MenuItem.styles.ts
 import { css as css21 } from "@emotion/react";
-var activeMenuItem = css21`
-  box-shadow: none;
-  background: var(--gray-200);
-  outline: none;
-`;
-var menuItem = (textTheme, forceActive) => css21`
+var menuItem = (textTheme) => css21`
   align-items: center;
   border: none;
   border-radius: var(--rounded-base);
@@ -11189,10 +11182,9 @@ var menuItem = (textTheme, forceActive) => css21`
   font-weight: var(--fw-regular);
   flex-grow: 1;
   gap: var(--spacing-xs);
-
+  line-height: 1.5;
   white-space: nowrap;
   transition: background-color var(--duration-fast) var(--timing-ease-out);
-  ${forceActive ? activeMenuItem : ""}
 
   &:disabled {
     color: var(--gray-300);
@@ -11200,7 +11192,9 @@ var menuItem = (textTheme, forceActive) => css21`
 
   &:hover,
   &:focus {
-    ${typeof forceActive === "undefined" ? activeMenuItem : ""}
+    box-shadow: none;
+    background: var(--gray-200);
+    outline: none;
   }
 `;
 var menuItemWithIcon = css21`
@@ -11329,15 +11323,14 @@ import * as React8 from "react";
 import { MenuItem as BaseMenuItem } from "reakit";
 import { jsx as jsx24, jsxs as jsxs13 } from "@emotion/react/jsx-runtime";
 var MenuItem = React8.forwardRef(
-  ({ children, className, hideMenuOnClick = true, icon, textColor = "base", active, ...props }, ref) => {
+  ({ children, className, hideMenuOnClick = true, icon, textColor = "base", ...props }, ref) => {
     const menuState = useMenuContext();
     const resolveProps = (originalProps) => {
       const resolvedProps2 = { ...originalProps };
       if (resolvedProps2.onClick) {
         const origOnClick = resolvedProps2.onClick;
         resolvedProps2.onClick = (e) => {
-          var _a;
-          (_a = menuState == null ? void 0 : menuState.hide) == null ? void 0 : _a.call(menuState);
+          menuState.hide();
           origOnClick(e);
         };
       }
@@ -11353,7 +11346,7 @@ var MenuItem = React8.forwardRef(
         "data-test-id": "button-menu",
         ...menuState,
         ...resolvedProps,
-        css: [menuItem(textColor, active), typeof className === "object" ? className : void 0],
+        css: [menuItem(textColor), typeof className === "object" ? className : void 0],
         className: typeof className === "string" ? className : void 0,
         children: icon ? renderWithIcon(resolvedChildren, icon) : resolvedChildren
       }
@@ -12856,8 +12849,10 @@ var DrawerInner = ({
       },
       onFirstRender: () => {
         setTimeout(() => {
-          var _a;
-          (_a = closeButtonRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+          var _a, _b;
+          if (ref && "current" in ref && !((_a = ref.current) == null ? void 0 : _a.contains(document.activeElement))) {
+            (_b = closeButtonRef.current) == null ? void 0 : _b.focus({ preventScroll: true });
+          }
         }, 0);
       }
     });
@@ -16093,9 +16088,7 @@ var Popover = css72`
 
 // src/components/ParameterInputs/rich-text/utils.ts
 import { $isAtNodeEnd } from "@lexical/selection";
-import {
-  $isElementNode
-} from "lexical";
+import { $isElementNode } from "lexical";
 var getElementNodesInSelection = (selection) => {
   const nodesInSelection = selection.getNodes();
   if (nodesInSelection.length === 0) {
@@ -16127,22 +16120,6 @@ var getSelectedNode = (selection) => {
     return $isAtNodeEnd(anchor) ? anchorNode : focusNode;
   }
 };
-var richTextIsValueConsideredEmpty = (value) => {
-  if (!value) {
-    return true;
-  }
-  if (value.root.children.length === 0) {
-    return true;
-  }
-  if (value.root.children.length > 1) {
-    return false;
-  }
-  const child = value.root.children[0];
-  if (child.type !== "paragraph") {
-    return false;
-  }
-  return child.children.length === 0;
-};
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
 import { Fragment as Fragment13, jsx as jsx90, jsxs as jsxs59 } from "@emotion/react/jsx-runtime";
@@ -18218,7 +18195,6 @@ export {
   replaceUnderscoreInString,
   richTextBuiltInElements,
   richTextBuiltInFormats,
-  richTextIsValueConsideredEmpty,
   ripple,
   scrollbarStyles,
   settings,

package/dist/index.d.ts

@@ -20392,14 +20392,14 @@ type ChipSizeProp = 'xs' | 'sm' | 'md';
 type ChipThemeProps = 'accent-light' | 'accent-dark' | 'accent-alt-light' | 'accent-alt-dark' | 'neutral-light' | 'neutral-dark';
 type ChipProps = {
     icon?: IconType$1;
-    text: ReactNode;
+    text: string;
     /** sets the size of the chip
      * @default 'sm'
      */
     theme?: ChipThemeProps;
-    chipAction?: React.ReactNode;
+    chipAction?: React$1.ReactNode;
     size?: ChipSizeProp;
-} & React.HTMLAttributes<HTMLSpanElement>;
+} & React$1.HTMLAttributes<HTMLSpanElement>;
 /**
  * @description Chips are used in a variety of ways
  * To represent tokens, where the value of the chip will be replaced with something dynamically.
@@ -21237,7 +21237,7 @@ interface MenuProps extends MenuHTMLProps {
     disableAutoSeparatorManagement?: boolean;
 }
 declare const MenuContext: React$1.Context<MenuStateReturn>;
-declare const useMenuContext: () => MenuStateReturn | undefined;
+declare const useMenuContext: () => MenuStateReturn;
 /**
  * Component used for creating clickable menus
  * @example
@@ -21250,9 +21250,7 @@ declare const useMenuContext: () => MenuStateReturn | undefined;
 declare const Menu: ({ menuLabel, menuTrigger, placement, menuItemsContainerCssClasses, children, forceVisible, disableAutoSeparatorManagement, }: MenuProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
 type MenuGroupProps = {
-    /** Title for the menu group */
     title: string;
-    /** Menu items to render in the group */
     children: ReactNode;
 };
 declare const MenuGroup: ({ title, children }: MenuGroupProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
@@ -21271,11 +21269,6 @@ type MenuItemProps = MenuItemHTMLProps & {
      * @default 'base'
      */
     textColor?: MenuItemTextThemeProps;
-    /**
-     * Overrides the focus styles and forces this menu item to have highlighted/selected styles
-     * Normally automatically managed.
-     */
-    active?: boolean;
 };
 type ChildFunction = (menuItemProps: MenuItemHTMLProps) => React$1.ReactElement | null;
 /**
@@ -21558,8 +21551,6 @@ type LinkNodePluginProps = {
     }) => Promise<void>;
 };
 
-declare const richTextIsValueConsideredEmpty: (value: RichTextParamValue) => boolean;
-
 type RichTextProps = {
     config?: RichTextParamConfiguration;
     onChange?: (value: SerializedEditorState) => void;
@@ -22186,4 +22177,4 @@ type StatusBulletProps = React$1.HTMLAttributes<HTMLSpanElement> & {
 };
 declare const StatusBullet: ({ status, hideText, size, message, ...props }: StatusBulletProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
-export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, richTextIsValueConsideredEmpty, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };
+export { ActionButtonsProps, AddButton, AddButtonProps, AddListButton, AddListButtonProps, AddListButtonThemeProps, AnimationFile, AnimationFileProps, ArrowPositionProps, Badge, BadgeProps, BadgeSizeProps, BadgeThemeProps, BadgeThemeStyleProps, Banner, BannerProps, BannerType, BoxHeightProps, BreakpointSize, BreakpointsMap, Button, ButtonProps, ButtonSizeProps, ButtonThemeProps$1 as ButtonThemeProps, ButtonWithMenu, ButtonWithMenuProps, Callout, CalloutProps, CalloutType, Caption, CaptionProps, Card, CardContainer, CardContainerBgColorProps, CardContainerProps, CardProps, CardTitle, CardTitleProps, CheckboxWithInfo, CheckboxWithInforProps, ChildFunction, Chip, ChipProps, ComboBoxGroupBase, ConnectToDataElementButton, ConnectToDataElementButtonProps, Container, ContainerProps, Counter, CounterProps, CreateTeamIntegrationTile, CreateTeamIntegrationTileProps, DashedBox, DashedBoxProps, Details, DetailsProps, DismissibleChipAction, Drawer, DrawerContextValue, DrawerItem, DrawerProps, DrawerProvider, DrawerRenderer, DrawerRendererItemProps, DrawerRendererProps, EditTeamIntegrationTile, EditTeamIntegrationTileProps, ErrorMessage, ErrorMessageProps, Fieldset, FieldsetProps, Heading, HeadingProps, HexModalBackground, HorizontalRhythm, Icon, IconColor, IconName, IconProps, IconType, IconsProvider, InfoMessage, InfoMessageProps, InlineAlert, InlineAlertProps, Input, InputComboBox, InputComboBoxOption, InputComboBoxProps, InputInlineSelect, InputInlineSelectOption, InputInlineSelectProps, InputKeywordSearch, InputKeywordSearchProps, InputProps, InputSelect, InputSelectProps, InputToggle, InputToggleProps, IntegrationComingSoon, IntegrationComingSoonProps, IntegrationHeaderSection, IntegrationHeaderSectionProps, IntegrationLoadingTile, IntegrationLoadingTileProps, IntegrationModalHeader, IntegrationModalHeaderProps, IntegrationModalIcon, IntegrationModalIconProps, IntegrationTile, IntegrationTileProps, JsonEditor, JsonEditorProps, Label, LabelProps, Legend, LegendProps, LevelProps, LimitsBar, LimitsBarProps, Link, LinkColorProps, LinkList, LinkListProps, LinkManagerWithRefType, LinkNode, LinkProps, LinkWithRef, LoadingCardSkeleton, LoadingIcon, LoadingIconProps, LoadingIndicator, LoadingOverlay, LoadingOverlayProps, Menu, MenuContext, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuItemSeparator, MenuItemTextThemeProps, MenuProps, PageHeaderSection, PageHeaderSectionProps, Paragraph, ParagraphProps, ParameterDataConnectButtonProps, ParameterDataResource, ParameterDrawerHeader, ParameterDrawerHeaderProps, ParameterGroup, ParameterGroupProps, ParameterImage, ParameterImageInner, ParameterImageProps, ParameterInput, ParameterInputInner, ParameterInputProps, ParameterLabel, ParameterLabelProps, ParameterLink, ParameterLinkInner, ParameterLinkProps, ParameterMenuButton, ParameterMenuButtonProps, ParameterNameAndPublicIdInput, ParameterNameAndPublicIdInputProps, ParameterOverrideMarker, ParameterRichText, ParameterRichTextInner, ParameterRichTextInnerProps, ParameterRichTextProps, ParameterSelect, ParameterSelectInner, ParameterSelectProps, ParameterShell, ParameterShellContext, ParameterShellPlaceholder, ParameterShellProps, ParameterTextarea, ParameterTextareaInner, ParameterTextareaProps, ParameterToggle, ParameterToggleInner, ParameterToggleProps, Popover, PopoverProps, ProgressList, ProgressListItem, ProgressListItemProps, ProgressListProps, RegisterDrawerProps, ResolveIcon, ResolveIconProps, RichTextParamValue, ScrollableItemProps, ScrollableList, ScrollableListContainerProps, ScrollableListInputItem, ScrollableListItem, ScrollableListItemProps, ScrollableListProps, SegmentedControl, SegmentedControlOption, SegmentedControlProps, SerializedLinkNode, ShortcutContext, ShortcutRevealer, Skeleton, SkeletonProps, StatusBullet, StatusBulletProps, StatusTypeProps, SuccessMessage, SuccessMessageProps, Switch, SwitchProps, TabButton, TabButtonGroup, TabButtonProps, TabContent, TabContentProps, Table, TableBody, TableBodyProps, TableCellData, TableCellDataProps, TableCellHead, TableCellHeadProps, TableFoot, TableFootProps, TableHead, TableHeadProps, TableProps, TableRow, TableRowProps, Tabs, TabsProps, TextAlignProps, Textarea, TextareaProps, Theme, ThemeProps, Tile, TileContainer, TileContainerProps, TileProps, TileText, TileTitleProps, Tooltip, TooltipProps, TwoColumnLayout, TwoColumnLayoutProps, UniformBadge, UniformLogo, UniformLogoLarge, UniformLogoProps, UseShortcutOptions, VerticalRhythm, WarningMessage, WarningMessageProps, accessibleHidden, borderTopIcon, breakpoints, button, buttonDestructive, buttonGhost, buttonGhostDestructive, buttonGhostUnimportant, buttonPrimary, buttonPrimaryInvert, buttonRippleEffect, buttonSecondary, buttonSecondaryInvert, buttonTertiary, buttonTertiaryOutline, buttonUnimportant, canvasAlertIcon, cardIcon, cq, customIcons, extractParameterProps, fadeIn, fadeInBottom, fadeInLtr, fadeInRtl, fadeInTop, fadeOutBottom, fullWidthScreenIcon, growSubtle, imageTextIcon, infoFilledIcon, input, inputError, inputSelect, isMacLike, jsonIcon, labelText, loader as loaderAnimationData, macifyShortcut, mq, numberInput, queryStringIcon, rectangleRoundedIcon, replaceUnderscoreInString, ripple, scrollbarStyles, settings, settingsIcon, skeletonLoading, slideInTtb, spinner as spinnerAnimationData, structurePanelIcon, supports, textInput, useBreakpoint, useCloseCurrentDrawer, useCurrentDrawerRenderer, useCurrentTab, useDrawer, useIconContext, useMenuContext, useOutsideClick, useParameterShell, useShortcut, warningIcon, yesNoIcon };

package/dist/index.js

@@ -202,7 +202,6 @@ __export(src_exports, {
   replaceUnderscoreInString: () => replaceUnderscoreInString,
   richTextBuiltInElements: () => richTextBuiltInElements,
   richTextBuiltInFormats: () => richTextBuiltInFormats,
-  richTextIsValueConsideredEmpty: () => richTextIsValueConsideredEmpty,
   ripple: () => ripple,
   scrollbarStyles: () => scrollbarStyles,
   settings: () => settings,
@@ -11378,13 +11377,11 @@ var import_react27 = require("@emotion/react");
 var MenuGroupContainer = import_react27.css`
   display: flex;
   flex-direction: column;
-  margin-top: var(--spacing-sm);
 `;
 var MenuTitle = import_react27.css`
   color: var(--gray-400);
   font-size: var(--fs-xs);
   font-weight: var(--fw-bold);
-  padding: var(--spacing-xs) var(--spacing-sm);
   text-transform: uppercase;
 `;
 
@@ -11399,12 +11396,7 @@ var MenuGroup = ({ title, children }) => {
 
 // src/components/Menu/MenuItem.styles.ts
 var import_react28 = require("@emotion/react");
-var activeMenuItem = import_react28.css`
-  box-shadow: none;
-  background: var(--gray-200);
-  outline: none;
-`;
-var menuItem = (textTheme, forceActive) => import_react28.css`
+var menuItem = (textTheme) => import_react28.css`
   align-items: center;
   border: none;
   border-radius: var(--rounded-base);
@@ -11415,10 +11407,9 @@ var menuItem = (textTheme, forceActive) => import_react28.css`
   font-weight: var(--fw-regular);
   flex-grow: 1;
   gap: var(--spacing-xs);
-
+  line-height: 1.5;
   white-space: nowrap;
   transition: background-color var(--duration-fast) var(--timing-ease-out);
-  ${forceActive ? activeMenuItem : ""}
 
   &:disabled {
     color: var(--gray-300);
@@ -11426,7 +11417,9 @@ var menuItem = (textTheme, forceActive) => import_react28.css`
 
   &:hover,
   &:focus {
-    ${typeof forceActive === "undefined" ? activeMenuItem : ""}
+    box-shadow: none;
+    background: var(--gray-200);
+    outline: none;
   }
 `;
 var menuItemWithIcon = import_react28.css`
@@ -11555,15 +11548,14 @@ var React8 = __toESM(require("react"));
 var import_reakit = require("reakit");
 var import_jsx_runtime23 = require("@emotion/react/jsx-runtime");
 var MenuItem = React8.forwardRef(
-  ({ children, className, hideMenuOnClick = true, icon, textColor = "base", active, ...props }, ref) => {
+  ({ children, className, hideMenuOnClick = true, icon, textColor = "base", ...props }, ref) => {
     const menuState = useMenuContext();
     const resolveProps = (originalProps) => {
       const resolvedProps2 = { ...originalProps };
       if (resolvedProps2.onClick) {
         const origOnClick = resolvedProps2.onClick;
         resolvedProps2.onClick = (e) => {
-          var _a;
-          (_a = menuState == null ? void 0 : menuState.hide) == null ? void 0 : _a.call(menuState);
+          menuState.hide();
           origOnClick(e);
         };
       }
@@ -11579,7 +11571,7 @@ var MenuItem = React8.forwardRef(
         "data-test-id": "button-menu",
         ...menuState,
         ...resolvedProps,
-        css: [menuItem(textColor, active), typeof className === "object" ? className : void 0],
+        css: [menuItem(textColor), typeof className === "object" ? className : void 0],
         className: typeof className === "string" ? className : void 0,
         children: icon ? renderWithIcon(resolvedChildren, icon) : resolvedChildren
       }
@@ -13082,8 +13074,10 @@ var DrawerInner = ({
       },
       onFirstRender: () => {
         setTimeout(() => {
-          var _a;
-          (_a = closeButtonRef.current) == null ? void 0 : _a.focus({ preventScroll: true });
+          var _a, _b;
+          if (ref && "current" in ref && !((_a = ref.current) == null ? void 0 : _a.contains(document.activeElement))) {
+            (_b = closeButtonRef.current) == null ? void 0 : _b.focus({ preventScroll: true });
+          }
         }, 0);
       }
     });
@@ -16328,22 +16322,6 @@ var getSelectedNode = (selection) => {
     return (0, import_selection.$isAtNodeEnd)(anchor) ? anchorNode : focusNode;
   }
 };
-var richTextIsValueConsideredEmpty = (value) => {
-  if (!value) {
-    return true;
-  }
-  if (value.root.children.length === 0) {
-    return true;
-  }
-  if (value.root.children.length > 1) {
-    return false;
-  }
-  const child = value.root.children[0];
-  if (child.type !== "paragraph") {
-    return false;
-  }
-  return child.children.length === 0;
-};
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
 var import_jsx_runtime89 = require("@emotion/react/jsx-runtime");
@@ -18382,7 +18360,6 @@ var StatusBullet = ({
   replaceUnderscoreInString,
   richTextBuiltInElements,
   richTextBuiltInFormats,
-  richTextIsValueConsideredEmpty,
   ripple,
   scrollbarStyles,
   settings,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.23.1-alpha.12+669adf812",
+  "version": "19.24.0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,8 +23,8 @@
     "@storybook/client-api": "6.5.16",
     "@storybook/react": "6.5.16",
     "@types/react": "18.2.7",
-    "@uniformdev/canvas": "^19.23.1-alpha.12+669adf812",
-    "@uniformdev/richtext": "^19.23.1-alpha.12+669adf812",
+    "@uniformdev/canvas": "^19.24.0",
+    "@uniformdev/richtext": "^19.24.0",
     "autoprefixer": "10.4.14",
     "hygen": "6.2.11",
     "postcss": "8.4.24",
@@ -67,5 +67,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "669adf812df13a7856fb9bc5c4332c77e0697f3f"
+  "gitHead": "ca1c309ce7eed5bffa76130e2baa0f03b08377ac"
 }