suomifi-ui-components
Version:
Suomi.fi UI component library
12 lines (9 loc) • 2.1 kB
JavaScript
import { __makeTemplateObject } from 'tslib';
import { css } from 'styled-components';
import { element, font } from '../../theme/reset/index.js';
var baseChipBaseStyles = function baseChipBaseStyles(theme) {
return css(templateObject_1 || (templateObject_1 = __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"])), element(theme), 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;
export { baseChipBaseStyles };
//# sourceMappingURL=BaseChip.baseStyles.js.map