@xfers/design-system 3.1.30 → 3.1.31
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/styles.js +3 -3
- package/dist/components/Button/styles.js.map +1 -1
- package/es/index.js +1 -1
- package/es/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.iconButtonDisabledStyle = exports.iconButtonTertiaryStyle = exports.iconButtonSecondaryStyle = exports.iconButtonPrimaryStyle = exports.iconButtonSVGStyle = exports.iconButtonSmallStyle = exports.iconButtonStyle = void 0;
|
|
4
4
|
var theme_1 = require("src/theme/theme");
|
|
5
5
|
var baseIconButtonStyle = "\n padding: 0;\n border-radius: 99px;\n display: flex;\n align-items: center;\n justify-content: center;\n";
|
|
6
|
-
exports.iconButtonStyle = "\n " + baseIconButtonStyle + "\n width: 48px;\n height: 48px;\n
|
|
7
|
-
exports.iconButtonSmallStyle = "\n " + baseIconButtonStyle + "\n width: 36px;\n height: 36px;\n
|
|
6
|
+
exports.iconButtonStyle = "\n " + baseIconButtonStyle + "\n width: 48px;\n height: 48px;\n";
|
|
7
|
+
exports.iconButtonSmallStyle = "\n " + baseIconButtonStyle + "\n width: 36px;\n height: 36px;\n";
|
|
8
8
|
var iconButtonSVGStyle = function (size) { return "\n & > svg {\n height: " + (size === 'small' ? '20px' : '24px') + ";\n width: " + (size === 'small' ? '20px' : '24px') + ";\n }\n"; };
|
|
9
9
|
exports.iconButtonSVGStyle = iconButtonSVGStyle;
|
|
10
|
-
var createStateStyles = function (defaultBackground, defaultColor, hoverBackground, activeBackground) { return "\n background-color: " + defaultBackground + ";\n color: " + defaultColor + ";\n border: none;\n\n &:focus {\n background-color: " + defaultBackground + ";\n }\n\n &:hover {\n background-color: " + (hoverBackground || defaultBackground) + ";\n }\n\n &:active {\n background-color: " + (activeBackground || defaultBackground) + ";\n }\n"; };
|
|
10
|
+
var createStateStyles = function (defaultBackground, defaultColor, hoverBackground, activeBackground) { return "\n background-color: " + defaultBackground + ";\n color: " + defaultColor + ";\n border: none;\n\n &:focus {\n background-color: " + (hoverBackground || defaultBackground) + ";\n }\n\n &:hover {\n background-color: " + (hoverBackground || defaultBackground) + ";\n }\n\n &:active {\n background-color: " + (activeBackground || defaultBackground) + ";\n }\n"; };
|
|
11
11
|
var createDisabledStyle = function (backgroundColor, textColor) { return "\n cursor: not-allowed;\n background-color: " + backgroundColor + ";\n color: " + textColor + ";\n border: none;\n\n &:hover, &:focus, &:active {\n cursor: not-allowed;\n background-color: " + backgroundColor + ";\n color: " + textColor + ";\n }\n"; };
|
|
12
12
|
exports.iconButtonPrimaryStyle = createStateStyles(theme_1.straitsXTheme.brand.action.default, theme_1.straitsXTheme.brand.primary.contrast, theme_1.straitsXTheme.brand.action.hover, theme_1.straitsXTheme.brand.action.pressed);
|
|
13
13
|
exports.iconButtonSecondaryStyle = createStateStyles(theme_1.straitsXTheme.color.surface.neutral, theme_1.straitsXTheme.brand.secondary.onSurface, theme_1.straitsXTheme.color.interactive.hoverSurface, theme_1.straitsXTheme.color.interactive.pressedSurface) + "\n border: 1px solid " + theme_1.straitsXTheme.brand.line.base + ";\n";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;AAAA,yCAA+C;AAE/C,IAAM,mBAAmB,GAAG,2HAM3B,CAAA;AAEY,QAAA,eAAe,GAAG,WACzB,mBAAmB,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Button/styles.ts"],"names":[],"mappings":";;;AAAA,yCAA+C;AAE/C,IAAM,mBAAmB,GAAG,2HAM3B,CAAA;AAEY,QAAA,eAAe,GAAG,WACzB,mBAAmB,4CAGxB,CAAA;AAEY,QAAA,oBAAoB,GAAG,WAC9B,mBAAmB,4CAGxB,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,IAAmC,IAAK,OAAA,uCAEzD,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,4BACnC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,gBAElD,EAL0E,CAK1E,CAAA;AALY,QAAA,kBAAkB,sBAK9B;AAED,IAAM,iBAAiB,GAAG,UACxB,iBAAyB,EACzB,YAAoB,EACpB,eAAwB,EACxB,gBAAyB,IACtB,OAAA,2BACiB,iBAAiB,oBAC5B,YAAY,kEAIC,eAAe,IAAI,iBAAiB,uDAIpC,eAAe,IAAI,iBAAiB,wDAIpC,gBAAgB,IAAI,iBAAiB,cAE5D,EAhBI,CAgBJ,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,eAAuB,EAAE,SAAiB,IAAK,OAAA,mDAEtD,eAAe,oBAC1B,SAAS,8GAKI,eAAe,sBAC1B,SAAS,aAErB,EAX2E,CAW3E,CAAA;AAEY,QAAA,sBAAsB,GAAG,iBAAiB,CACrD,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAClC,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,EACpC,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAChC,qBAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CACnC,CAAA;AAEY,QAAA,wBAAwB,GAAM,iBAAiB,CAC1D,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EACnC,qBAAa,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,EACvC,qBAAa,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAC5C,qBAAa,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,CAC/C,8BACqB,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,QAClD,CAAA;AAEY,QAAA,uBAAuB,GAAM,iBAAiB,CACzD,aAAa,EACb,qBAAa,CAAC,KAAK,CAAC,SAAS,CAAC,SAAS,EACvC,qBAAa,CAAC,KAAK,CAAC,WAAW,CAAC,YAAY,EAC5C,qBAAa,CAAC,KAAK,CAAC,WAAW,CAAC,cAAc,CAC/C,4BAEA,CAAA;AAED,IAAM,cAAc,GAAG;IACrB,OAAO,EAAE,mBAAmB,CAC1B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAC3C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAC9C;IACD,SAAS,EAAE,mBAAmB,CAC5B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAC3C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAC9C;IACD,QAAQ,EAAE,mBAAmB,CAC3B,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe,EAC3C,qBAAa,CAAC,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAC9C;CACO,CAAA;AAEH,IAAM,uBAAuB,GAAG,UACrC,IAA0C,IACvC,OAAA,cAAc,CAAC,IAAI,CAAC,IAAI,cAAc,CAAC,OAAO,EAA9C,CAA8C,CAAA;AAFtC,QAAA,uBAAuB,2BAEe"}
|