suomifi-ui-components/dist/cjs/core/theme/reset/index.js

Suomi.fi UI component library

'use strict';

var tslib = require('tslib');
var styled = require('styled-components');

var element = function element(theme) {
  return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), theme.colors.blackBase);
};
var fontBase = styled.css(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  letter-spacing: 0;\n  text-decoration: none;\n  word-break: break-word;\n  overflow-wrap: break-word;\n  -webkit-font-smoothing: antialiased;\n"], ["\n  letter-spacing: 0;\n  text-decoration: none;\n  word-break: break-word;\n  overflow-wrap: break-word;\n  -webkit-font-smoothing: antialiased;\n"])));
var font = function font(theme) {
  return function (typographyToken) {
    return styled.css(templateObject_3 || (templateObject_3 = tslib.__makeTemplateObject(["\n    ", "\n    ", "\n  "], ["\n    ", "\n    ", "\n  "])), fontBase, theme.typography[typographyToken]);
  };
};
var input = function input(theme) {
  return styled.css(templateObject_4 || (templateObject_4 = tslib.__makeTemplateObject(["\n  ", "\n  ", "\n  min-width: 245px;\n  max-width: 100%;\n  padding: ", " ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  line-height: 1;\n"], ["\n  ", "\n  ", "\n  min-width: 245px;\n  max-width: 100%;\n  padding: ", " ", ";\n  border: 1px solid ", ";\n  border-radius: ", ";\n  line-height: 1;\n"])), element(theme), font(theme)('actionElementInnerText'), theme.spacing.insetM, theme.spacing.insetXl, theme.colors.depthLight1, theme.radiuses.basic);
};
var containerIEFocus = function containerIEFocus(theme) {
  return styled.css(templateObject_5 || (templateObject_5 = tslib.__makeTemplateObject(["\n  > input:focus {\n    /* For IE/Edge */\n    outline-color: ", ";\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-style: solid;\n  }\n  &:focus-within {\n    > input:focus {\n      outline: none;\n    }\n  }\n"], ["\n  > input:focus {\n    /* For IE/Edge */\n    outline-color: ", ";\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-style: solid;\n  }\n  &:focus-within {\n    > input:focus {\n      outline: none;\n    }\n  }\n"])), theme.colors.accentSecondary);
};
var fixInternalMargins = function fixInternalMargins() {
  return styled.css(templateObject_6 || (templateObject_6 = tslib.__makeTemplateObject(["\n  & .fi-label,\n  & .fi-hint-text,\n  & .fi-status-text {\n    margin: 0;\n  }\n"], ["\n  & .fi-label,\n  & .fi-hint-text,\n  & .fi-status-text {\n    margin: 0;\n  }\n"])));
};
var button = function button(theme) {
  return styled.css(templateObject_8 || (templateObject_8 = tslib.__makeTemplateObject(["\n  ", "\n  ", "\n  font-size: 14px;\n  line-height: 20px;\n"], ["\n  ", "\n  ", "\n  font-size: 14px;\n  line-height: 20px;\n"])), element(theme), font(theme)('actionElementInnerTextBold'));
};
var nav = function nav(theme) {
  return styled.css(templateObject_9 || (templateObject_9 = tslib.__makeTemplateObject(["\n  ", "\n  display: block;\n"], ["\n  ", "\n  display: block;\n"])), element(theme));
};
var list = function list(theme) {
  return styled.css(templateObject_10 || (templateObject_10 = tslib.__makeTemplateObject(["\n  ", "\n  list-style: none;\n"], ["\n  ", "\n  list-style: none;\n"])), element(theme));
};
var listItem = function listItem(theme) {
  return styled.css(templateObject_11 || (templateObject_11 = tslib.__makeTemplateObject(["\n  ", "\n  list-style: none;\n"], ["\n  ", "\n  list-style: none;\n"])), element(theme));
};
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_8, templateObject_9, templateObject_10, templateObject_11;

exports.button = button;
exports.containerIEFocus = containerIEFocus;
exports.element = element;
exports.fixInternalMargins = fixInternalMargins;
exports.font = font;
exports.input = input;
exports.list = list;
exports.listItem = listItem;
exports.nav = nav;
//# sourceMappingURL=index.js.map