@cakemail-org/ui-components-v2 2.0.52 → 2.0.54

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.
Files changed (5) hide show
  1. package/dist/cjs/data/theme/MuiButton.d.ts +2 -2
  2. package/dist/cjs/index.js +19 -19
  3. package/dist/esm/data/theme/MuiButton.d.ts +2 -2
  4. package/dist/esm/index.js +19 -19
  5. package/package.json +1 -1
package/dist/cjs/data/theme/MuiButton.d.ts CHANGED
@@ -74,8 +74,8 @@ export default function getMuiButton(theme: Theme, brandContextTheme: any): {
74
74
  };
75
75
  style: ({ ownerState, theme }: TComponentsOwnerState) => {
76
76
  padding: string;
77
- fontSize: string;
78
- lineHeight: string;
77
+ fontSize: import("csstype").Property.FontSize<string | number> | undefined;
78
+ lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
79
79
  };
80
80
  } | {
81
81
  props: {
package/dist/cjs/index.js CHANGED
@@ -5715,9 +5715,9 @@ function getMuiButton(theme, brandContextTheme) {
5715
5715
  }
5716
5716
  return {
5717
5717
  padding: padding,
5718
- fontSize: "0.75rem",
5719
- lineHeight: "1rem",
5720
- fontWeight: "600",
5718
+ fontSize: theme.typography.body1S.fontSize,
5719
+ lineHeight: theme.typography.body1S.lineHeight,
5720
+ fontWeight: 600,
5721
5721
  };
5722
5722
  },
5723
5723
  },
@@ -5731,8 +5731,8 @@ function getMuiButton(theme, brandContextTheme) {
5731
5731
  }
5732
5732
  return {
5733
5733
  padding: padding,
5734
- fontSize: "0.875rem",
5735
- lineHeight: "1.125rem",
5734
+ fontSize: theme.typography.body1.fontSize,
5735
+ lineHeight: theme.typography.body1.lineHeight,
5736
5736
  };
5737
5737
  },
5738
5738
  },
@@ -5746,8 +5746,8 @@ function getMuiButton(theme, brandContextTheme) {
5746
5746
  }
5747
5747
  return {
5748
5748
  padding: padding,
5749
- fontSize: "1rem",
5750
- lineHeight: "1.25rem",
5749
+ fontSize: theme.typography.body1L.fontSize,
5750
+ lineHeight: theme.typography.body1L.lineHeight,
5751
5751
  };
5752
5752
  },
5753
5753
  },
