@uniformdev/design-system 20.20.0 → 20.22.1-alpha.0

package/LICENSE

@@ -1,2 +1,2 @@
-© 2024 Uniform Systems, Inc. All Rights Reserved.
+© 2025 Uniform Systems, Inc. All Rights Reserved.
 See details of Uniform Systems, Inc. Master Subscription Agreement here: https://uniform.dev/eula

package/dist/esm/index.js

@@ -6480,8 +6480,7 @@ var ChipContainer = css45`
   }
 
   &:hover {
-    [role='presentation'],
-    [role='separator'] {
+    [role='presentation'] {
       transition: opacity var(--duration-fast) var(--timing-ease-out);
       opacity: var(--opacity-100);
     }
@@ -6493,8 +6492,7 @@ var ChipContainer = css45`
   }
 
   :where([aria-disabled='true'], :disabled):hover {
-    [role='presentation'],
-    [role='separator'] {
+    [role='presentation'] {
       opacity: var(--opacity-50);
       cursor: not-allowed;
     }
@@ -6511,12 +6509,6 @@ var ChipIcon = css45`
   display: flex;
   opacity: var(--opacity-50);
 `;
-var ChipSeparator = css45`
-  display: flex;
-  border-right: 1px solid var(--white);
-  opacity: var(--opacity-50);
-  margin-left: -1px;
-`;
 var ChipTiny = (withIcon) => css45`
   font-size: var(--fs-xs);
   padding-inline: ${withIcon ? "calc(var(--spacing-2xs) + 2px) var(--spacing-sm)" : "var(--spacing-sm)"};
@@ -6725,7 +6717,7 @@ var ChipDisabled = css45`
 `;
 
 // src/components/Chip/Chip.tsx
-import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs37 } from "@emotion/react/jsx-runtime";
 var chipTheme = {
   "accent-light": ChipThemeAccentLight,
   "accent-dark": ChipThemeAccentDark,
@@ -6768,10 +6760,7 @@ var Chip = ({
       ],
       ...props,
       children: [
-        icon ? /* @__PURE__ */ jsxs37(Fragment7, { children: [
-          /* @__PURE__ */ jsx58("span", { role: "presentation", css: [ChipIcon], children: /* @__PURE__ */ jsx58(Icon, { icon, iconColor, size: "1rem" }) }),
-          /* @__PURE__ */ jsx58("span", { role: "separator", css: ChipSeparator })
-        ] }) : null,
+        icon ? /* @__PURE__ */ jsx58("span", { role: "presentation", css: [ChipIcon], children: /* @__PURE__ */ jsx58(Icon, { icon, iconColor, size: "1rem" }) }) : null,
         /* @__PURE__ */ jsx58("span", { css: ChipText, children: text }),
         chipAction
       ]
@@ -8042,7 +8031,7 @@ var DrawerContent2 = ({ children, buttonGroup, noPadding = false, ...props }) =>
 
 // src/components/Drawer/DrawerRenderer.tsx
 import { useEffect as useEffect6, useMemo as useMemo3 } from "react";
-import { Fragment as Fragment8, jsx as jsx70, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx70, jsxs as jsxs45 } from "@emotion/react/jsx-runtime";
 var drawerWidth = {
   narrow: "29rem",
   medium: "43rem",
@@ -8135,7 +8124,7 @@ var DrawerWrapper = ({
     offsetInPx = Math.round(maxLayeringInPx * relativeLevel);
   }
   const calculatedWidth = `calc(${width} - ${offsetInPx}px)`;
-  return /* @__PURE__ */ jsxs45(Fragment8, { children: [
+  return /* @__PURE__ */ jsxs45(Fragment7, { children: [
     /* @__PURE__ */ jsx70("div", { css: drawerWrapperOverlayStyles, onClick: onOverlayClick }),
     /* @__PURE__ */ jsx70(
       "div",
@@ -8778,10 +8767,10 @@ var IntegrationLoadingFrame = css61`
 `;
 
 // src/components/Tiles/IntegrationLoadingTile.tsx
-import { Fragment as Fragment9, jsx as jsx80, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx80, jsxs as jsxs52 } from "@emotion/react/jsx-runtime";
 var IntegrationLoadingTile = ({ count = 1 }) => {
   const componentCount = Array.from(Array(count).keys());
-  return /* @__PURE__ */ jsx80(Fragment9, { children: componentCount.map((i) => /* @__PURE__ */ jsxs52("div", { css: IntegrationLoadingTileContainer, children: [
+  return /* @__PURE__ */ jsx80(Fragment8, { children: componentCount.map((i) => /* @__PURE__ */ jsxs52("div", { css: IntegrationLoadingTileContainer, children: [
     /* @__PURE__ */ jsx80("div", { css: [IntegrationLoadingTileImg, IntegrationLoadingFrame], role: "presentation" }),
     /* @__PURE__ */ jsx80("div", { css: [IntegrationLoadingTileText, IntegrationLoadingFrame] })
   ] }, i)) });
@@ -9120,7 +9109,7 @@ var IntegrationModalHeaderContentWrapper = css66`
 `;
 
 // src/components/IntegrationModalHeader/IntegrationModalHeader.tsx
-import { Fragment as Fragment10, jsx as jsx87, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx87, jsxs as jsxs55 } from "@emotion/react/jsx-runtime";
 var HexModalBackground = ({ ...props }) => {
   return /* @__PURE__ */ jsxs55(
     "svg",
@@ -9161,7 +9150,7 @@ var HexModalBackground = ({ ...props }) => {
   );
 };
 var IntegrationModalHeader = ({ icon, name, menu, children }) => {
-  return /* @__PURE__ */ jsxs55(Fragment10, { children: [
+  return /* @__PURE__ */ jsxs55(Fragment9, { children: [
     /* @__PURE__ */ jsx87(HexModalBackground, { css: IntegrationModalHeaderSVGBackground, role: "presentation" }),
     /* @__PURE__ */ jsx87("div", { css: IntegrationModalHeaderGroup, children: /* @__PURE__ */ jsxs55("div", { css: IntegrationModalHeaderTitleGroup, children: [
       icon ? /* @__PURE__ */ jsx87(IntegrationModalIcon, { icon, name: name || "" }) : null,
@@ -10747,7 +10736,7 @@ var CoverSelectedChip = css78`
 `;
 
 // src/components/Objects/ObjectGridItemCardCover.tsx
-import { Fragment as Fragment11, jsx as jsx101, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx101, jsxs as jsxs67 } from "@emotion/react/jsx-runtime";
 var ObjectGridItemCardCover = (props) => {
   if ("imageUrl" in props && props.imageUrl) {
     const { imageUrl, srcSet, alt } = props;
@@ -10779,7 +10768,7 @@ var ObjectGridItemCover = ({
   coverSlotBottomRight,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs67(Fragment11, { children: [
+  return /* @__PURE__ */ jsxs67(Fragment10, { children: [
     coverSlotLeft ? /* @__PURE__ */ jsx101("div", { css: [CoverSlot, CoverSlotLeft], children: coverSlotLeft }) : null,
     /* @__PURE__ */ jsx101(ObjectGridItemCardCover, { ...props }),
     coverSlotRight ? /* @__PURE__ */ jsx101("div", { css: [CoverSlot, CoverSlotRight], children: coverSlotRight }) : null,
@@ -11461,7 +11450,7 @@ var previewModalImage = css87`
 `;
 
 // src/components/ParameterInputs/ParameterImagePreview.tsx
-import { Fragment as Fragment12, jsx as jsx114, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx114, jsxs as jsxs76 } from "@emotion/react/jsx-runtime";
 function ParameterImagePreview({ imageSrc }) {
   const [showModal, setShowModal] = useState13(false);
   return imageSrc ? /* @__PURE__ */ jsxs76("div", { css: previewWrapper, children: [
@@ -11479,7 +11468,7 @@ function ParameterImagePreview({ imageSrc }) {
   ] }) : null;
 }
 var PreviewImageModal = ({ open, onRequestClose, imageSrc }) => {
-  return open ? /* @__PURE__ */ jsx114(Fragment12, { children: createPortal2(
+  return open ? /* @__PURE__ */ jsx114(Fragment11, { children: createPortal2(
     /* @__PURE__ */ jsx114(
       Modal,
       {
@@ -11969,7 +11958,7 @@ var ParameterShellPlaceholder = ({ children }) => {
 var ParameterOverrideMarker = (props) => /* @__PURE__ */ jsx117(Tooltip, { title: "The default value has been overridden", children: /* @__PURE__ */ jsx117("button", { type: "button", css: overrideMarker, ...props, children: /* @__PURE__ */ jsx117("span", { hidden: true, children: "reset overridden value to default" }) }) });
 
 // src/components/ParameterInputs/ParameterImage.tsx
-import { Fragment as Fragment13, jsx as jsx118, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx118, jsxs as jsxs78 } from "@emotion/react/jsx-runtime";
 var ParameterImage = forwardRef22(
   ({ children, ...props }, ref) => {
     const { shellProps, innerProps } = extractParameterProps(props);
@@ -11983,7 +11972,7 @@ var ParameterImageInner = forwardRef22((props, ref) => {
   const { value } = props;
   const { id, label, hiddenLabel, errorMessage } = useParameterShell();
   const deferredValue = useDeferredValue(value);
-  return /* @__PURE__ */ jsxs78(Fragment13, { children: [
+  return /* @__PURE__ */ jsxs78(Fragment12, { children: [
     /* @__PURE__ */ jsx118(
       "input",
       {
@@ -12157,7 +12146,7 @@ var ParameterMultiSelectInner = (props) => {
 };
 
 // src/components/ParameterInputs/ParameterNameAndPublicIdInput.tsx
-import { Fragment as Fragment14, jsx as jsx122, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx122, jsxs as jsxs80 } from "@emotion/react/jsx-runtime";
 var ParameterNameAndPublicIdInput = ({
   id,
   onBlur,
@@ -12183,7 +12172,7 @@ var ParameterNameAndPublicIdInput = ({
     navigator.clipboard.writeText(values[publicIdFieldName]);
   };
   autoFocus == null ? void 0 : autoFocus();
-  return /* @__PURE__ */ jsxs80(Fragment14, { children: [
+  return /* @__PURE__ */ jsxs80(Fragment13, { children: [
     /* @__PURE__ */ jsx122(
       ParameterInput,
       {
@@ -12758,7 +12747,7 @@ var getSelectedNode = (selection) => {
 };
 
 // src/components/ParameterInputs/rich-text/LinkNodePlugin.tsx
-import { Fragment as Fragment15, jsx as jsx123, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx123, jsxs as jsxs81 } from "@emotion/react/jsx-runtime";
 var isProjectMapLinkValue = (value) => {
   return (value == null ? void 0 : value.type) === "projectMapNode" && Boolean(
     value.nodeId && value.path && value.projectMapId
@@ -13245,7 +13234,7 @@ function LinkNodePlugin({
       });
     });
   };
-  return /* @__PURE__ */ jsxs81(Fragment15, { children: [
+  return /* @__PURE__ */ jsxs81(Fragment14, { children: [
     /* @__PURE__ */ jsx123(
       NodeEventPlugin,
       {
@@ -13791,7 +13780,7 @@ import { calculateZoomLevel } from "@lexical/utils";
 import { $getNearestNodeFromDOMNode } from "lexical";
 import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo6, useRef as useRef11, useState as useState17 } from "react";
 import { createPortal as createPortal3 } from "react-dom";
-import { Fragment as Fragment16, jsx as jsx125, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment15, jsx as jsx125, jsxs as jsxs83 } from "@emotion/react/jsx-runtime";
 var MIN_ROW_HEIGHT = 33;
 var MIN_COLUMN_WIDTH = 50;
 var tableResizer = css94`
@@ -14092,7 +14081,7 @@ function TableCellResizer({ editor, positioningAnchorEl }) {
     };
   }, [activeCell, draggingDirection, mouseCurrentPos, positioningAnchorEl]);
   const resizerStyles = getResizers();
