@cakemail-org/ui-components-v2 2.1.68 → 2.1.70

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.
@@ -848,6 +848,7 @@ export default function getMuiTextField(theme: Theme): {
848
848
  "&.MuiFilledInput-root": {};
849
849
  "&.MuiInput-root": {};
850
850
  input: {
851
+ fontWeight: number;
851
852
  borderRadius: number;
852
853
  padding: string;
853
854
  backgroundColor: string;
@@ -1002,7 +1003,6 @@ export default function getMuiTextField(theme: Theme): {
1002
1003
  fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
1003
1004
  fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
1004
1005
  fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
1005
- fontWeight?: import("csstype").Property.FontWeight | undefined;
1006
1006
  forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
1007
1007
  gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
1008
1008
  gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
@@ -1015,7 +1015,7 @@ export default function getMuiTextField(theme: Theme): {
1015
1015
  gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
1016
1016
  gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
1017
1017
  hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
1018
- height?: import("csstype").Property.Height<string | number> | undefined;
1018
+ height: import("csstype").Property.Height<string | number>;
1019
1019
  hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
1020
1020
  hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
1021
1021
  hyphens?: import("csstype").Property.Hyphens | undefined;
package/dist/cjs/index.js CHANGED
@@ -1549,7 +1549,7 @@ function LoadingContainer(_a) {
1549
1549
  React.createElement(Container, { className: "loadingContainer-component-v2", sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
1550
1550
  }
1551
1551
 
1552
- var css_248z$v = ".textfield-component-v2 {\n position: relative;\n}\n.textfield-component-v2.disabled {\n opacity: 0.65;\n pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n position: absolute;\n left: 1rem;\n top: 1.75rem;\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.locationTextField-component-v2 {\n position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n position: absolute;\n width: 100%;\n z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n display: inline-block;\n right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 20px;\n left: 1rem;\n top: 1.75rem;\n transform: translateY(-50%);\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n width: unset;\n height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n position: absolute;\n width: 6px;\n height: 6px;\n content: \"\";\n background-color: var(--white, #FFFFFF);\n border-radius: 20px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n width: 100%;\n position: absolute;\n}";
1552
+ var css_248z$v = ".textfield-component-v2 {\n position: relative;\n}\n.textfield-component-v2.disabled {\n opacity: 0.65;\n pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n position: absolute;\n left: 1rem;\n top: 1.65rem;\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.locationTextField-component-v2 {\n position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n position: absolute;\n width: 100%;\n z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n display: inline-block;\n right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 20px;\n left: 1rem;\n top: 1.75rem;\n transform: translateY(-50%);\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n width: unset;\n height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n position: absolute;\n width: 6px;\n height: 6px;\n content: \"\";\n background-color: var(--white, #FFFFFF);\n border-radius: 20px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n width: 100%;\n position: absolute;\n}";
1553
1553
  styleInject(css_248z$v);
1554
1554
 
1555
1555
  var TextField = React.forwardRef(function (_a, ref) {
@@ -7197,7 +7197,7 @@ function getMuiTextField(theme) {
7197
7197
  "&.MuiOutlinedInput-root": {},
7198
7198
  "&.MuiFilledInput-root": {},
7199
7199
  "&.MuiInput-root": {},
7200
- "input": __assign(__assign({}, theme.typography.body2L), { borderRadius: 8, padding: theme.spacing(4, 3.5), backgroundColor: theme.palette.common.white, "&:not(:placeholder-shown)": {
7200
+ "input": __assign(__assign({ height: "unset" }, theme.typography.body1L), { fontWeight: 600, borderRadius: 8, padding: theme.spacing(4, 3.5), backgroundColor: theme.palette.common.white, "&:not(:placeholder-shown)": {
7201
7201
  color: theme.palette.primary.main
7202
7202
  } }),
7203
7203
  "fieldset": {
@@ -9137,7 +9137,7 @@ function FileUpload(_a) {
9137
9137
  React.createElement(Icon, { name: defaultIconName }),
9138
9138
  React.createElement(material.Typography, { variant: "body1L" }, placeholder),
9139
9139
  React.createElement(material.Typography, { variant: "body2" }, support)))),
9140
- dropdown && React.createElement(Dropdown, { placeholder: dropdown.placeholder || "", onChange: dropdown.onChange, className: "fileUploadDropdown ".concat(dropdown.className ? dropdown.className : ""), options: dropdown.options.concat({
9140
+ dropdown && React.createElement(Dropdown, { size: "large", placeholder: dropdown.placeholder || "", onChange: dropdown.onChange, className: "fileUploadDropdown ".concat(dropdown.className ? dropdown.className : ""), options: dropdown.options.concat({
9141
9141
  text: dropdown.uploadText || "Upload",
9142
9142
  value: "upload",
9143
9143
  isAction: true,
@@ -848,6 +848,7 @@ export default function getMuiTextField(theme: Theme): {
848
848
  "&.MuiFilledInput-root": {};
849
849
  "&.MuiInput-root": {};
850
850
  input: {
851
+ fontWeight: number;
851
852
  borderRadius: number;
852
853
  padding: string;
853
854
  backgroundColor: string;
@@ -1002,7 +1003,6 @@ export default function getMuiTextField(theme: Theme): {
1002
1003
  fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
1003
1004
  fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
1004
1005
  fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
1005
- fontWeight?: import("csstype").Property.FontWeight | undefined;
1006
1006
  forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
1007
1007
  gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
1008
1008
  gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
@@ -1015,7 +1015,7 @@ export default function getMuiTextField(theme: Theme): {
1015
1015
  gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
1016
1016
  gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
1017
1017
  hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
1018
- height?: import("csstype").Property.Height<string | number> | undefined;
1018
+ height: import("csstype").Property.Height<string | number>;
1019
1019
  hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
1020
1020
  hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
1021
1021
  hyphens?: import("csstype").Property.Hyphens | undefined;
package/dist/esm/index.js CHANGED
@@ -1529,7 +1529,7 @@ function LoadingContainer(_a) {
1529
1529
  React__default.createElement(Container, { className: "loadingContainer-component-v2", sx: { display: "flex", alignItems: "center", justifyContent: "center", width: "100%" } }, loader)));
1530
1530
  }
1531
1531
 
1532
- var css_248z$v = ".textfield-component-v2 {\n position: relative;\n}\n.textfield-component-v2.disabled {\n opacity: 0.65;\n pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n position: absolute;\n left: 1rem;\n top: 1.75rem;\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.locationTextField-component-v2 {\n position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n position: absolute;\n width: 100%;\n z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n display: inline-block;\n right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 20px;\n left: 1rem;\n top: 1.75rem;\n transform: translateY(-50%);\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n width: unset;\n height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n position: absolute;\n width: 6px;\n height: 6px;\n content: \"\";\n background-color: var(--white, #FFFFFF);\n border-radius: 20px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n width: 100%;\n position: absolute;\n}";
1532
+ var css_248z$v = ".textfield-component-v2 {\n position: relative;\n}\n.textfield-component-v2.disabled {\n opacity: 0.65;\n pointer-events: none;\n}\n.textfield-component-v2 .MuiSvgIcon-root ~ .MuiFormControl-root .MuiInputBase-input {\n padding-left: 42px;\n}\n.textfield-component-v2 .MuiSvgIcon-root {\n position: absolute;\n left: 1rem;\n top: 1.65rem;\n transform: translateY(-50%);\n z-index: 1;\n}\n\n.locationTextField-component-v2 {\n position: relative;\n}\n.locationTextField-component-v2 .autocomplete-dropdown-container {\n position: absolute;\n width: 100%;\n z-index: 10000;\n}\n\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-select {\n padding-right: 1.75rem !important;\n}\n.phoneTextField-component-v2 .MuiInputAdornment-root .MuiSelect-icon {\n display: inline-block;\n right: 0.5rem;\n}\n\n.react-international-phone-flag-emoji {\n width: 1.5rem;\n height: 1.5rem;\n}\n\n.colorTextField-component-v2 {\n position: relative;\n}\n.colorTextField-component-v2 .boxedColor {\n position: absolute;\n width: 20px;\n height: 20px;\n border-radius: 20px;\n left: 1rem;\n top: 1.75rem;\n transform: translateY(-50%);\n}\n.colorTextField-component-v2 .boxedColor .MuiSvgIcon-root {\n width: unset;\n height: unset;\n}\n.colorTextField-component-v2 .boxedColor::after {\n position: absolute;\n width: 6px;\n height: 6px;\n content: \"\";\n background-color: var(--white, #FFFFFF);\n border-radius: 20px;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.colorTextField-component-v2 .boxedColor ~ .textfield-component-v2 .MuiInputBase-input {\n padding-left: 44px;\n}\n.colorTextField-component-v2.bottom .react-colorful {\n top: 3.5rem;\n}\n.colorTextField-component-v2.top .react-colorful {\n bottom: 4rem;\n}\n.colorTextField-component-v2 .react-colorful {\n width: 100%;\n position: absolute;\n}";
1533
1533
  styleInject(css_248z$v);
1534
1534
 
1535
1535
  var TextField = forwardRef(function (_a, ref) {
@@ -7177,7 +7177,7 @@ function getMuiTextField(theme) {
7177
7177
  "&.MuiOutlinedInput-root": {},
7178
7178
  "&.MuiFilledInput-root": {},
7179
7179
  "&.MuiInput-root": {},
7180
- "input": __assign(__assign({}, theme.typography.body2L), { borderRadius: 8, padding: theme.spacing(4, 3.5), backgroundColor: theme.palette.common.white, "&:not(:placeholder-shown)": {
7180
+ "input": __assign(__assign({ height: "unset" }, theme.typography.body1L), { fontWeight: 600, borderRadius: 8, padding: theme.spacing(4, 3.5), backgroundColor: theme.palette.common.white, "&:not(:placeholder-shown)": {
7181
7181
  color: theme.palette.primary.main
7182
7182
  } }),
7183
7183
  "fieldset": {
@@ -9117,7 +9117,7 @@ function FileUpload(_a) {
9117
9117
  React__default.createElement(Icon, { name: defaultIconName }),
9118
9118
  React__default.createElement(Typography$1, { variant: "body1L" }, placeholder),
9119
9119
  React__default.createElement(Typography$1, { variant: "body2" }, support)))),
9120
- dropdown && React__default.createElement(Dropdown, { placeholder: dropdown.placeholder || "", onChange: dropdown.onChange, className: "fileUploadDropdown ".concat(dropdown.className ? dropdown.className : ""), options: dropdown.options.concat({
9120
+ dropdown && React__default.createElement(Dropdown, { size: "large", placeholder: dropdown.placeholder || "", onChange: dropdown.onChange, className: "fileUploadDropdown ".concat(dropdown.className ? dropdown.className : ""), options: dropdown.options.concat({
9121
9121
  text: dropdown.uploadText || "Upload",
9122
9122
  value: "upload",
9123
9123
  isAction: true,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cakemail-org/ui-components-v2",
3
- "version": "2.1.68",
3
+ "version": "2.1.70",
4
4
  "description": "ui library kit made with material UI",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",