@plasmicpkgs/antd5 0.0.37 → 0.0.39

package/dist/antd.esm.js

@@ -357,10 +357,9 @@ function themeToAntdConfig(opts) {
     controlHeight,
     sizeUnit,
     sizeStep,
-    wireframe,
-    spacing
+    wireframe
   } = opts;
-  return __spreadProps$6(__spreadValues$8({}, spacing && { size: spacing }), {
+  return {
     theme: {
       token: Object.fromEntries(Object.entries({
         colorTextBase,
@@ -378,7 +377,7 @@ function themeToAntdConfig(opts) {
         wireframe
       }).filter(([_key, val]) => !!val))
     }
-  });
+  };
 }
 function AntdConfigProvider(props) {
   const _a = props, { children, themeStyles } = _a, rest = __objRest$6(_a, ["children", "themeStyles"]);
@@ -391,13 +390,22 @@ function AntdConfigProvider(props) {
     colorTextBase: themeStyles.color
   }))), /* @__PURE__ */ React.createElement(ForkedApp, null, /* @__PURE__ */ React.createElement(InnerConfigProvider, null, children)));
 }
+function normTokenValue(val) {
+  if (typeof val === "string") {
+    return val.trim();
+  } else if (typeof val === "number") {
+    return `${val}px`;
+  } else {
+    return val;
+  }
+}
 function InnerConfigProvider(props) {
   const { children } = props;
   const { token } = theme.useToken();
   const makeVarName = (name) => `--antd-${name}`;
   const cssStyles = React.useMemo(() => `
 :root {
-  ${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${typeof val === "string" ? val.trim() : val};`).join("\n")}
+  ${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${normTokenValue(val)};`).join("\n")}
 }
   `, [token]);
   const app = useAppContext();
@@ -414,7 +422,9 @@ function InnerConfigProvider(props) {
   if (!GlobalActionsProvider) {
     warnOutdatedDeps();
   }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, cssStyles), GlobalActionsProvider ? /* @__PURE__ */ React.createElement(GlobalActionsProvider, {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", {
+    dangerouslySetInnerHTML: { __html: cssStyles }
+  }), GlobalActionsProvider ? /* @__PURE__ */ React.createElement(GlobalActionsProvider, {
     contextName: "plasmic-antd5-config-provider",
     actions
   }, children) : children, /* @__PURE__ */ React.createElement(GlobalLoadingIndicator, null));