-  return /* @__PURE__ */ jsx125("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs83(Fragment16, { children: [
+  return /* @__PURE__ */ jsx125("div", { ref: resizerRef, children: activeCell != null && !isMouseDown && /* @__PURE__ */ jsxs83(Fragment15, { children: [
     /* @__PURE__ */ jsx125(
       "div",
       {
@@ -14352,7 +14341,7 @@ var useRichTextToolbarState = ({ config }) => {
 };
 
 // src/components/ParameterInputs/rich-text/toolbar/RichTextToolbar.tsx
-import { Fragment as Fragment17, jsx as jsx126, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx126, jsxs as jsxs84 } from "@emotion/react/jsx-runtime";
 var toolbar = css95`
   ${scrollbarStyles}
   background: var(--gray-50);
@@ -14607,7 +14596,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
           children: /* @__PURE__ */ jsx126(RichTextToolbarIcon, { icon: "link" })
         }
       ) }) : null,
-      visibleLists.size > 0 ? /* @__PURE__ */ jsxs84(Fragment17, { children: [
+      visibleLists.size > 0 ? /* @__PURE__ */ jsxs84(Fragment16, { children: [
         visibleLists.has("unorderedList") ? /* @__PURE__ */ jsx126(Tooltip, { title: "Bullet List", placement: "top", children: /* @__PURE__ */ jsx126(
           "button",
           {
@@ -14704,7 +14693,7 @@ var RichTextToolbar = ({ config, customControls, onInsertTable, onInsertAsset })
 var RichTextToolbar_default = RichTextToolbar;
 
 // src/components/ParameterInputs/ParameterRichText.tsx
-import { Fragment as Fragment18, jsx as jsx127, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx127, jsxs as jsxs85 } from "@emotion/react/jsx-runtime";
 var ParameterRichText = ({
   label,
   labelLeadingIcon,
@@ -14769,7 +14758,7 @@ var ParameterRichText = ({
             children
           }
         ),
-        menuItems ? /* @__PURE__ */ jsx127(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx127(Fragment18, { children: menuItems }) }) : null
+        menuItems ? /* @__PURE__ */ jsx127(ParameterMenuButton, { label: `${label} menu`, children: /* @__PURE__ */ jsx127(Fragment17, { children: menuItems }) }) : null
       ]
     }
   );
@@ -14930,7 +14919,7 @@ var ParameterRichTextInner = ({
     },
     editable: !readOnly
   };
-  return /* @__PURE__ */ jsxs85(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs85(Fragment17, { children: [
     /* @__PURE__ */ jsx127("div", { css: [editorWrapper], className: editorWrapperClassName, children: /* @__PURE__ */ jsx127(LexicalComposer, { initialConfig: lexicalConfig, children: /* @__PURE__ */ jsx127(
       RichText,
       {
@@ -15009,7 +14998,7 @@ var RichText = ({
       setPortalContainerRef(_portalContainerRef);
     }
   };
-  return /* @__PURE__ */ jsxs85(Fragment18, { children: [
+  return /* @__PURE__ */ jsxs85(Fragment17, { children: [
     readOnly || minimalInteractivity ? null : /* @__PURE__ */ jsx127(
       RichTextToolbar_default,
       {
@@ -15053,7 +15042,7 @@ var RichText = ({
           ]
         }
       ),
-      /* @__PURE__ */ jsx127(Fragment18, { children }),
+      /* @__PURE__ */ jsx127(Fragment17, { children }),
       editorContainerRef ? /* @__PURE__ */ jsx127(
         LinkNodePlugin,
         {
@@ -15151,7 +15140,7 @@ import {
   usePopoverStore as usePopoverStore2
 } from "@ariakit/react";
 import { useEffect as useEffect23 } from "react";
-import { Fragment as Fragment19, jsx as jsx131, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx131, jsxs as jsxs88 } from "@emotion/react/jsx-runtime";
 var Popover3 = ({
   iconColor = "action",
   icon = "info",
@@ -15178,7 +15167,7 @@ var Popover3 = ({
         css: [PopoverBtn, trigger2 ? void 0 : PopoverDefaulterTriggerBtn],
         title: buttonText,
         "data-testid": testId,
-        children: trigger2 ? trigger2 : /* @__PURE__ */ jsxs88(Fragment19, { children: [
+        children: trigger2 ? trigger2 : /* @__PURE__ */ jsxs88(Fragment18, { children: [
           /* @__PURE__ */ jsx131(Icon, { icon, iconColor, size: iconSize }),
           /* @__PURE__ */ jsx131("span", { hidden: true, children: buttonText })
         ] })
@@ -16347,14 +16336,14 @@ var SwitchText = (size) => css104`
 `;
 
 // src/components/Switch/Switch.tsx
-import { Fragment as Fragment20, jsx as jsx137, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx137, jsxs as jsxs92 } from "@emotion/react/jsx-runtime";
 var Switch = forwardRef29(
   ({ label, infoText, toggleText, children, switchSize = "base", ...inputProps }, ref) => {
     let additionalText = infoText;
     if (infoText && toggleText) {
       additionalText = inputProps.checked ? toggleText : infoText;
     }
-    return /* @__PURE__ */ jsxs92(Fragment20, { children: [
+    return /* @__PURE__ */ jsxs92(Fragment19, { children: [
       /* @__PURE__ */ jsxs92(
         "label",
         {

package/dist/index.js

@@ -8254,8 +8254,7 @@ var ChipContainer = import_react67.css`
   }
 
   &:hover {
-    [role='presentation'],
-    [role='separator'] {
+    [role='presentation'] {
       transition: opacity var(--duration-fast) var(--timing-ease-out);
       opacity: var(--opacity-100);
     }
@@ -8267,8 +8266,7 @@ var ChipContainer = import_react67.css`
   }
 
   :where([aria-disabled='true'], :disabled):hover {
-    [role='presentation'],
-    [role='separator'] {
+    [role='presentation'] {
       opacity: var(--opacity-50);
       cursor: not-allowed;
     }
@@ -8285,12 +8283,6 @@ var ChipIcon = import_react67.css`
   display: flex;
   opacity: var(--opacity-50);
 `;
-var ChipSeparator = import_react67.css`
-  display: flex;
-  border-right: 1px solid var(--white);
-  opacity: var(--opacity-50);
-  margin-left: -1px;
-`;
 var ChipTiny = (withIcon) => import_react67.css`
   font-size: var(--fs-xs);
   padding-inline: ${withIcon ? "calc(var(--spacing-2xs) + 2px) var(--spacing-sm)" : "var(--spacing-sm)"};
@@ -8542,10 +8534,7 @@ var Chip = ({
       ],
       ...props,
       children: [
-        icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { role: "presentation", css: [ChipIcon], children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon, iconColor, size: "1rem" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { role: "separator", css: ChipSeparator })
-        ] }) : null,
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { role: "presentation", css: [ChipIcon], children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon, { icon, iconColor, size: "1rem" }) }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { css: ChipText, children: text }),
         chipAction
       ]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "20.20.0",
+  "version": "20.22.1-alpha.0+b02aa0b2f0",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "exports": {
@@ -10,7 +10,7 @@
         "default": "./dist/esm/index.js"
       },
       "require": {
-        "types": "./dist/index.d.cts",
+        "types": "./dist/index.d.ts",
         "default": "./dist/index.js"
       }
     }
@@ -38,8 +38,8 @@
     "@storybook/theming": "^8.3.3",
     "@types/react": "18.3.11",
     "@types/react-dom": "18.3.1",
-    "@uniformdev/canvas": "^20.20.0",
-    "@uniformdev/richtext": "^20.20.0",
+    "@uniformdev/canvas": "^20.22.1-alpha.0+b02aa0b2f0",
+    "@uniformdev/richtext": "^20.22.1-alpha.0+b02aa0b2f0",
     "@vitest/coverage-v8": "^3.1.2",
     "autoprefixer": "10.4.21",
     "hygen": "6.2.11",
@@ -68,11 +68,11 @@
     "@lexical/selection": "0.25.0",
     "@lexical/table": "0.25.0",
     "@lexical/utils": "0.25.0",
-    "@monaco-editor/react": "4.6.0",
+    "@monaco-editor/react": "4.7.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.5.0/react-icons-all-files-5.5.0.tgz",
     "fast-equals": "^5.0.1",
     "lexical": "0.25.0",
-    "monaco-editor": "0.50.0",
+    "monaco-editor": "0.52.2",
     "react-aria-components": "^1.1.1",
     "react-hotkeys-hook": "4.5.0",
     "react-paginate": "8.3.0",
@@ -91,5 +91,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c4b253470400de173d6745e67a817ecb2a25f068"
+  "gitHead": "b02aa0b2f0c3d94ec1f20953cb5bc36dfa9cdbc7"
 }