suomifi-ui-components
Version:
Suomi.fi UI component library
12 lines (9 loc) • 1.5 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { font } from '../../../../theme/reset/index.js';
import { css } from 'styled-components';
var selectItemAdditionStyles = function selectItemAdditionStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & .fi-select-item-addition_hint-text {\n padding: 8px 32px 8px 10px;\n ", "\n background: ", ";\n color: ", ";\n }\n\n & .fi-select-item-addition_item {\n padding: 8px 32px 8px 10px;\n cursor: pointer;\n ", "\n font-weight: bold;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &--hasKeyboardFocus {\n background-color: ", ";\n color: ", ";\n }\n }\n"], ["\n & .fi-select-item-addition_hint-text {\n padding: 8px 32px 8px 10px;\n ", "\n background: ", ";\n color: ", ";\n }\n\n & .fi-select-item-addition_item {\n padding: 8px 32px 8px 10px;\n cursor: pointer;\n ", "\n font-weight: bold;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &--hasKeyboardFocus {\n background-color: ", ";\n color: ", ";\n }\n }\n"])), font(theme)('bodyTextSmall'), theme.colors.depthLight3, theme.colors.depthDark1, font(theme)('actionElementInnerText'), theme.colors.highlightBase, theme.colors.whiteBase, theme.colors.highlightBase, theme.colors.whiteBase);
};
var templateObject_1;
export { selectItemAdditionStyles };
//# sourceMappingURL=SelectItemAddition.baseStyles.js.map