@citygross/components 0.8.51 → 0.8.53
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/build/@types/components/CgButton/CgButton.d.ts +2 -1
- package/build/cjs/components/src/components/CgButton/CgButton.js +2 -2
- package/build/cjs/components/src/containers/PageContainer/PageContainer.styles.js +1 -1
- package/build/es/components/src/components/CgButton/CgButton.js +2 -2
- package/build/es/components/src/containers/PageContainer/PageContainer.styles.js +1 -1
- package/package.json +2 -2
|
@@ -23,5 +23,6 @@ export declare type TCgButton = {
|
|
|
23
23
|
fullWidth?: boolean;
|
|
24
24
|
buttonRef?: React.Ref<HTMLButtonElement>;
|
|
25
25
|
round?: boolean;
|
|
26
|
+
shouldPreventDefault?: boolean;
|
|
26
27
|
};
|
|
27
|
-
export declare const CgButton: ({ size, variant, icon, flexReverse, disabled, onClick, children, loading, fullWidth, buttonRef, round }: TCgButton) => JSX.Element;
|
|
28
|
+
export declare const CgButton: ({ size, variant, icon, flexReverse, disabled, onClick, children, loading, fullWidth, buttonRef, round, shouldPreventDefault }: TCgButton) => JSX.Element;
|
|
@@ -25,13 +25,13 @@ exports.EButtonVariant = void 0;
|
|
|
25
25
|
EButtonVariant[EButtonVariant["ghost"] = 4] = "ghost";
|
|
26
26
|
})(exports.EButtonVariant || (exports.EButtonVariant = {}));
|
|
27
27
|
var CgButton = function (_a) {
|
|
28
|
-
var size = _a.size, variant = _a.variant, icon = _a.icon, flexReverse = _a.flexReverse, disabled = _a.disabled, onClick = _a.onClick, children = _a.children, loading = _a.loading, fullWidth = _a.fullWidth, buttonRef = _a.buttonRef, round = _a.round;
|
|
28
|
+
var size = _a.size, variant = _a.variant, icon = _a.icon, flexReverse = _a.flexReverse, disabled = _a.disabled, onClick = _a.onClick, children = _a.children, loading = _a.loading, fullWidth = _a.fullWidth, buttonRef = _a.buttonRef, round = _a.round, _b = _a.shouldPreventDefault, shouldPreventDefault = _b === void 0 ? true : _b;
|
|
29
29
|
return (React__default["default"].createElement(CgButton_styles.CgButtonContainer, { ref: buttonRef, round: round, size: size, variant: variant, isIconOnly: !children, flexReverse: flexReverse, disabled: disabled || loading, fullWidth: fullWidth, loading: loading, onKeyDown: function (event) {
|
|
30
30
|
if (event.key === 'Enter') {
|
|
31
31
|
onClick && onClick();
|
|
32
32
|
}
|
|
33
33
|
}, onClick: function (e) {
|
|
34
|
-
e.preventDefault();
|
|
34
|
+
shouldPreventDefault && e.preventDefault();
|
|
35
35
|
onClick && onClick();
|
|
36
36
|
} },
|
|
37
37
|
React__default["default"].createElement(CgButton_styles.CgButtonContent, { size: size, flexReverse: flexReverse, loading: loading },
|
|
@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
9
9
|
|
|
10
10
|
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
11
|
|
|
12
|
-
var CommonPageWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0;\n
|
|
12
|
+
var CommonPageWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n background: ", ";\n padding: ", "px 0;\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"], ["\n background: ", ";\n padding: ", "px 0;\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"])), function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md, "px"); }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxl; }, function (props) { var _a; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg, "px"); });
|
|
13
13
|
var CommonPage = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"])), function (props) { var _a; return props.maxWidth || ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.pageContentMaxWidth); }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.none; });
|
|
14
14
|
var templateObject_1, templateObject_2;
|
|
15
15
|
|
|
@@ -17,13 +17,13 @@ var EButtonVariant;
|
|
|
17
17
|
EButtonVariant[EButtonVariant["ghost"] = 4] = "ghost";
|
|
18
18
|
})(EButtonVariant || (EButtonVariant = {}));
|
|
19
19
|
var CgButton = function (_a) {
|
|
20
|
-
var size = _a.size, variant = _a.variant, icon = _a.icon, flexReverse = _a.flexReverse, disabled = _a.disabled, onClick = _a.onClick, children = _a.children, loading = _a.loading, fullWidth = _a.fullWidth, buttonRef = _a.buttonRef, round = _a.round;
|
|
20
|
+
var size = _a.size, variant = _a.variant, icon = _a.icon, flexReverse = _a.flexReverse, disabled = _a.disabled, onClick = _a.onClick, children = _a.children, loading = _a.loading, fullWidth = _a.fullWidth, buttonRef = _a.buttonRef, round = _a.round, _b = _a.shouldPreventDefault, shouldPreventDefault = _b === void 0 ? true : _b;
|
|
21
21
|
return (React.createElement(CgButtonContainer, { ref: buttonRef, round: round, size: size, variant: variant, isIconOnly: !children, flexReverse: flexReverse, disabled: disabled || loading, fullWidth: fullWidth, loading: loading, onKeyDown: function (event) {
|
|
22
22
|
if (event.key === 'Enter') {
|
|
23
23
|
onClick && onClick();
|
|
24
24
|
}
|
|
25
25
|
}, onClick: function (e) {
|
|
26
|
-
e.preventDefault();
|
|
26
|
+
shouldPreventDefault && e.preventDefault();
|
|
27
27
|
onClick && onClick();
|
|
28
28
|
} },
|
|
29
29
|
React.createElement(CgButtonContent, { size: size, flexReverse: flexReverse, loading: loading },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
|
|
4
|
-
var CommonPageWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: ", "px 0;\n
|
|
4
|
+
var CommonPageWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: ", ";\n padding: ", "px 0;\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"], ["\n background: ", ";\n padding: ", "px 0;\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"])), function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md, "px"); }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxl; }, function (props) { var _a; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg, "px"); });
|
|
5
5
|
var CommonPage = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"])), function (props) { var _a; return props.maxWidth || ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.pageContentMaxWidth); }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.none; });
|
|
6
6
|
var templateObject_1, templateObject_2;
|
|
7
7
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@citygross/components",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.53",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "./build/cjs/components/src/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"react-slick": "^0.30.1",
|
|
77
77
|
"slick-carousel": "^1.8.1"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "37a80c1cd8b8b73ba9e71c77300f7b3126f35377"
|
|
80
80
|
}
|