@cakemail-org/ui-components-v2 2.1.67 → 2.1.69
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,10 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
848
848
|
"&.MuiFilledInput-root": {};
|
|
849
849
|
"&.MuiInput-root": {};
|
|
850
850
|
input: {
|
|
851
|
+
fontWeight: number;
|
|
852
|
+
borderRadius: number;
|
|
853
|
+
padding: string;
|
|
854
|
+
backgroundColor: string;
|
|
851
855
|
"&:not(:placeholder-shown)": {
|
|
852
856
|
color: string;
|
|
853
857
|
};
|
|
@@ -875,7 +879,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
875
879
|
backgroundAttachment?: import("csstype").Property.BackgroundAttachment | undefined;
|
|
876
880
|
backgroundBlendMode?: import("csstype").Property.BackgroundBlendMode | undefined;
|
|
877
881
|
backgroundClip?: import("csstype").Property.BackgroundClip | undefined;
|
|
878
|
-
backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
|
|
879
882
|
backgroundImage?: import("csstype").Property.BackgroundImage | undefined;
|
|
880
883
|
backgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
|
|
881
884
|
backgroundPositionX?: import("csstype").Property.BackgroundPositionX<string | number> | undefined;
|
|
@@ -1000,7 +1003,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1000
1003
|
fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
|
|
1001
1004
|
fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
|
|
1002
1005
|
fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
|
|
1003
|
-
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
1004
1006
|
forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
|
|
1005
1007
|
gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
|
|
1006
1008
|
gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
|
|
@@ -1013,7 +1015,7 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1013
1015
|
gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
|
|
1014
1016
|
gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
|
|
1015
1017
|
hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
|
|
1016
|
-
height
|
|
1018
|
+
height: import("csstype").Property.Height<string | number>;
|
|
1017
1019
|
hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
|
|
1018
1020
|
hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
|
|
1019
1021
|
hyphens?: import("csstype").Property.Hyphens | undefined;
|
|
@@ -1242,7 +1244,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1242
1244
|
borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
|
|
1243
1245
|
borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
|
|
1244
1246
|
borderLeft?: import("csstype").Property.BorderLeft<string | number> | undefined;
|
|
1245
|
-
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
1246
1247
|
borderRight?: import("csstype").Property.BorderRight<string | number> | undefined;
|
|
1247
1248
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
1248
1249
|
borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
|
|
@@ -1276,7 +1277,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1276
1277
|
outline?: import("csstype").Property.Outline<string | number> | undefined;
|
|
1277
1278
|
overflow?: import("csstype").Property.Overflow | undefined;
|
|
1278
1279
|
overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
|
|
1279
|
-
padding?: import("csstype").Property.Padding<string | number> | undefined;
|
|
1280
1280
|
paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
|
|
1281
1281
|
paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
|
|
1282
1282
|
placeContent?: import("csstype").Property.PlaceContent | 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.
|
|
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) {
|
|
@@ -6673,7 +6673,7 @@ function getMuiSelect(theme) {
|
|
|
6673
6673
|
if ((_c = ownerState.className) === null || _c === void 0 ? void 0 : _c.includes("small")) {
|
|
6674
6674
|
styles = {
|
|
6675
6675
|
".MuiSelect-select": {
|
|
6676
|
-
padding: ownerState.className.includes("iconOnly") ? theme.spacing(2) + "!important" : theme.spacing(2, 3) + "!important",
|
|
6676
|
+
padding: ownerState.className.includes("iconOnly") ? theme.spacing(2) + "!important" : theme.spacing(2, 3.5) + "!important",
|
|
6677
6677
|
".MuiTypography-root": {
|
|
6678
6678
|
fontSize: theme.typography.body1S.fontSize,
|
|
6679
6679
|
lineHeight: theme.typography.body1S.lineHeight,
|
|
@@ -6685,7 +6685,7 @@ function getMuiSelect(theme) {
|
|
|
6685
6685
|
else if ((_d = ownerState.className) === null || _d === void 0 ? void 0 : _d.includes("medium")) {
|
|
6686
6686
|
styles = {
|
|
6687
6687
|
".MuiSelect-select": {
|
|
6688
|
-
padding: ownerState.className.includes("iconOnly") ? theme.spacing(3) + "!important" : theme.spacing(3,
|
|
6688
|
+
padding: ownerState.className.includes("iconOnly") ? theme.spacing(3) + "!important" : theme.spacing(3, 3.5) + "!important",
|
|
6689
6689
|
".MuiTypography-root": {
|
|
6690
6690
|
fontSize: theme.typography.body1.fontSize,
|
|
6691
6691
|
lineHeight: theme.typography.body1.lineHeight,
|
|
@@ -6696,7 +6696,7 @@ function getMuiSelect(theme) {
|
|
|
6696
6696
|
else if ((_e = ownerState.className) === null || _e === void 0 ? void 0 : _e.includes("large")) {
|
|
6697
6697
|
styles = {
|
|
6698
6698
|
".MuiSelect-select": {
|
|
6699
|
-
padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(
|
|
6699
|
+
padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(4, 3.5) + "!important",
|
|
6700
6700
|
".MuiTypography-root": {
|
|
6701
6701
|
fontSize: theme.typography.body1L.fontSize,
|
|
6702
6702
|
lineHeight: theme.typography.body1L.lineHeight,
|
|
@@ -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.
|
|
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": {
|
|
@@ -848,6 +848,10 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
848
848
|
"&.MuiFilledInput-root": {};
|
|
849
849
|
"&.MuiInput-root": {};
|
|
850
850
|
input: {
|
|
851
|
+
fontWeight: number;
|
|
852
|
+
borderRadius: number;
|
|
853
|
+
padding: string;
|
|
854
|
+
backgroundColor: string;
|
|
851
855
|
"&:not(:placeholder-shown)": {
|
|
852
856
|
color: string;
|
|
853
857
|
};
|
|
@@ -875,7 +879,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
875
879
|
backgroundAttachment?: import("csstype").Property.BackgroundAttachment | undefined;
|
|
876
880
|
backgroundBlendMode?: import("csstype").Property.BackgroundBlendMode | undefined;
|
|
877
881
|
backgroundClip?: import("csstype").Property.BackgroundClip | undefined;
|
|
878
|
-
backgroundColor?: import("csstype").Property.BackgroundColor | undefined;
|
|
879
882
|
backgroundImage?: import("csstype").Property.BackgroundImage | undefined;
|
|
880
883
|
backgroundOrigin?: import("csstype").Property.BackgroundOrigin | undefined;
|
|
881
884
|
backgroundPositionX?: import("csstype").Property.BackgroundPositionX<string | number> | undefined;
|
|
@@ -1000,7 +1003,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1000
1003
|
fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | undefined;
|
|
1001
1004
|
fontVariantPosition?: import("csstype").Property.FontVariantPosition | undefined;
|
|
1002
1005
|
fontVariationSettings?: import("csstype").Property.FontVariationSettings | undefined;
|
|
1003
|
-
fontWeight?: import("csstype").Property.FontWeight | undefined;
|
|
1004
1006
|
forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | undefined;
|
|
1005
1007
|
gridAutoColumns?: import("csstype").Property.GridAutoColumns<string | number> | undefined;
|
|
1006
1008
|
gridAutoFlow?: import("csstype").Property.GridAutoFlow | undefined;
|
|
@@ -1013,7 +1015,7 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1013
1015
|
gridTemplateColumns?: import("csstype").Property.GridTemplateColumns<string | number> | undefined;
|
|
1014
1016
|
gridTemplateRows?: import("csstype").Property.GridTemplateRows<string | number> | undefined;
|
|
1015
1017
|
hangingPunctuation?: import("csstype").Property.HangingPunctuation | undefined;
|
|
1016
|
-
height
|
|
1018
|
+
height: import("csstype").Property.Height<string | number>;
|
|
1017
1019
|
hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | undefined;
|
|
1018
1020
|
hyphenateLimitChars?: import("csstype").Property.HyphenateLimitChars | undefined;
|
|
1019
1021
|
hyphens?: import("csstype").Property.Hyphens | undefined;
|
|
@@ -1242,7 +1244,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1242
1244
|
borderInlineEnd?: import("csstype").Property.BorderInlineEnd<string | number> | undefined;
|
|
1243
1245
|
borderInlineStart?: import("csstype").Property.BorderInlineStart<string | number> | undefined;
|
|
1244
1246
|
borderLeft?: import("csstype").Property.BorderLeft<string | number> | undefined;
|
|
1245
|
-
borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
|
|
1246
1247
|
borderRight?: import("csstype").Property.BorderRight<string | number> | undefined;
|
|
1247
1248
|
borderStyle?: import("csstype").Property.BorderStyle | undefined;
|
|
1248
1249
|
borderTop?: import("csstype").Property.BorderTop<string | number> | undefined;
|
|
@@ -1276,7 +1277,6 @@ export default function getMuiTextField(theme: Theme): {
|
|
|
1276
1277
|
outline?: import("csstype").Property.Outline<string | number> | undefined;
|
|
1277
1278
|
overflow?: import("csstype").Property.Overflow | undefined;
|
|
1278
1279
|
overscrollBehavior?: import("csstype").Property.OverscrollBehavior | undefined;
|
|
1279
|
-
padding?: import("csstype").Property.Padding<string | number> | undefined;
|
|
1280
1280
|
paddingBlock?: import("csstype").Property.PaddingBlock<string | number> | undefined;
|
|
1281
1281
|
paddingInline?: import("csstype").Property.PaddingInline<string | number> | undefined;
|
|
1282
1282
|
placeContent?: import("csstype").Property.PlaceContent | 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.
|
|
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) {
|
|
@@ -6653,7 +6653,7 @@ function getMuiSelect(theme) {
|
|
|
6653
6653
|
if ((_c = ownerState.className) === null || _c === void 0 ? void 0 : _c.includes("small")) {
|
|
6654
6654
|
styles = {
|
|
6655
6655
|
".MuiSelect-select": {
|
|
6656
|
-
padding: ownerState.className.includes("iconOnly") ? theme.spacing(2) + "!important" : theme.spacing(2, 3) + "!important",
|
|
6656
|
+
padding: ownerState.className.includes("iconOnly") ? theme.spacing(2) + "!important" : theme.spacing(2, 3.5) + "!important",
|
|
6657
6657
|
".MuiTypography-root": {
|
|
6658
6658
|
fontSize: theme.typography.body1S.fontSize,
|
|
6659
6659
|
lineHeight: theme.typography.body1S.lineHeight,
|
|
@@ -6665,7 +6665,7 @@ function getMuiSelect(theme) {
|
|
|
6665
6665
|
else if ((_d = ownerState.className) === null || _d === void 0 ? void 0 : _d.includes("medium")) {
|
|
6666
6666
|
styles = {
|
|
6667
6667
|
".MuiSelect-select": {
|
|
6668
|
-
padding: ownerState.className.includes("iconOnly") ? theme.spacing(3) + "!important" : theme.spacing(3,
|
|
6668
|
+
padding: ownerState.className.includes("iconOnly") ? theme.spacing(3) + "!important" : theme.spacing(3, 3.5) + "!important",
|
|
6669
6669
|
".MuiTypography-root": {
|
|
6670
6670
|
fontSize: theme.typography.body1.fontSize,
|
|
6671
6671
|
lineHeight: theme.typography.body1.lineHeight,
|
|
@@ -6676,7 +6676,7 @@ function getMuiSelect(theme) {
|
|
|
6676
6676
|
else if ((_e = ownerState.className) === null || _e === void 0 ? void 0 : _e.includes("large")) {
|
|
6677
6677
|
styles = {
|
|
6678
6678
|
".MuiSelect-select": {
|
|
6679
|
-
padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(
|
|
6679
|
+
padding: ownerState.className.includes("iconOnly") ? theme.spacing(5) + "!important" : theme.spacing(4, 3.5) + "!important",
|
|
6680
6680
|
".MuiTypography-root": {
|
|
6681
6681
|
fontSize: theme.typography.body1L.fontSize,
|
|
6682
6682
|
lineHeight: theme.typography.body1L.lineHeight,
|
|
@@ -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.
|
|
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": {
|