@yklyklpackages/message-card 0.0.1 → 0.0.2

package/dist/index.umd.js

@@ -177,13 +177,13 @@
     }
     return defaultValue;
   }
-  const defaultTheme$1 = {
+  const defaultTheme$2 = {
     fontSize: {
-      xs: "20",
-      sm: "24",
-      md: "28",
-      lg: "30",
-      xl: "34"
+      xs: "10",
+      sm: "12",
+      md: "14",
+      lg: "15",
+      xl: "17"
     },
     color: {
       primary: "#02B176",
@@ -208,19 +208,19 @@
       bold: "500"
     },
     space: {
-      xs: "4",
-      sm: "8",
-      md: "16",
-      lg: "20",
-      xl: "24",
-      xxl: "32"
+      xs: "2",
+      sm: "4",
+      md: "8",
+      lg: "10",
+      xl: "12",
+      xxl: "16"
     },
     borderRadius: {
       none: "0",
-      decorate: "4",
-      comp: "16",
-      card: "20",
-      model: "24"
+      decorate: "2",
+      comp: "8",
+      card: "10",
+      model: "12"
     },
     borderSize: {
       none: "0",
@@ -250,13 +250,13 @@
     return a;
   };
   var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
-  const ThemeContext = React.createContext(defaultTheme$1);
+  const ThemeContext = React.createContext(defaultTheme$2);
   const ThemeProvider = ({
     theme: theme2,
     children
   }) => {
     const merged = React.useMemo(() => {
-      const base = defaultTheme$1;
+      const base = defaultTheme$2;
       return __spreadProps$q(__spreadValues$r({}, base), {
         fontSize: __spreadValues$r(__spreadValues$r({}, base.fontSize), (theme2 == null ? void 0 : theme2.fontSize) || {}),
         color: __spreadValues$r(__spreadValues$r({}, base.color), (theme2 == null ? void 0 : theme2.color) || {}),
@@ -7739,7 +7739,7 @@
       generateNeutralColorPalettes
     })), genFontMapToken(token2.fontSize)), genSizeMapToken(token2)), genControlHeight(token2)), genCommonMapToken(token2));
   }
-  const defaultTheme = createTheme(derivative);
+  const defaultTheme$1 = createTheme(derivative);
   const defaultConfig = {
     token: seedToken,
     override: {
@@ -8782,7 +8782,7 @@
       cssVar
     } = React.useContext(DesignTokenContext);
     const salt = `${version$1}-${hashed || ""}`;
-    const mergedTheme = theme2 || defaultTheme;
+    const mergedTheme = theme2 || defaultTheme$1;
     const [token2, hashId, realToken] = useCacheToken(mergedTheme, [seedToken, rootDesignToken], {
       salt,
       override,
@@ -9970,7 +9970,7 @@
         components,
         cssVar
       } = _a, rest = __rest$e(_a, ["algorithm", "token", "components", "cssVar"]);
-      const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
+      const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme$1;
       const parsedComponents = {};
       Object.entries(components || {}).forEach(([componentName, componentToken]) => {
         const parsedToken = Object.assign({}, componentToken);
@@ -33858,10 +33858,64 @@
     ) });
   };
   const MessageCard_default = React.forwardRef(MessageCard);
+  const defaultTheme = {
+    fontSize: {
+      xs: "20",
+      sm: "24",
+      md: "28",
+      lg: "30",
+      xl: "34"
+    },
+    color: {
+      primary: "#02B176",
+      error: "#FF0F23",
+      success: "#FF0F23",
+      warning: "#B26B00",
+      textPrimary: "#0C0C0D",
+      textSecondary: "#4B4C4D",
+      textTertiary: "#646566",
+      textFourth: "#969899"
+    },
+    backgroundColor: {
+      errorBg: "#FFF1F2",
+      successBg: "#E5F7F1",
+      warningBg: "#FFF9E0",
+      pageBg: "#F0F2F5",
+      cardBg: "#FFFFFF",
+      cardContentBg: "#F7FAFC"
+    },
+    fontWeight: {
+      normal: "400",
+      bold: "500"
+    },
+    space: {
+      xs: "4",
+      sm: "8",
+      md: "16",
+      lg: "20",
+      xl: "24",
+      xxl: "32"
+    },
+    borderRadius: {
+      none: "0",
+      decorate: "4",
+      comp: "16",
+      card: "20",
+      model: "24"
+    },
+    borderSize: {
+      none: "0",
+      thin: "1",
+      base: "2",
+      thick: "3",
+      thicker: "4"
+    },
+    components: {}
+  };
   exports2.MessageCard = MessageCard_default;
   exports2.ThemeProvider = ThemeProvider;
   exports2.default = MessageCard_default;
-  exports2.defaultTheme = defaultTheme$1;
+  exports2.defaultTheme = defaultTheme;
   exports2.isLayoutNode = isLayoutNode;
   exports2.isRenderNode = isRenderNode;
   exports2.useTheme = useTheme$1;