suomifi-ui-components/dist/esm/core/Form/Select/SingleSelect/SingleSelect.baseStyles.js

Suomi.fi UI component library

import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { font, fixInternalMargins } from '../../../theme/reset/index.js';
import { buildSpacingCSS } from '../../../theme/utils/spacing.js';

var baseStyles = function baseStyles(theme, globalMargins, propMargins) {
  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  width: 290px;\n\n  &.fi-single-select {\n    & .fi-filter-input_input {\n      padding-right: 36px;\n    }\n\n    &--value-selected {\n      & .fi-filter-input_input {\n        padding-right: 73px;\n      }\n    }\n\n    &--full-width {\n      width: 100%;\n    }\n  }\n\n  &.fi-single-select--open {\n    & .fi-filter-input_input {\n      border-bottom: 0;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n\n      &[data-floating-ui-placement^='top'] {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: ", ";\n        border-bottom-right-radius: ", ";\n        border-top: 0;\n        border-bottom: 1px solid ", ";\n      }\n    }\n\n    .fi-filter-input--error {\n      .fi-filter-input_input {\n        &[data-floating-ui-placement^='top'] {\n          border-bottom: 2px solid ", ";\n        }\n      }\n    }\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  width: 290px;\n\n  &.fi-single-select {\n    & .fi-filter-input_input {\n      padding-right: 36px;\n    }\n\n    &--value-selected {\n      & .fi-filter-input_input {\n        padding-right: 73px;\n      }\n    }\n\n    &--full-width {\n      width: 100%;\n    }\n  }\n\n  &.fi-single-select--open {\n    & .fi-filter-input_input {\n      border-bottom: 0;\n      border-bottom-left-radius: 0;\n      border-bottom-right-radius: 0;\n\n      &[data-floating-ui-placement^='top'] {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n        border-bottom-left-radius: ", ";\n        border-bottom-right-radius: ", ";\n        border-top: 0;\n        border-bottom: 1px solid ", ";\n      }\n    }\n\n    .fi-filter-input--error {\n      .fi-filter-input_input {\n        &[data-floating-ui-placement^='top'] {\n          border-bottom: 2px solid ", ";\n        }\n      }\n    }\n  }\n"])), font(theme)('bodyText'), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), fixInternalMargins(), theme.radiuses.basic, theme.radiuses.basic, theme.colors.depthDark3, theme.colors.alertBase);
};
var templateObject_1;

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