@yklyklpackages/message-card 0.0.1 → 0.0.2

package/dist/components/theme/ScreenTheme375.d.ts

@@ -0,0 +1,4 @@
+import { Theme } from '../types/component';
+
+export declare const defaultTheme: Theme;
+//# sourceMappingURL=ScreenTheme375.d.ts.map

package/dist/components/theme/ScreenTheme375.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScreenTheme375.d.ts","sourceRoot":"","sources":["../../../src/components/theme/ScreenTheme375.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEhD,eAAO,MAAM,YAAY,EAAE,KAqD1B,CAAC"}

package/dist/index.cjs

@@ -178,13 +178,13 @@ function JSONSafeParse(str, defaultValue) {
   }
   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",
@@ -209,19 +209,19 @@ const defaultTheme$1 = {
     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",
@@ -251,13 +251,13 @@ var __spreadValues$r = (a, b) => {
   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) || {}),
@@ -7740,7 +7740,7 @@ function derivative(token2) {
     generateNeutralColorPalettes
   })), genFontMapToken(token2.fontSize)), genSizeMapToken(token2)), genControlHeight(token2)), genCommonMapToken(token2));
 }
-const defaultTheme = createTheme(derivative);
+const defaultTheme$1 = createTheme(derivative);
 const defaultConfig = {
   token: seedToken,
   override: {
@@ -8783,7 +8783,7 @@ function useToken() {
     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,
@@ -9971,7 +9971,7 @@ const ProviderChildren = (props) => {
       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);
@@ -33859,10 +33859,64 @@ const MessageCard = (props, ref2) => {
   ) });
 };
 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: {}
+};
 exports.MessageCard = MessageCard_default;
 exports.ThemeProvider = ThemeProvider;
 exports.default = MessageCard_default;
-exports.defaultTheme = defaultTheme$1;
+exports.defaultTheme = defaultTheme;
 exports.isLayoutNode = isLayoutNode;
 exports.isRenderNode = isRenderNode;
 exports.useTheme = useTheme$1;