@@ -470,20 +480,27 @@ function ForkedApp(props) {
 }
 function registerTokens(loader) {
   const regs = [];
-  const makeColorToken = (name) => {
-    const colorIndex = name.indexOf("color");
-    const humanName = makeNiceName(colorIndex >= 0 ? name.substring(name.indexOf("color") + "color".length) : name);
-    return {
-      name,
-      displayName: `System: ${humanName}`,
-      value: `var(--antd-${name})`,
-      type: "color"
-    };
+  const withoutPrefix = (name, prefix) => {
+    if (!prefix) {
+      return name;
+    }
+    const index = name.indexOf(prefix);
+    return index === 0 ? name.substring(prefix.length) : name;
   };
   function makeNiceName(name) {
     name = name[0].toUpperCase() + name.substring(1);
     return name.replace(/([a-z])([A-Z])/g, "$1 $2");
   }
+  const makeGenericToken = (name, type, removePrefix) => {
+    const tokenName = Array.isArray(name) ? name[0] : name;
+    const displayName = Array.isArray(name) ? name[1] : makeNiceName(withoutPrefix(name, removePrefix));
+    return {
+      name: tokenName,
+      displayName: `System: ${displayName}`,
+      value: `var(--antd-${tokenName})`,
+      type
+    };
+  };
   const colorTokens = [
     "colorPrimary",
     "colorSuccess",
@@ -551,91 +568,32 @@ function registerTokens(loader) {
     "colorErrorTextActive",
     "colorWhite",
     "colorBgMask",
-    "colorFillContentHover",
-    "colorFillAlter",
-    "colorFillContent",
-    "colorBgContainerDisabled",
-    "colorBgTextHover",
-    "colorBgTextActive",
-    "colorBorderBg",
-    "colorSplit",
-    "colorTextPlaceholder",
-    "colorTextDisabled",
-    "colorTextHeading",
-    "colorTextLabel",
-    "colorTextDescription",
-    "colorTextLightSolid",
     "colorIcon",
     "colorIconHover",
     "colorLink",
-    "colorLinkHover",
-    "colorLinkActive",
-    "colorLinkHighlight",
-    "controlOutline",
-    "controlWarningOutline",
-    "controlErrorOutline",
-    "controlItemBgHover",
-    "controlItemBgActive",
-    "controlItemBgActiveHover",
-    "controlItemBgActiveDisabled"
+    "colorLinkHover"
   ];
-  colorTokens.forEach((name) => regs.push(makeColorToken(name)));
-  const makeGenericToken = (name, type) => {
-    return {
-      name: `Sys: ${makeNiceName(name)}`,
-      value: `var(--antd-${name})`,
-      type
-    };
-  };
+  colorTokens.forEach((name) => regs.push(makeGenericToken(name, "color", "color")));
   const spacingTokens = [
-    "lineWidth",
-    "borderRadius",
-    "controlHeight",
-    "sizeXXL",
-    "sizeXL",
-    "sizeLG",
-    "sizeMD",
-    "sizeMS",
-    "size",
-    "sizeSM",
-    "sizeXS",
-    "sizeXXS",
-    "controlHeightXS",
-    "controlHeightSM",
-    "controlHeightLG",
-    "lineWidthBold",
-    "borderRadiusXS",
-    "borderRadiusSM",
-    "borderRadiusLG",
-    "borderRadiusOuter",
-    "controlOutlineWidth",
-    "controlInteractiveSize",
     "paddingXXS",
     "paddingXS",
     "paddingSM",
-    "padding",
+    ["padding", "Padding M"],
     "paddingMD",
     "paddingLG",
     "paddingXL",
-    "paddingContentHorizontalLG",
-    "paddingContentHorizontal",
-    "paddingContentHorizontalSM",
-    "paddingContentVerticalLG",
-    "paddingContentVertical",
-    "paddingContentVerticalSM",
     "marginXXS",
     "marginXS",
     "marginSM",
-    "margin",
+    ["margin", "Margin M"],
     "marginMD",
     "marginLG",
     "marginXL",
-    "marginXXL",
-    "controlPaddingHorizontal",
-    "controlPaddingHorizontalSM"
+    "marginXXL"
   ];
   spacingTokens.forEach((token) => regs.push(makeGenericToken(token, "spacing")));
   const fontSizeTokens = [
+    ["fontSize", "M"],
     "fontSizeSM",
     "fontSizeLG",
     "fontSizeXL",
@@ -645,8 +603,9 @@ function registerTokens(loader) {
     "fontSizeHeading4",
     "fontSizeHeading5"
   ];
-  fontSizeTokens.forEach((token) => regs.push(makeGenericToken(token, "font-size")));
+  fontSizeTokens.forEach((token) => regs.push(makeGenericToken(token, "font-size", "fontSize")));
   const lineHeightTokens = [
+    ["lineHeight", "M"],
     "lineHeightLG",
     "lineHeightSM",
     "lineHeightHeading1",
@@ -655,7 +614,7 @@ function registerTokens(loader) {
     "lineHeightHeading4",
     "lineHeightHeading5"
   ];
-  lineHeightTokens.forEach((token) => regs.push(makeGenericToken(token, "line-height")));
+  lineHeightTokens.forEach((token) => regs.push(makeGenericToken(token, "line-height", "lineHeight")));
   if (loader) {
     regs.forEach((t) => loader.registerToken(t));
   } else {
@@ -714,10 +673,6 @@ const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __s
       type: "boolean",
       defaultValue: false
     },
-    spacing: {
-      type: "choice",
-      options: ["small", "middle", "large"]
-    },
     themeStyles: {
       type: "themeStyles"
     }
@@ -1401,9 +1356,6 @@ function registerFormItem(loader) {
       initialValue: {
         type: "string"
       },
-      required: {
-        type: "boolean"
-      },
       rules: {
         type: "formValidationRules"
       },
@@ -1440,6 +1392,12 @@ function registerFormItem(loader) {
         displayName: "Always re-render",
         description: "Form items normally only re-render when the corresponding form value changes, for performance. This forces it to always re-render."
       },
+      dependencies: {
+        type: "array",
+        advanced: true,
+        displayName: "Dependencies",
+        description: "Form items can depend on other form items. This forces it to reevaluate the validation rules when the other form item changes."
+      },
       helpTextMode: {
         type: "choice",
         displayName: "Help text",