@uniformdev/design-system 19.179.1-alpha.1 → 19.179.2-alpha.25

package/dist/index.js

@@ -1593,12 +1593,16 @@ __export(src_exports, {
   supports: () => supports,
   textInput: () => textInput,
   toast: () => import_react_toastify.toast,
+  uniformAiIcon: () => uniformAiIcon,
   uniformComponentIcon: () => uniformComponentIcon,
   uniformComponentPatternIcon: () => uniformComponentPatternIcon,
   uniformCompositionPatternIcon: () => uniformCompositionPatternIcon,
+  uniformConditionalValuesIcon: () => uniformConditionalValuesIcon,
   uniformContentTypeIcon: () => uniformContentTypeIcon,
   uniformEntryIcon: () => uniformEntryIcon,
   uniformEntryPatternIcon: () => uniformEntryPatternIcon,
+  uniformLocaleDisabledIcon: () => uniformLocaleDisabledIcon,
+  uniformLocaleIcon: () => uniformLocaleIcon,
   useBreakpoint: () => useBreakpoint,
   useCloseCurrentDrawer: () => useCloseCurrentDrawer,
   useCurrentDrawer: () => useCurrentDrawer,
@@ -2512,7 +2516,8 @@ var button = import_react10.css`
   cursor: pointer;
   display: inline-flex;
   font-weight: var(--fw-medium);
-  transition: color var(--duration-fast) var(--timing-ease-out),
+  transition:
+    color var(--duration-fast) var(--timing-ease-out),
     border-color var(--duration-fast) var(--timing-ease-out);
   max-width: max-content;
   gap: var(--spacing-sm);
@@ -3299,9 +3304,11 @@ var input = (whiteSpaceWrap) => import_react17.css`
   width: 100%;
   position: relative;
   white-space: ${whiteSpaceWrap};
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     border-color var(--duration-fast) var(--timing-ease-out),
-    color var(--duration-fast) var(--timing-ease-out), box-shadow var(--duration-fast) var(--timing-ease-out);
+    color var(--duration-fast) var(--timing-ease-out),
+    box-shadow var(--duration-fast) var(--timing-ease-out);
 
   &::placeholder {
     color: var(--gray-400);
@@ -3421,7 +3428,8 @@ var toggleInput = import_react17.css`
   background: var(--white);
   width: var(--spacing-md);
   height: var(--spacing-md);
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     border-color var(--duration-fast) var(--timing-ease-out),
     color var(--duration-fast) var(--timing-ease-out);
 
@@ -3665,7 +3673,9 @@ var addButton = import_react21.css`
   cursor: pointer;
   display: inline-flex;
   padding: 0;
-  transition: transform var(--duration-fast) var(--timing-ease-out), background var(--duration-slow);
+  transition:
+    transform var(--duration-fast) var(--timing-ease-out),
+    background var(--duration-slow);
   transform: scale(0.95);
   width: var(--max-size);
   height: var(--max-size);
@@ -4788,10 +4798,37 @@ var customIcons = {
 // src/components/Icons/systemIcons.tsx
 init_emotion_jsx_shim();
 var import_all_files2 = require("@react-icons/all-files");
+var import_CgGlobeAlt2 = require("@react-icons/all-files/cg/CgGlobeAlt");
 var import_CgList2 = require("@react-icons/all-files/cg/CgList");
 var import_CgPen2 = require("@react-icons/all-files/cg/CgPen");
+var import_TbBinaryTree2 = require("@react-icons/all-files/tb/TbBinaryTree2");
 var import_TbBox = require("@react-icons/all-files/tb/TbBox");
 var uniformComponentIcon = import_TbBox.TbBox;
+var uniformConditionalValuesIcon = import_TbBinaryTree2.TbBinaryTree2;
+var uniformAiIcon = customIcons["magic-wand"];
+var uniformLocaleIcon = import_CgGlobeAlt2.CgGlobeAlt;
+var uniformLocaleDisabledIcon = (0, import_all_files2.GenIcon)({
+  tag: "svg",
+  attr: { fill: "currentColor", viewBox: "0 0 24 24", role: "img" },
+  child: [
+    {
+      tag: "path",
+      attr: {
+        fillRule: "evenodd",
+        d: "M20.123 15.88A9 9 0 0 0 8.12 3.877l2.787 2.787c.03-.073.06-.145.092-.216.294-.661.592-1.073.823-1.292a.988.988 0 0 1 .178-.14.991.991 0 0 1 .178.14c.23.22.528.63.823 1.292.366.825.665 1.901.838 3.148l3.593 3.594a9.739 9.739 0 0 0 1.548-.665 6.968 6.968 0 0 1-.385 1.827l1.528 1.528ZM14.805 5.585c.691 1.53 1.136 3.62 1.19 5.945a9.939 9.939 0 0 0 1.557-.53c.6-.266.994-.536 1.226-.756a7.016 7.016 0 0 0-3.973-4.66ZM3.877 8.12A9 9 0 0 0 15.88 20.123l-2.787-2.787a7.89 7.89 0 0 1-.092.216c-.294.661-.593 1.073-.823 1.292a.996.996 0 0 1-.178.14.99.99 0 0 1-.178-.14c-.23-.22-.529-.63-.823-1.292-.367-.825-.666-1.901-.838-3.148L6.967 11.21a8.334 8.334 0 0 1-.519-.21c-.6-.266-.995-.536-1.226-.756a6.95 6.95 0 0 1 .183-.596L3.877 8.12Zm5.317 10.295c-.577-1.278-.982-2.947-1.131-4.817-1.183-.256-2.22-.624-3.044-1.073a7.004 7.004 0 0 0 4.175 5.89Z",
+        clipRule: "evenodd"
+      },
+      child: []
+    },
+    {
+      tag: "path",
+      attr: {
+        d: "M20.031 20.031a1.5 1.5 0 0 1-2.121 0L3.06 5.182a1.5 1.5 0 0 1 2.122-2.121L20.03 17.91a1.5 1.5 0 0 1 0 2.121Z"
+      },
+      child: []
+    }
+  ]
+});
 var uniformComponentPatternIcon = (0, import_all_files2.GenIcon)({
   tag: "svg",
   attr: {
@@ -13907,7 +13944,8 @@ var buttonStyle = (bgColor) => import_react32.css`
   display: block;
   font-size: var(--fs-sm);
   line-height: 1.5;
-  transition: background-color var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background-color var(--duration-fast) var(--timing-ease-out),
     outline var(--duration-fast) var(--timing-ease-out);
   outline: 1px solid transparent;
 
@@ -14334,7 +14372,8 @@ var CheckboxWithInfoInput = import_react41.css`
   border-radius: var(--rounded-sm);
   width: calc(var(--spacing-base) - 2px);
   height: calc(var(--spacing-base) - 2px);
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     border-color var(--duration-fast) var(--timing-ease-out),
     color var(--duration-fast) var(--timing-ease-out);
 
@@ -15592,7 +15631,8 @@ var ButtonWithMenuContainer = import_react57.css`
   display: inline-flex;
   position: relative;
   min-height: 24px;
-  transition: color var(--duration-fast) var(--timing-ease-out),
+  transition:
+    color var(--duration-fast) var(--timing-ease-out),
     border-color var(--duration-fast) var(--timing-ease-out),
     background-color var(--duration-fast) var(--timing-ease-out);
 
@@ -16596,7 +16636,8 @@ var import_react69 = require("@emotion/react");
 var ChipContainer = import_react69.css`
   border-radius: var(--rounded-full);
   display: inline-flex;
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     color var(--duration-fast) var(--timing-ease-out);
   position: relative;
 
@@ -16876,7 +16917,8 @@ var MultilineChipContainer = import_react70.css`
   --gradient-rgb: var(--accent-primary-dark-rgb);
   --gradient-rgb-hover: var(--accent-primary-dark-hover-rgb);
   border-radius: var(--rounded-full);
-  background: radial-gradient(
+  background:
+    radial-gradient(
         farthest-side at 100%,
         rgba(var(--gradient-rgb), 0) 0%,
         rgba(var(--gradient-rgb), 0.2) 80%,
@@ -16909,7 +16951,8 @@ var MultilineChipContainer = import_react70.css`
     border: none;
     &:hover,
     &:focus {
-      background: radial-gradient(
+      background:
+        radial-gradient(
             farthest-side at 100%,
             rgba(var(--gradient-rgb-hover), 0) 0%,
             rgba(var(--gradient-rgb-hover), 0.2) 80%,
@@ -16966,17 +17009,19 @@ init_emotion_jsx_shim();
 // src/components/Counter/Counter.styles.ts
 init_emotion_jsx_shim();
 var import_react71 = require("@emotion/react");
-var counterContainer = (bgColor) => import_react71.css`
+var counterContainer = (bgColor, hasIcon) => import_react71.css`
   align-items: center;
   border-radius: var(--rounded-full);
   border: 1px solid var(--gray-300);
   background: ${bgColor};
-  color: var(--typography-base);
+  color: ${bgColor === "var(--accent-dark)" ? "white" : "var(--typography-base)"};
   display: inline-flex;
-  font-size: var(--fs-xxs);
+  gap: var(--spacing-xs);
+  font-size: var(--fs-xs);
   font-weight: var(--fw-regular);
   justify-content: center;
-  width: var(--spacing-base);
+  padding: 4px;
+  width: ${hasIcon ? "auto" : "var(--spacing-base)"};
   height: var(--spacing-base);
 `;
 var counterZeroValue = import_react71.css`
@@ -17000,7 +17045,13 @@ var counterIcon = import_react71.css`
 
 // src/components/Counter/Counter.tsx
 var import_jsx_runtime63 = require("@emotion/react/jsx-runtime");
-var Counter = ({ count, bgColor = "transparent", ...props }) => {
+var Counter = ({
+  count,
+  bgColor = "transparent",
+  icon,
+  iconColor = "auto",
+  ...props
+}) => {
   if (typeof count === "undefined") {
     return null;
   }
@@ -17009,7 +17060,19 @@ var Counter = ({ count, bgColor = "transparent", ...props }) => {
     /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "0.5rem", css: counterIcon })
   ] }) : count;
   const formatCount = count === 0 ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { css: counterZeroValue, title: `${count}` }) : isTripleDigits;
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { css: counterContainer(bgColor), ...props, children: formatCount });
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { css: counterContainer(bgColor, Boolean(icon)), ...props, children: [
+    icon ? /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+      "span",
+      {
+        css: [
+          iconColor ? functionalColors : void 0,
+          { color: iconColor ? iconColor === "red" ? "var(--brand-secondary-5)" : iconColor : "inherit" }
+        ],
+        children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(Icon, { icon, iconColor: "currentColor", size: "0.6rem" })
+      }
+    ) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("span", { children: formatCount })
+  ] });
 };
 
 // src/components/DashedBox/DashedBox.tsx
@@ -21150,7 +21213,8 @@ var inputIconBtn = import_react130.css`
   color: var(--gray-500);
   background: none;
   display: flex;
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     color var(--duration-fast) var(--timing-ease-out);
 
   &:hover,
@@ -21328,7 +21392,8 @@ var toggleInput2 = import_react131.css`
   background: var(--white);
   width: var(--spacing-base);
   height: var(--spacing-base);
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     border-color var(--duration-fast) var(--timing-ease-out),
     color var(--duration-fast) var(--timing-ease-out);
   font-size: var(--fs-sm);
@@ -21428,7 +21493,8 @@ var dataConnectButton = import_react131.css`
   display: flex;
   padding: var(--spacing-sm);
   position: relative;
-  transition: background var(--duration-fast) var(--timing-ease-out),
+  transition:
+    background var(--duration-fast) var(--timing-ease-out),
     outline-color var(--duration-fast) var(--timing-ease-out),
     color var(--duration-fast) var(--timing-ease-out);
   width: 100%;
@@ -24382,7 +24448,8 @@ var SwitchInput = (size) => import_react163.css`
   width: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
   height: ${size === "sm" ? "var(--spacing-base)" : "var(--spacing-md)"};
   margin-top: ${size === "sm" ? "var(--spacing-xs)" : "none"};
-  transition: transform var(--duration-fast) var(--timing-ease-out),
+  transition:
+    transform var(--duration-fast) var(--timing-ease-out),
     background-color var(--duration-fast) var(--timing-ease-out),
     background-image var(--duration-fast) var(--timing-ease-out);
   z-index: var(--z-10);
@@ -25001,12 +25068,16 @@ var StatusBullet = ({
   supports,
   textInput,
   toast,
+  uniformAiIcon,
   uniformComponentIcon,
   uniformComponentPatternIcon,
   uniformCompositionPatternIcon,
+  uniformConditionalValuesIcon,
   uniformContentTypeIcon,
   uniformEntryIcon,
   uniformEntryPatternIcon,
+  uniformLocaleDisabledIcon,
+  uniformLocaleIcon,
   useBreakpoint,
   useCloseCurrentDrawer,
   useCurrentDrawer,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/design-system",
-  "version": "19.179.1-alpha.1+3adc08c00a",
+  "version": "19.179.2-alpha.25+252ca669db",
   "description": "Uniform design system components",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -22,15 +22,15 @@
     "@emotion/jest": "11.11.0",
     "@storybook/preview-api": "^8.0.10",
     "@storybook/react": "8.0.10",
-    "@types/react": "18.2.40",
-    "@types/react-dom": "18.2.17",
-    "@uniformdev/canvas": "^19.179.1-alpha.1+3adc08c00a",
-    "@uniformdev/richtext": "^19.179.1-alpha.1+3adc08c00a",
+    "@types/react": "18.3.3",
+    "@types/react-dom": "18.3.0",
+    "@uniformdev/canvas": "^19.179.2-alpha.25+252ca669db",
+    "@uniformdev/richtext": "^19.179.2-alpha.25+252ca669db",
     "autoprefixer": "10.4.16",
     "hygen": "6.2.11",
     "postcss": "8.4.38",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
     "react-select-event": "^5.5.1",
     "tsup": "8.1.0"
   },
@@ -43,20 +43,20 @@
     "@emotion/css": "^11.11.0",
     "@emotion/react": "11.11.3",
     "@internationalized/date": "^3.5.2",
-    "@lexical/code": "0.16.1",
-    "@lexical/link": "0.16.1",
-    "@lexical/list": "0.16.1",
-    "@lexical/markdown": "0.16.1",
-    "@lexical/react": "0.16.1",
-    "@lexical/rich-text": "0.16.1",
-    "@lexical/selection": "0.16.1",
-    "@lexical/utils": "0.16.1",
+    "@lexical/code": "0.17.0",
+    "@lexical/link": "0.17.0",
+    "@lexical/list": "0.17.0",
+    "@lexical/markdown": "0.17.0",
+    "@lexical/react": "0.17.0",
+    "@lexical/rich-text": "0.17.0",
+    "@lexical/selection": "0.17.0",
+    "@lexical/utils": "0.17.0",
     "@monaco-editor/react": "4.6.0",
     "@react-icons/all-files": "https://github.com/react-icons/react-icons/releases/download/v5.2.1/react-icons-all-files-5.2.1.tgz",
     "fast-equals": "^5.0.1",
-    "lexical": "0.16.1",
+    "lexical": "0.17.0",
     "lottie-react": "^2.3.1",
-    "monaco-editor": "0.45.0",
+    "monaco-editor": "0.50.0",
     "react-aria-components": "^1.1.1",
     "react-hotkeys-hook": "4.5.0",
     "react-paginate": "8.2.0",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3adc08c00a0d3932b6b767faaa6157f8b71ef0a0"
+  "gitHead": "252ca669dbe0172211ab6b0465322c8cecd9a974"
 }