suomifi-ui-components
Version:
Suomi.fi UI component library
15 lines (12 loc) • 1.41 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element, font } from '../../../theme/reset/index.js';
var iconWidth = '40px';
var iconHeight = '24px';
var focusOverrides = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: 14px;\n right: -4px;\n left: -4px;\n"], ["\n border-radius: 14px;\n right: -4px;\n left: -4px;\n"])));
var toggleBaseStyles = function toggleBaseStyles(theme) {
return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n ", "\n padding-left: 50px;\n position: relative;\n cursor: pointer;\n\n &.fi-toggle {\n display: inline-block;\n }\n &.fi-toggle--disabled {\n cursor: not-allowed;\n }\n\n & .fi-toggle_icon-container {\n position: absolute;\n margin-right: ", ";\n left: 0;\n top: 0.1em;\n }\n"], ["\n ", "\n ", "\n padding-left: 50px;\n position: relative;\n cursor: pointer;\n\n &.fi-toggle {\n display: inline-block;\n }\n &.fi-toggle--disabled {\n cursor: not-allowed;\n }\n\n & .fi-toggle_icon-container {\n position: absolute;\n margin-right: ", ";\n left: 0;\n top: 0.1em;\n }\n"])), element(theme), font(theme)('bodyText'), theme.spacing.insetL);
};
var templateObject_1, templateObject_2;
export { focusOverrides, iconHeight, iconWidth, toggleBaseStyles };
//# sourceMappingURL=Toggle.baseStyles.js.map