suomifi-ui-components
Version:
Suomi.fi UI component library
14 lines (11 loc) • 1.83 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element, font } from '../../../theme/reset/index.js';
import { toggleBaseStyles, focusOverrides, iconWidth, iconHeight } from '../ToggleBase/Toggle.baseStyles.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 &.fi-toggle--input {\n &:focus-within {\n outline: 0;\n & .fi-toggle_icon-container {\n &:after {\n ", "\n ", "\n ", " /* For high contrast mode */\n }\n }\n }\n & .fi-text {\n margin: 0;\n }\n }\n\n & .fi-toggle_input-element {\n ", "\n ", "\n position: absolute;\n width: ", ";\n height: ", ";\n opacity: 0;\n z-index: -9999;\n background-color: ", ";\n }\n"], ["\n ", "\n ", "\n ", ";\n &.fi-toggle--input {\n &:focus-within {\n outline: 0;\n & .fi-toggle_icon-container {\n &:after {\n ", "\n ", "\n ", " /* For high contrast mode */\n }\n }\n }\n & .fi-text {\n margin: 0;\n }\n }\n\n & .fi-toggle_input-element {\n ", "\n ", "\n position: absolute;\n width: ", ";\n height: ", ";\n opacity: 0;\n z-index: -9999;\n background-color: ", ";\n }\n"])), toggleBaseStyles(theme), buildSpacingCSS(globalMargins), buildSpacingCSS(propMargins, true), theme.focuses.absoluteFocus, focusOverrides, theme.focuses.highContrastFocus, element(theme), font(theme)('bodyText'), iconWidth, iconHeight, theme.colors.whiteBase);
};
var templateObject_1;
export { baseStyles };
//# sourceMappingURL=ToggleInput.baseStyles.js.map