@xfers/design-system 4.0.1-dev.7f142c6839 → 4.0.1-dev.947058196a
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 +1 -1
- package/cjs/index.js.map +1 -1
- package/dist/components/Button/Button.js +2 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/package.json +3 -4
|
@@ -38,7 +38,7 @@ var styles_1 = require("./styles");
|
|
|
38
38
|
var CustomButton = function (_a) {
|
|
39
39
|
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, icon = _a.icon, rest = __rest(_a, ["type", "size", "iconColor", "isDisabled", "isFullWidth", "className", "children", "icon"]);
|
|
40
40
|
var _f = (0, ThemeContext_1.useTheme)(), brand = _f.brand, button = _f.button, actionButton = _f.actionButton, color = _f.color;
|
|
41
|
-
var primaryStyle = "\n background-color: ".concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: ").concat(brand.action.default, ";\n
|
|
41
|
+
var primaryStyle = "\n background-color: ".concat(brand.action.default, ";\n color: ").concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: ").concat(brand.action.default, ";\n border: none;\n }\n \n &:active {\n background-color: ").concat(brand.action.pressed, ";\n border: none;\n }\n \n &:hover {\n background-color: ").concat(brand.action.hover, ";\n border: none;\n }\n ");
|
|
42
42
|
var secondaryStyle = "\n background-color: ".concat(button.background, ";\n color: ").concat(brand.primary.contrast, ";\n border: 1px solid ").concat(button.border, ";\n\n &:focus {\n background-color: ").concat(button.background, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &:hover {\n background-color: ").concat(brand.secondary.action.hover, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &:active {\n background-color: ").concat(brand.secondary.action.pressed, ";\n border: 1px solid ").concat(button.border, ";\n }\n\n &[ant-click-animating-without-extra-node]:after {\n --antd-wave-shadow-color: ").concat(theme_1.straitsXTheme.brand.primary.default, ";\n }\n ");
|
|
43
43
|
var tertiaryStyle = "\n background-color: transparent;\n color: ".concat(brand.primary.contrast, ";\n border: none;\n\n &:focus {\n background-color: transparent;\n border: none;\n }\n\n &:hover {\n background-color: ").concat(brand.tertiary.action.hover, ";\n border: none;\n }\n\n &:active {\n background-color: ").concat(brand.tertiary.action.pressed, ";\n border: none;\n }\n ");
|
|
44
44
|
var primaryDisabledStyle = "\n cursor: not-allowed;\n background-color: ".concat(color.surface.disabledSurface, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n \n &:hover, &:focus, &:active {\n cursor: not-allowed;\n background-color: ").concat(color.surface.disabledSurface, ";\n color: ").concat(color.surface.disabledOnSurface, ";\n border: none;\n }\n ");
|
|
@@ -61,7 +61,7 @@ var CustomButton = function (_a) {
|
|
|
61
61
|
var fullWidthStyle = "\n width: 100%;\n ";
|
|
62
62
|
var defaultIconStyle = "\n color: ".concat(actionButton.color, ";\n\n &:focus {\n color: ").concat(actionButton.color, ";\n }\n\n &:hover {\n color: ").concat(actionButton.hover, ";\n }\n\n &:active {\n color: ").concat(actionButton.color, ";\n }\n ");
|
|
63
63
|
var primaryIconStyle = "\n color: ".concat(brand.action.default, ";\n\n &:focus {\n color: ").concat(brand.action.default, ";\n }\n\n &:hover {\n color: ").concat(brand.action.hover, ";\n }\n\n &:active {\n color: ").concat(brand.action.default, ";\n }\n ");
|
|
64
|
-
var StyledButton = (0, 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: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\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: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n }\n "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle);
|
|
64
|
+
var StyledButton = (0, 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: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n &:hover, &:focus, &:active {\n color: ", " !important;\n }\n }\n "], ["\n &.ant-btn {\n text-shadow: none;\n -webkit-font-smoothing: antialiased;\n border-radius: 99px;\n min-width: 100px;\n height: ", ";\n box-shadow: none;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n padding: 16px;\n\n & > svg {\n vertical-align: middle;\n font-size: 16px;\n margin-right: 6px;\n ", "\n }\n &:hover, &:focus, &:active {\n color: ", " !important;\n }\n }\n "])), size === 'small' ? '36px' : '48px', fontStyles_1.baseStyle, size === 'small' ? fontStyles_1.smallButtonStyle : fontStyles_1.buttonStyle, type === 'primary' && primaryStyle, type === 'secondary' && secondaryStyle, type === 'tertiary' && tertiaryStyle, getDisabledStyle(), isFullWidth && fullWidthStyle, iconColor === 'primary' ? primaryIconStyle : defaultIconStyle, brand.primary.contrast);
|
|
65
65
|
var StyledIconButton = (0, styled_1.default)(button_1.default)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n &.ant-btn {\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "], ["\n &.ant-btn {\n ", ";\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n }\n "])), fontStyles_1.baseStyle, size === 'small' ? styles_1.iconButtonSmallStyle : styles_1.iconButtonStyle, type === 'primary' && styles_1.iconButtonPrimaryStyle, type === 'secondary' && styles_1.iconButtonSecondaryStyle, type === 'tertiary' && styles_1.iconButtonTertiaryStyle, (0, styles_1.iconButtonSVGStyle)(size), isDisabled && (0, styles_1.iconButtonDisabledStyle)(type));
|
|
66
66
|
var disabledClassName = isDisabled ? "straitsx-button-disabled" : undefined;
|
|
67
67
|
if (icon) {
|
|
@@ -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,uDAAiD;AACjD,yCAA+C;AAC/C,+CAA2C;AAC3C,mCAQiB;AAajB,IAAM,YAAY,GAAG,UAAC,EAUF;IATlB,IAAA,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,mBAAmB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACnB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,QAAQ,cAAA,EACR,IAAI,UAAA,EACD,IAAI,cATa,2FAUrB,CADQ;IAED,IAAA,KAAyC,IAAA,uBAAQ,GAAE,EAAjD,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,KAAK,WAAe,CAAA;IAEzD,IAAM,YAAY,GAAG,kCACC,KAAK,CAAC,MAAM,CAAC,OAAO,2BAC/B,KAAK,CAAC,OAAO,CAAC,QAAQ,4EAIT,KAAK,CAAC,MAAM,CAAC,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
|