@xfers/design-system 2.21.0 → 2.22.0
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/cjs/index.js +6 -6
- package/cjs/index.js.map +1 -1
- package/dist/components/Button/Button.js +5 -4
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Input/index.js +3 -2
- package/dist/components/Input/index.js.map +1 -1
- package/dist/types/components/Button/Button.d.ts +2 -1
- package/es/icons.js +1 -1
- package/es/index.js +4 -4
- package/es/index.js.map +1 -1
- package/es/logos.js +1 -1
- package/package.json +1 -1
|
@@ -34,16 +34,17 @@ var fontStyles_1 = require("src/constants/fontStyles");
|
|
|
34
34
|
var spacing_1 = require("src/constants/spacing");
|
|
35
35
|
var themeContext_1 = require("src/shared/themeContext");
|
|
36
36
|
var CustomButton = function (_a) {
|
|
37
|
-
var _b = _a.type, type = _b === void 0 ? 'primary' : _b, size = _a.size, iconColor = _a.iconColor, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.className, className =
|
|
38
|
-
var
|
|
37
|
+
var _b = _a.type, type = _b === void 0 ? 'primary' : _b, size = _a.size, iconColor = _a.iconColor, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, children = _a.children, rest = __rest(_a, ["type", "size", "iconColor", "isDisabled", "isFullWidth", "className", "children"]);
|
|
38
|
+
var _f = themeContext_1.useTheme(), brand = _f.brand, button = _f.button, actionButton = _f.actionButton;
|
|
39
39
|
var primaryStyle = "\n background-color: " + brand.action.default + ";\n color: " + brand.primary.contrast + ";\n border: none;\n\n&:focus {\n background-color: " + brand.action.default + ";\n color: " + brand.primary.contrast + ";\n border: none;\n }\n \n &:active {\n background-color: " + brand.action.default + ";\n color: " + brand.primary.contrast + ";\n border: none;\n }\n &:hover {\n background-color: " + brand.action.hover + ";\n color: " + brand.primary.contrast + ";\n border: none;\n }\n ";
|
|
40
40
|
var secondaryStyle = "\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n\n &:focus {\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n }\n\n &:hover {\n background-color: " + button.background + ";\n color: " + button.hover + ";\n border: 1px solid " + button.border + ";\n }\n\n &:active {\n background-color: " + button.background + ";\n color: " + button.color + ";\n border: 1px solid " + button.border + ";\n }\n ";
|
|
41
41
|
var tertiaryStyle = "\n background-color: transparent;\n color: " + brand.primary.default + ";\n border: none;\n\n &:focus {\n background-color: transparent;\n color: " + brand.primary.default + ";\n border: none;\n }\n\n &:hover {\n background-color: transparent;\n color: " + brand.action.hover + ";\n border: none;\n }\n\n &:active {\n background-color: transparent;\n color: " + brand.action.default + ";\n border: none;\n }\n ";
|
|
42
42
|
var disabledStyle = "\n cursor: auto;\n pointer-events: none;\n opacity: " + brand.action.disabledOpacity + ";\n ";
|
|
43
|
+
var fullWidthStyle = "\n width: 100%;\n ";
|
|
43
44
|
var defaultIconStyle = "\n color: " + actionButton.color + ";\n\n &:focus {\n color: " + actionButton.color + ";\n }\n\n &:hover {\n color: " + actionButton.hover + ";\n }\n\n &:active {\n color: " + actionButton.color + ";\n }\n ";
|
|
44
45
|
var primaryIconStyle = "\n color: " + brand.action.default + ";\n\n &:focus {\n color: " + brand.action.default + ";\n }\n\n &:hover {\n color: " + brand.action.hover + ";\n }\n\n &:active {\n color: " + brand.action.default + ";\n }\n ";
|
|
45
|
-
var StyledButton = styled_1.default(button_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 5px;\n height: unset;\n box-shadow: none;\n line-height: 0.75;\n ", ";\n ", ";\n ", "\n ", "\n ", "\n ", "\n padding: ", ";\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 5px;\n height: unset;\n box-shadow: none;\n line-height: 0.75;\n ", ";\n ", ";\n ", "\n ", "\n ", "\n ", "\n padding: ",
|
|
46
|
-
";\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "])), fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, isDisabled === true && disabledStyle, type === 'tertiary'
|
|
46
|
+
var StyledButton = styled_1.default(button_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 5px;\n height: unset;\n box-shadow: none;\n line-height: 0.75;\n ", ";\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: ", ";\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 5px;\n height: unset;\n box-shadow: none;\n line-height: 0.75;\n ", ";\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: ",
|
|
47
|
+
";\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "])), fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, isDisabled === true && disabledStyle, isFullWidth && fullWidthStyle, type === 'tertiary'
|
|
47
48
|
? 0
|
|
48
49
|
: size === 'small'
|
|
49
50
|
? spacing_1.SMALL_SPACING
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,0CAAoC;AACpC,yCAAoD;AACpD,oCAAiC;AACjC,uDAIiC;AACjC,iDAAqE;AACrE,wDAAkD;
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,8 +37,9 @@ var icons_1 = require("src/icons");
|
|
|
37
37
|
require("antd/es/input/style/css");
|
|
38
38
|
// deprecated constants
|
|
39
39
|
var ColorStyles_1 = require("src/shared/ColorStyles");
|
|
40
|
+
var theme_1 = require("src/shared/theme");
|
|
40
41
|
var TypographyStyles_1 = require("src/shared/TypographyStyles");
|
|
41
|
-
var style = "\n -webkit-font-smoothing: antialiased;\n\n & .ant-input, &.ant-input, &.ant-input-password {\n padding: 0;\n font-family: " + TypographyStyles_1.MAIN_FONT + ";\n font-size: " + TypographyStyles_1.FONT_SIZE.P1 + ";\n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + ";\n line-height: 17px;\n padding-left: 15px;\n padding-top: 12px;\n padding-bottom: 13px;\n\n &::placeholder {\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\n font-weight: 400;\n }\n }\n\n &.ant-input, &.ant-input-password {\n border-radius: 5px;\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n\n &:hover {\n border-color: " +
|
|
42
|
+
var style = "\n -webkit-font-smoothing: antialiased;\n\n & .ant-input, &.ant-input, &.ant-input-password {\n padding: 0;\n font-family: " + TypographyStyles_1.MAIN_FONT + ";\n font-size: " + TypographyStyles_1.FONT_SIZE.P1 + ";\n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + ";\n line-height: 17px;\n padding-left: 15px;\n padding-top: 12px;\n padding-bottom: 13px;\n\n &::placeholder {\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\n font-weight: 400;\n }\n }\n\n &.ant-input, &.ant-input-password {\n border-radius: 5px;\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n\n &:hover {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n }\n\n &:focus {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n -webkit-box-shadow: 0 0 0 3px #F0FFF9;\n box-shadow: 0 0 0 3px #F0FFF9;\n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + "\n }\n }\n\n & .ant-input, .ant-input-password {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n\n &:hover {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n }\n\n &:focus {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n -webkit-box-shadow: 0 0 0 3px #F0FFF9;\n box-shadow: 0 0 0 3px #F0FFF9;\n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + "\n }\n }\n\n &.ant-input-disabled {\n background-color: " + ColorStyles_1.NEUTRAL_COLORS.G100 + ";\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n\n &:hover {\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n }\n }\n\n & .ant-input-group-addon:not(:last-child) {\n font-family: " + TypographyStyles_1.MAIN_FONT + ";\n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + ";\n background-color: " + ColorStyles_1.NEUTRAL_COLORS.G100 + ";\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n border-right: 0;\n padding-left: 15px;\n padding-right: 15px;\n\n + .ant-input-disabled {\n background-color: " + ColorStyles_1.NEUTRAL_COLORS.G100 + ";\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\n\n &:hover {\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n }\n }\n }\n\n & .ant-input-group-addon:last-child {\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n }\n\n &.ant-input-search {\n padding: 0;\n font-family: " + TypographyStyles_1.MAIN_FONT + ";\n font-size: " + TypographyStyles_1.FONT_SIZE.P1 + ";\n line-height: 17px;\n padding-left: 15px;\n padding-top: 6px;\n padding-bottom: 6px;\n border-radius: 5px;\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\n width: 132px;\n\n &::placeholder {\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\n font-weight: 400;\n }\n\n &:hover {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n }\n\n & > .ant-input-suffix {\n width: 18px;\n margin-right: 14px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n }\n\n &.ant-input-affix-wrapper-focused {\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\n -webkit-box-shadow: 0 0 0 3px #F0FFF9;\n box-shadow: 0 0 0 3px #F0FFF9;\n }\n";
|
|
42
43
|
var Asterisk = function () {
|
|
43
44
|
var error = themeContext_1.useTheme().error;
|
|
44
45
|
return react_1.default.createElement("span", { style: { color: error.text, marginLeft: 2 } }, "*");
|
|
@@ -78,7 +79,7 @@ MainInput.Search = function (_a) {
|
|
|
78
79
|
};
|
|
79
80
|
MainInput.TextArea = function (_a) {
|
|
80
81
|
var _b = _a.className, className = _b === void 0 ? '' : _b, label = _a.label, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.optional, optional = _d === void 0 ? false : _d, rest = __rest(_a, ["className", "label", "required", "optional"]);
|
|
81
|
-
var textAreaStyle = "\t \n &.ant-input {\t \n resize: none;\t\n border-radius: 5px;\t \n font-family: " + TypographyStyles_1.MAIN_FONT + ";\t \n font-size: " + TypographyStyles_1.FONT_SIZE.P1 + ";\t \n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + ";\t \n line-height: 17px;\t\n padding-top: 12px;\t\n padding-left: 15px;\t\n padding-right: 15px;\t\n padding-bottom: 12px;\t\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\t\n }\t\n &.ant-input::placeholder {\t\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\t\n font-weight: 400;\t\n }\t\n &.ant-input:hover {\t\n border-color: " +
|
|
82
|
+
var textAreaStyle = "\t \n &.ant-input {\t \n resize: none;\t\n border-radius: 5px;\t \n font-family: " + TypographyStyles_1.MAIN_FONT + ";\t \n font-size: " + TypographyStyles_1.FONT_SIZE.P1 + ";\t \n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + ";\t \n line-height: 17px;\t\n padding-top: 12px;\t\n padding-left: 15px;\t\n padding-right: 15px;\t\n padding-bottom: 12px;\t\n border-color: " + ColorStyles_1.NEUTRAL_COLORS.G200 + ";\t\n }\t\n &.ant-input::placeholder {\t\n color: " + ColorStyles_1.NEUTRAL_COLORS.G400 + ";\t\n font-weight: 400;\t\n }\t\n &.ant-input:hover {\t\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\t\n }\t\n &.ant-input:focus {\t\n border-color: " + theme_1.straitsXTheme.brand.primary.default + ";\t\n -webkit-box-shadow: 0 0 0 3px #F0FFF9;\t\n box-shadow: 0 0 0 3px #F0FFF9;\t\n color: " + ColorStyles_1.NEUTRAL_COLORS.BLACK + "\t\n }\t\n";
|
|
82
83
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
83
84
|
label && (react_1.default.createElement(Label, null,
|
|
84
85
|
react_1.default.createElement(Typography_1.P1Bold, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAyB;AACzB,mCAA6B;AAC7B,0CAAoC;AACpC,uCAAiD;AACjD,wDAA0D;AAC1D,4CAAsC;AACtC,wDAAkD;AAClD,mCAAkC;AAClC,mCAAgC;AAEhC,uBAAuB;AACvB,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,8 +6,9 @@ declare type CustomButtonProps = {
|
|
|
6
6
|
size?: 'small';
|
|
7
7
|
iconColor?: 'primary';
|
|
8
8
|
isDisabled?: boolean;
|
|
9
|
+
isFullWidth?: boolean;
|
|
9
10
|
children: React.ReactNode;
|
|
10
11
|
className?: string;
|
|
11
12
|
} & Omit<ButtonProps, 'type' | 'disabled'>;
|
|
12
|
-
declare const CustomButton: ({ type, size, iconColor, isDisabled, className, children, ...rest }: CustomButtonProps) => JSX.Element;
|
|
13
|
+
declare const CustomButton: ({ type, size, iconColor, isDisabled, isFullWidth, className, children, ...rest }: CustomButtonProps) => JSX.Element;
|
|
13
14
|
export default CustomButton;
|