suomifi-ui-components
Version:
Suomi.fi UI component library
16 lines (12 loc) • 1.92 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../../../theme/reset/index.js');
var Toggle_baseStyles = require('../ToggleBase/Toggle.baseStyles.js');
var spacing = require('../../../theme/utils/spacing.js');
var baseStyles = function baseStyles(theme, globalMargins, propMargins) {
return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__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"])), Toggle_baseStyles.toggleBaseStyles(theme), spacing.buildSpacingCSS(globalMargins), spacing.buildSpacingCSS(propMargins, true), theme.focuses.absoluteFocus, Toggle_baseStyles.focusOverrides, theme.focuses.highContrastFocus, index.element(theme), index.font(theme)('bodyText'), Toggle_baseStyles.iconWidth, Toggle_baseStyles.iconHeight, theme.colors.whiteBase);
};
var templateObject_1;
exports.baseStyles = baseStyles;
//# sourceMappingURL=ToggleInput.baseStyles.js.map