@@ -6252,11 +6252,11 @@ function getMuiSelect(theme) {
6252
6252
  if ((_c = ownerState.className) === null || _c === void 0 ? void 0 : _c.includes("small")) {
6253
6253
  styles = {
6254
6254
  ".MuiSelect-select": {
6255
- padding: ownerState.className.includes("iconOnly") ? theme.spacing(2.75) + "!important" : theme.spacing(2, 3) + "!important",
6255
+ padding: ownerState.className.includes("iconOnly") ? theme.spacing(2) + "!important" : theme.spacing(2, 3) + "!important",
6256
6256
  ".MuiTypography-root": {
6257
- fontSize: theme.typography.body2S.fontSize,
6258
- lineHeight: theme.typography.body2S.lineHeight,
6259
- fontWeight: theme.typography.body2S.fontWeight,
6257
+ fontSize: theme.typography.body1S.fontSize,
6258
+ lineHeight: theme.typography.body1S.lineHeight,
6259
+ fontWeight: 600,
6260
6260
  }
6261
6261
  }
6262
6262
  };
@@ -6264,10 +6264,10 @@ function getMuiSelect(theme) {
6264
6264
  else if ((_d = ownerState.className) === null || _d === void 0 ? void 0 : _d.includes("medium")) {
6265
6265
  styles = {
6266
6266
  ".MuiSelect-select": {
6267
- padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(4) + "!important",
6267
+ padding: ownerState.className.includes("iconOnly") ? theme.spacing(3) + "!important" : theme.spacing(3, 4) + "!important",
6268
6268
  ".MuiTypography-root": {
6269
- fontSize: theme.typography.body2.fontSize,
6270
- lineHeight: theme.typography.body2.lineHeight,
6269
+ fontSize: theme.typography.body1.fontSize,
6270
+ lineHeight: theme.typography.body1.lineHeight,
6271
6271
  }
6272
6272
  }
6273
6273
  };
@@ -6275,10 +6275,10 @@ function getMuiSelect(theme) {
6275
6275
  else if ((_e = ownerState.className) === null || _e === void 0 ? void 0 : _e.includes("large")) {
6276
6276
  styles = {
6277
6277
  ".MuiSelect-select": {
6278
- padding: ownerState.className.includes("iconOnly") ? theme.spacing(6.25) + "!important" : theme.spacing(5, 8) + "!important",
6278
+ padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(5, 8) + "!important",
6279
6279
  ".MuiTypography-root": {
6280
- fontSize: theme.typography.body2L.fontSize,
6281
- lineHeight: theme.typography.body2L.lineHeight,
6280
+ fontSize: theme.typography.body1L.fontSize,
6281
+ lineHeight: theme.typography.body1L.lineHeight,
6282
6282
  }
6283
6283
  }
6284
6284
  };
@@ -8686,7 +8686,7 @@ function FileUpload(_a) {
8686
8686
  }), value: dropdown.value }));
8687
8687
  }
8688
8688
 
8689
- var css_248z$a = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
8689
+ var css_248z$a = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
8690
8690
  styleInject(css_248z$a);
8691
8691
 
8692
8692
  function SubNav(_a) {
@@ -8704,7 +8704,7 @@ function SubNav(_a) {
8704
8704
  onClick && onClick(event, item);
8705
8705
  }
8706
8706
  }
8707
- var classes = classNames("subNav-component-v2", className, direction);
8707
+ var classes = classNames("subNav-component-v2", className, "dir-" + direction);
8708
8708
  return React.createElement(material.Stack, { className: classes, direction: direction }, items.map(function (i, index) {
8709
8709
  var classes = classNames(menuVariant, {
8710
8710
  "selected": (i.name && i.name === curSelection) || (!initialSelected && !curSelection && 0 === index)
package/dist/esm/data/theme/MuiButton.d.ts CHANGED
@@ -74,8 +74,8 @@ export default function getMuiButton(theme: Theme, brandContextTheme: any): {
74
74
  };
75
75
  style: ({ ownerState, theme }: TComponentsOwnerState) => {
76
76
  padding: string;
77
- fontSize: string;
78
- lineHeight: string;
77
+ fontSize: import("csstype").Property.FontSize<string | number> | undefined;
78
+ lineHeight: import("csstype").Property.LineHeight<string | number> | undefined;
79
79
  };
80
80
  } | {
81
81
  props: {
package/dist/esm/index.js CHANGED
@@ -5695,9 +5695,9 @@ function getMuiButton(theme, brandContextTheme) {
5695
5695
  }
5696
5696
  return {
5697
5697
  padding: padding,
5698
- fontSize: "0.75rem",
5699
- lineHeight: "1rem",
5700
- fontWeight: "600",
5698
+ fontSize: theme.typography.body1S.fontSize,
5699
+ lineHeight: theme.typography.body1S.lineHeight,
5700
+ fontWeight: 600,
5701
5701
  };
5702
5702
  },
5703
5703
  },
@@ -5711,8 +5711,8 @@ function getMuiButton(theme, brandContextTheme) {
5711
5711
  }
5712
5712
  return {
5713
5713
  padding: padding,
5714
- fontSize: "0.875rem",
5715
- lineHeight: "1.125rem",
5714
+ fontSize: theme.typography.body1.fontSize,
5715
+ lineHeight: theme.typography.body1.lineHeight,
5716
5716
  };
5717
5717
  },
5718
5718
  },
@@ -5726,8 +5726,8 @@ function getMuiButton(theme, brandContextTheme) {
5726
5726
  }
5727
5727
  return {
5728
5728
  padding: padding,
5729
- fontSize: "1rem",
5730
- lineHeight: "1.25rem",
5729
+ fontSize: theme.typography.body1L.fontSize,
5730
+ lineHeight: theme.typography.body1L.lineHeight,
5731
5731
  };
5732
5732
  },
5733
5733
  },
@@ -6232,11 +6232,11 @@ function getMuiSelect(theme) {
6232
6232
  if ((_c = ownerState.className) === null || _c === void 0 ? void 0 : _c.includes("small")) {
6233
6233
  styles = {
6234
6234
  ".MuiSelect-select": {
6235
- padding: ownerState.className.includes("iconOnly") ? theme.spacing(2.75) + "!important" : theme.spacing(2, 3) + "!important",
6235
+ padding: ownerState.className.includes("iconOnly") ? theme.spacing(2) + "!important" : theme.spacing(2, 3) + "!important",
6236
6236
  ".MuiTypography-root": {
6237
- fontSize: theme.typography.body2S.fontSize,
6238
- lineHeight: theme.typography.body2S.lineHeight,
6239
- fontWeight: theme.typography.body2S.fontWeight,
6237
+ fontSize: theme.typography.body1S.fontSize,
6238
+ lineHeight: theme.typography.body1S.lineHeight,
6239
+ fontWeight: 600,
6240
6240
  }
6241
6241
  }
6242
6242
  };
@@ -6244,10 +6244,10 @@ function getMuiSelect(theme) {
6244
6244
  else if ((_d = ownerState.className) === null || _d === void 0 ? void 0 : _d.includes("medium")) {
6245
6245
  styles = {
6246
6246
  ".MuiSelect-select": {
6247
- padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(4) + "!important",
6247
+ padding: ownerState.className.includes("iconOnly") ? theme.spacing(3) + "!important" : theme.spacing(3, 4) + "!important",
6248
6248
  ".MuiTypography-root": {
6249
- fontSize: theme.typography.body2.fontSize,
6250
- lineHeight: theme.typography.body2.lineHeight,
6249
+ fontSize: theme.typography.body1.fontSize,
6250
+ lineHeight: theme.typography.body1.lineHeight,
6251
6251
  }
6252
6252
  }
6253
6253
  };
@@ -6255,10 +6255,10 @@ function getMuiSelect(theme) {
6255
6255
  else if ((_e = ownerState.className) === null || _e === void 0 ? void 0 : _e.includes("large")) {
6256
6256
  styles = {
6257
6257
  ".MuiSelect-select": {
6258
- padding: ownerState.className.includes("iconOnly") ? theme.spacing(6.25) + "!important" : theme.spacing(5, 8) + "!important",
6258
+ padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(5, 8) + "!important",
6259
6259
  ".MuiTypography-root": {
6260
- fontSize: theme.typography.body2L.fontSize,
6261
- lineHeight: theme.typography.body2L.lineHeight,
6260
+ fontSize: theme.typography.body1L.fontSize,
6261
+ lineHeight: theme.typography.body1L.lineHeight,
6262
6262
  }
6263
6263
  }
6264
6264
  };
@@ -8666,7 +8666,7 @@ function FileUpload(_a) {
8666
8666
  }), value: dropdown.value }));
8667
8667
  }
8668
8668
 
8669
- var css_248z$a = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
8669
+ var css_248z$a = ".subNav-component-v2 {\n flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n outline: none !important;\n}\n.subNav-component-v2 button.default {\n text-transform: none;\n}\n.subNav-component-v2 button.default span {\n text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n background: none;\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
8670
8670
  styleInject(css_248z$a);
8671
8671
 
8672
8672
  function SubNav(_a) {
@@ -8684,7 +8684,7 @@ function SubNav(_a) {
8684
8684
  onClick && onClick(event, item);
8685
8685
  }
8686
8686
  }
8687
- var classes = classNames("subNav-component-v2", className, direction);
8687
+ var classes = classNames("subNav-component-v2", className, "dir-" + direction);
8688
8688
  return React__default.createElement(Stack$1, { className: classes, direction: direction }, items.map(function (i, index) {
8689
8689
  var classes = classNames(menuVariant, {
8690
8690
  "selected": (i.name && i.name === curSelection) || (!initialSelected && !curSelection && 0 === index)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.0.52",
3
+ "version": "2.0.54",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",