@gsretail.com/gui-core/build/core/Chip/GuiChipGroup.styled.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import r from"@emotion/styled";var e,i=function(i){return r(i)(e||(e=n(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  & .gui-chip {\n    margin: 2px 6px 2px 0;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  &.isBorder {\n    min-height: 24px;\n    padding: 0 8px;\n    border-radius: 4px;\n    border: 1px solid ",";\n\n    &:hover {\n      border-color: ",";\n      background-color: ",";\n    }\n  }\n"],["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n\n  & .gui-chip {\n    margin: 2px 6px 2px 0;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  &.isBorder {\n    min-height: 24px;\n    padding: 0 8px;\n    border-radius: 4px;\n    border: 1px solid ",";\n\n    &:hover {\n      border-color: ",";\n      background-color: ",";\n    }\n  }\n"])),(function(n){return n.theme.palette.grey[400]}),(function(n){return n.theme.palette.grey[500]}),(function(n){return n.theme.palette.grey[50]}))};export{i as default};