suomifi-ui-components
Version:
Suomi.fi UI component library
11 lines (8 loc) • 1.52 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 20px;\n height: 20px;\n cursor: pointer;\n pointer-events: all;\n justify-content: center;\n align-items: center;\n\n &.fi-input-toggle-button {\n display: flex;\n height: 100%;\n & .fi-input-toggle-button_icon {\n pointer-events: none;\n width: 10px;\n height: 10px;\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &[disabled],\n &:disabled {\n cursor: not-allowed;\n & .fi-input-toggle-button_icon {\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n }\n"], ["\n width: 20px;\n height: 20px;\n cursor: pointer;\n pointer-events: all;\n justify-content: center;\n align-items: center;\n\n &.fi-input-toggle-button {\n display: flex;\n height: 100%;\n & .fi-input-toggle-button_icon {\n pointer-events: none;\n width: 10px;\n height: 10px;\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &[disabled],\n &:disabled {\n cursor: not-allowed;\n & .fi-input-toggle-button_icon {\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n }\n"])), theme.colors.blackBase, theme.colors.depthBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=InputToggleButton.baseStyles.js.map