suomifi-ui-components
Version:
Suomi.fi UI component library
14 lines (10 loc) • 3.01 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styled = require('styled-components');
var index = require('../../../theme/reset/index.js');
var baseStyles = function baseStyles(theme) {
return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n &.fi-dropdown_item {\n ", "\n ", "\n cursor: pointer;\n line-height: 1.5;\n padding: ", ";\n border: 0;\n position: relative;\n &:focus {\n outline: 0;\n }\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n .fi-dropdown_item_icon {\n position: absolute;\n top: 14px;\n right: 10px;\n height: 12px;\n width: 12px;\n }\n\n &--selected {\n background-color: ", ";\n color: ", ";\n }\n\n &--hasKeyboardFocus {\n background-color: ", ";\n color: ", ";\n }\n\n &--noSelectedStyles {\n &.fi-dropdown_item--selected {\n background-color: ", ";\n color: ", ";\n\n &.fi-dropdown_item--hasKeyboardFocus {\n background-color: ", ";\n color: ", ";\n }\n }\n }\n\n &--disabled {\n color: ", ";\n cursor: not-allowed;\n\n &:hover {\n color: ", ";\n }\n }\n\n @media (forced-colors: active) {\n &--hasKeyboardFocus,\n &:hover {\n background-color: Highlight;\n }\n }\n }\n"], ["\n &.fi-dropdown_item {\n ", "\n ", "\n cursor: pointer;\n line-height: 1.5;\n padding: ", ";\n border: 0;\n position: relative;\n &:focus {\n outline: 0;\n }\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n\n .fi-dropdown_item_icon {\n position: absolute;\n top: 14px;\n right: 10px;\n height: 12px;\n width: 12px;\n }\n\n &--selected {\n background-color: ", ";\n color: ", ";\n }\n\n &--hasKeyboardFocus {\n background-color: ", ";\n color: ", ";\n }\n\n &--noSelectedStyles {\n &.fi-dropdown_item--selected {\n background-color: ", ";\n color: ", ";\n\n &.fi-dropdown_item--hasKeyboardFocus {\n background-color: ", ";\n color: ", ";\n }\n }\n }\n\n &--disabled {\n color: ", ";\n cursor: not-allowed;\n\n &:hover {\n color: ", ";\n }\n }\n\n @media (forced-colors: active) {\n &--hasKeyboardFocus,\n &:hover {\n background-color: Highlight;\n }\n }\n }\n"])), index.element(theme), theme.typography.actionElementInnerText, theme.spacing.insetM, theme.colors.highlightBase, theme.colors.whiteBase, theme.colors.depthSecondaryDark1, theme.colors.blackBase, theme.colors.highlightBase, theme.colors.whiteBase, theme.colors.whiteBase, theme.colors.blackBase, theme.colors.highlightBase, theme.colors.whiteBase, theme.colors.depthBase, theme.colors.depthBase);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=DropdownItem.basestyles.js.map