suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (9 loc) • 1.67 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styled = require('styled-components');
var baseStyles = function baseStyles(theme) {
return styled.css(templateObject_1 || (templateObject_1 = tslib.__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;
exports.baseStyles = baseStyles;
//# sourceMappingURL=InputClearButton.baseStyles.js.map