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

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var styled = require('styled-components');
var index = require('../../../theme/reset/index.js');
var spacing = require('../../../theme/utils/spacing.js');

var baseStyles = function baseStyles(theme, globalMargins, propMargins) {
  return styled.css(templateObject_1 || (templateObject_1 = tslib.__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"])), index.font(theme)('bodyText'), spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), index.fixInternalMargins(), theme.radiuses.basic, theme.radiuses.basic, theme.colors.depthDark3, theme.colors.alertBase);
};
var templateObject_1;

exports.baseStyles = baseStyles;
//# sourceMappingURL=SingleSelect.baseStyles.js.map