suomifi-ui-components
Version:
Suomi.fi UI component library
14 lines (10 loc) • 2.16 kB
JavaScript
'use strict';
var tslib = require('tslib');
var styledComponents = require('styled-components');
var index = require('../../theme/reset/index.js');
var baseChipBaseStyles = function baseChipBaseStyles(theme) {
return styledComponents.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n ", "\n ", "\n\n &.fi-chip {\n border-radius: 14px;\n padding: ", " ", ";\n color: ", ";\n background: ", ";\n max-height: 100%;\n display: inline-block;\n\n &:focus {\n outline: 0;\n position: relative;\n\n &::after {\n ", "\n border-radius: 16px;\n }\n }\n\n & .fi-chip--content {\n display: block;\n word-break: break-word;\n overflow: hidden;\n line-height: 1.5em;\n }\n }\n\n &.fi-chip--disabled {\n &.fi-chip {\n cursor: not-allowed;\n background: ", ";\n &:hover,\n &:active {\n background: ", ";\n }\n @media screen and (forced-colors: active) {\n color: GrayText;\n }\n }\n }\n"], ["\n ", "\n ", "\n\n &.fi-chip {\n border-radius: 14px;\n padding: ", " ", ";\n color: ", ";\n background: ", ";\n max-height: 100%;\n display: inline-block;\n\n &:focus {\n outline: 0;\n position: relative;\n\n &::after {\n ", "\n border-radius: 16px;\n }\n }\n\n & .fi-chip--content {\n display: block;\n word-break: break-word;\n overflow: hidden;\n line-height: 1.5em;\n }\n }\n\n &.fi-chip--disabled {\n &.fi-chip {\n cursor: not-allowed;\n background: ", ";\n &:hover,\n &:active {\n background: ", ";\n }\n @media screen and (forced-colors: active) {\n color: GrayText;\n }\n }\n }\n"])), index.element(theme), index.font(theme)('actionElementInnerTextBold'), theme.spacing.insetXxs, theme.spacing.insetL, theme.colors.whiteBase, theme.colors.highlightBase, theme.focuses.absoluteFocus, theme.colors.depthBase, theme.colors.depthBase);
};
var templateObject_1;
exports.baseChipBaseStyles = baseChipBaseStyles;
//# sourceMappingURL=BaseChip.baseStyles.js.map