@yklyklpackages/message-card 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -160,13 +160,13 @@ function JSONSafeParse(str, defaultValue) {
160
160
  }
161
161
  return defaultValue;
162
162
  }
163
- const defaultTheme$1 = {
163
+ const defaultTheme$2 = {
164
164
  fontSize: {
165
- xs: "20",
166
- sm: "24",
167
- md: "28",
168
- lg: "30",
169
- xl: "34"
165
+ xs: "10",
166
+ sm: "12",
167
+ md: "14",
168
+ lg: "15",
169
+ xl: "17"
170
170
  },
171
171
  color: {
172
172
  primary: "#02B176",
@@ -191,19 +191,19 @@ const defaultTheme$1 = {
191
191
  bold: "500"
192
192
  },
193
193
  space: {
194
- xs: "4",
195
- sm: "8",
196
- md: "16",
197
- lg: "20",
198
- xl: "24",
199
- xxl: "32"
194
+ xs: "2",
195
+ sm: "4",
196
+ md: "8",
197
+ lg: "10",
198
+ xl: "12",
199
+ xxl: "16"
200
200
  },
201
201
  borderRadius: {
202
202
  none: "0",
203
- decorate: "4",
204
- comp: "16",
205
- card: "20",
206
- model: "24"
203
+ decorate: "2",
204
+ comp: "8",
205
+ card: "10",
206
+ model: "12"
207
207
  },
208
208
  borderSize: {
209
209
  none: "0",
@@ -233,13 +233,13 @@ var __spreadValues$r = (a, b) => {
233
233
  return a;
234
234
  };
235
235
  var __spreadProps$q = (a, b) => __defProps$q(a, __getOwnPropDescs$q(b));
236
- const ThemeContext = createContext(defaultTheme$1);
236
+ const ThemeContext = createContext(defaultTheme$2);
237
237
  const ThemeProvider = ({
238
238
  theme: theme2,
239
239
  children
240
240
  }) => {
241
241
  const merged = useMemo$1(() => {
242
- const base = defaultTheme$1;
242
+ const base = defaultTheme$2;
243
243
  return __spreadProps$q(__spreadValues$r({}, base), {
244
244
  fontSize: __spreadValues$r(__spreadValues$r({}, base.fontSize), (theme2 == null ? void 0 : theme2.fontSize) || {}),
245
245
  color: __spreadValues$r(__spreadValues$r({}, base.color), (theme2 == null ? void 0 : theme2.color) || {}),
@@ -7722,7 +7722,7 @@ function derivative(token2) {
7722
7722
  generateNeutralColorPalettes
7723
7723
  })), genFontMapToken(token2.fontSize)), genSizeMapToken(token2)), genControlHeight(token2)), genCommonMapToken(token2));
7724
7724
  }
7725
- const defaultTheme = createTheme(derivative);
7725
+ const defaultTheme$1 = createTheme(derivative);
7726
7726
  const defaultConfig = {
7727
7727
  token: seedToken,
7728
7728
  override: {
@@ -8765,7 +8765,7 @@ function useToken() {
8765
8765
  cssVar
8766
8766
  } = React__default.useContext(DesignTokenContext);
8767
8767
  const salt = `${version$1}-${hashed || ""}`;
8768
- const mergedTheme = theme2 || defaultTheme;
8768
+ const mergedTheme = theme2 || defaultTheme$1;
8769
8769
  const [token2, hashId, realToken] = useCacheToken(mergedTheme, [seedToken, rootDesignToken], {
8770
8770
  salt,
8771
8771
  override,
@@ -9953,7 +9953,7 @@ const ProviderChildren = (props) => {
9953
9953
  components,
9954
9954
  cssVar
9955
9955
  } = _a, rest = __rest$e(_a, ["algorithm", "token", "components", "cssVar"]);
9956
- const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
9956
+ const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme$1;
9957
9957
  const parsedComponents = {};
9958
9958
  Object.entries(components || {}).forEach(([componentName, componentToken]) => {
9959
9959
  const parsedToken = Object.assign({}, componentToken);
@@ -33841,11 +33841,65 @@ const MessageCard = (props, ref2) => {
33841
33841
  ) });
33842
33842
  };
33843
33843
  const MessageCard_default = forwardRef(MessageCard);
33844
+ const defaultTheme = {
33845
+ fontSize: {
33846
+ xs: "20",
33847
+ sm: "24",
33848
+ md: "28",
33849
+ lg: "30",
33850
+ xl: "34"
33851
+ },
33852
+ color: {
33853
+ primary: "#02B176",
33854
+ error: "#FF0F23",
33855
+ success: "#FF0F23",
33856
+ warning: "#B26B00",
33857
+ textPrimary: "#0C0C0D",
33858
+ textSecondary: "#4B4C4D",
33859
+ textTertiary: "#646566",
33860
+ textFourth: "#969899"
33861
+ },
33862
+ backgroundColor: {
33863
+ errorBg: "#FFF1F2",
33864
+ successBg: "#E5F7F1",
33865
+ warningBg: "#FFF9E0",
33866
+ pageBg: "#F0F2F5",
33867
+ cardBg: "#FFFFFF",
33868
+ cardContentBg: "#F7FAFC"
33869
+ },
33870
+ fontWeight: {
33871
+ normal: "400",
33872
+ bold: "500"
33873
+ },
33874
+ space: {
33875
+ xs: "4",
33876
+ sm: "8",
33877
+ md: "16",
33878
+ lg: "20",
33879
+ xl: "24",
33880
+ xxl: "32"
33881
+ },
33882
+ borderRadius: {
33883
+ none: "0",
33884
+ decorate: "4",
33885
+ comp: "16",
33886
+ card: "20",
33887
+ model: "24"
33888
+ },
33889
+ borderSize: {
33890
+ none: "0",
33891
+ thin: "1",
33892
+ base: "2",
33893
+ thick: "3",
33894
+ thicker: "4"
33895
+ },
33896
+ components: {}
33897
+ };
33844
33898
  export {
33845
33899
  MessageCard_default as MessageCard,
33846
33900
  ThemeProvider,
33847
33901
  MessageCard_default as default,
33848
- defaultTheme$1 as defaultTheme,
33902
+ defaultTheme,
33849
33903
  isLayoutNode,
33850
33904
  isRenderNode,
33851
33905
  useTheme$1 as useTheme