suomifi-ui-components
Version:
Suomi.fi UI component library
13 lines (10 loc) • 2.82 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element, 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 ", "\n\n &.fi-radio-button-group {\n & .fi-radio-button-group_legend {\n &--with-margin {\n margin-bottom: ", ";\n }\n .fi-hint-text {\n margin-bottom: 0;\n }\n }\n\n & .fi-radio-button-group_label {\n display: block;\n ", ";\n }\n\n & .fi-radio-button-group_label--with-margin {\n margin-bottom: ", ";\n }\n\n & .fi-radio-button-group_hintText {\n color: ", ";\n ", ";\n }\n\n & .fi-status-text {\n line-height: 18px;\n &.fi-radio-button-group_statusText--has-content {\n margin-top: ", ";\n padding-left: 3px;\n }\n }\n }\n\n & .fi-radio-button-group_container {\n & > .fi-radio-button {\n margin: 0;\n margin-bottom: ", ";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &--large {\n margin-bottom: ", ";\n\n &:first-child {\n margin-top: ", ";\n }\n }\n }\n }\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n\n &.fi-radio-button-group {\n & .fi-radio-button-group_legend {\n &--with-margin {\n margin-bottom: ", ";\n }\n .fi-hint-text {\n margin-bottom: 0;\n }\n }\n\n & .fi-radio-button-group_label {\n display: block;\n ", ";\n }\n\n & .fi-radio-button-group_label--with-margin {\n margin-bottom: ", ";\n }\n\n & .fi-radio-button-group_hintText {\n color: ", ";\n ", ";\n }\n\n & .fi-status-text {\n line-height: 18px;\n &.fi-radio-button-group_statusText--has-content {\n margin-top: ", ";\n padding-left: 3px;\n }\n }\n }\n\n & .fi-radio-button-group_container {\n & > .fi-radio-button {\n margin: 0;\n margin-bottom: ", ";\n\n &:last-child {\n margin-bottom: 0;\n }\n\n &--large {\n margin-bottom: ", ";\n\n &:first-child {\n margin-top: ", ";\n }\n }\n }\n }\n"])), element(theme), font(theme)('bodyText'), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), fixInternalMargins(), theme.spacing.xs, theme.typography.bodySemiBoldSmall, theme.spacing.xs, theme.colors.depthDark1, theme.typography.bodyTextSmall, theme.spacing.xxs, theme.spacing.xs, theme.spacing.s, theme.spacing.xxs);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=RadioButtonGroup.baseStyles.js.map