suomifi-ui-components/dist/esm/core/Form/Dropdown/DropdownItem/DropdownItem.basestyles.js

Suomi.fi UI component library

import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element } from '../../../theme/reset/index.js';

var baseStyles = function baseStyles(theme) {
  return css(templateObject_1 || (templateObject_1 = __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"])), 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;

export { baseStyles };
//# sourceMappingURL=DropdownItem.basestyles.js.map