suomifi-ui-components
Version:
Suomi.fi UI component library
11 lines (8 loc) • 1.65 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
var baseStyles = function baseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n cursor: pointer;\n pointer-events: all;\n height: 20px;\n width: 20px;\n justify-content: center;\n align-items: center;\n &:focus {\n ", "\n &:after {\n ", "\n }\n }\n &.fi-input-clear-button {\n display: flex;\n & .fi-input-clear-button_icon {\n width: 16px;\n height: 16px;\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &[disabled],\n &:disabled {\n cursor: not-allowed;\n & .fi-input-clear-button_icon {\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n }\n"], ["\n position: relative;\n cursor: pointer;\n pointer-events: all;\n height: 20px;\n width: 20px;\n justify-content: center;\n align-items: center;\n &:focus {\n ", "\n &:after {\n ", "\n }\n }\n &.fi-input-clear-button {\n display: flex;\n & .fi-input-clear-button_icon {\n width: 16px;\n height: 16px;\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n\n &[disabled],\n &:disabled {\n cursor: not-allowed;\n & .fi-input-clear-button_icon {\n & .fi-icon-base-fill {\n fill: ", ";\n }\n }\n }\n }\n"])), theme.focuses.highContrastFocus, theme.focuses.absoluteFocus, theme.colors.highlightDark1, theme.colors.depthBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=InputClearButton.baseStyles.js.map