@xfers/design-system 3.1.31 → 3.1.33
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 +4 -4
- 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
|
@@ -7,11 +7,11 @@ exports.iconButtonStyle = "\n " + baseIconButtonStyle + "\n width: 48px;\n
|
|
|
7
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: " + (hoverBackground || defaultBackground) + ";\n }\n\n &:hover {\n background-color: " + (hoverBackground || defaultBackground) + ";\n }\n\n &:active {\n background-color: " + (activeBackground || defaultBackground) + ";\n }\n"; };
|
|
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"; };
|
|
10
|
+
var createStateStyles = function (defaultBackground, defaultColor, hoverBackground, activeBackground, borderStyle) { return "\n background-color: " + defaultBackground + " !important;\n color: " + defaultColor + " !important;\n " + (borderStyle || 'border: none !important;') + "\n box-shadow: none !important;\n\n &:focus {\n background-color: " + (hoverBackground || defaultBackground) + " !important;\n box-shadow: none !important;\n }\n\n &:hover {\n background-color: " + (hoverBackground || defaultBackground) + " !important;\n box-shadow: none !important;\n }\n\n &:active {\n background-color: " + (activeBackground || defaultBackground) + " !important;\n box-shadow: none !important;\n }\n"; };
|
|
11
|
+
var createDisabledStyle = function (backgroundColor, textColor) { return "\n cursor: not-allowed !important;\n background-color: " + backgroundColor + " !important;\n color: " + textColor + " !important;\n border: none !important;\n\n &:hover, &:focus, &:active {\n cursor: not-allowed !important;\n background-color: " + backgroundColor + " !important;\n color: " + textColor + " !important;\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
|
-
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
|
|
14
|
-
exports.iconButtonTertiaryStyle = createStateStyles('transparent', theme_1.straitsXTheme.brand.secondary.onSurface, theme_1.straitsXTheme.color.interactive.hoverSurface, theme_1.straitsXTheme.color.interactive.pressedSurface
|
|
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, "border: 1px solid " + theme_1.straitsXTheme.brand.line.base + " !important;");
|
|
14
|
+
exports.iconButtonTertiaryStyle = createStateStyles('transparent', theme_1.straitsXTheme.brand.secondary.onSurface, theme_1.straitsXTheme.color.interactive.hoverSurface, theme_1.straitsXTheme.color.interactive.pressedSurface, 'border: none !important;');
|
|
15
15
|
var disabledStyles = {
|
|
16
16
|
primary: createDisabledStyle(theme_1.straitsXTheme.color.surface.disabledSurface, theme_1.straitsXTheme.color.surface.disabledOnSurface),
|
|
17
17
|
secondary: createDisabledStyle(theme_1.straitsXTheme.color.surface.disabledSurface, theme_1.straitsXTheme.color.surface.disabledOnSurface),
|
|
@@ -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,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,
|
|
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,EACzB,WAAoB,IACjB,OAAA,2BACiB,iBAAiB,+BAC5B,YAAY,yBACnB,WAAW,IAAI,0BAA0B,iFAIrB,eAAe,IAAI,iBAAiB,oGAKpC,eAAe,IAAI,iBAAiB,qGAKpC,gBAAgB,IAAI,iBAAiB,2DAG5D,EApBI,CAoBJ,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,eAAuB,EAAE,SAAiB,IAAK,OAAA,8DAEtD,eAAe,+BAC1B,SAAS,+IAKI,eAAe,iCAC1B,SAAS,wBAErB,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,GAAG,iBAAiB,CACvD,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,EAC9C,uBAAqB,qBAAa,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,iBAAc,CACjE,CAAA;AAEY,QAAA,uBAAuB,GAAG,iBAAiB,CACtD,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,EAC9C,0BAA0B,CAC3B,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"}
|