@gsretail.com/gui-core/build/core/Badge/GuiBadge.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 o from"@emotion/styled";var e,t=function(t){return o(t)(e||(e=n(["\n\n  &.gui-badge {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .BaseBadge-root {\n      Svg {\n        width: 26px;\n      }\n      .MuiBadge-badge {\n        &.MuiBadge-invisible {\n          transform: scale(1) translate(50%, -50%);\n        }\n        &.MuiBadge-standard {\n          min-width: 16px;\n          height: 16px;\n          padding: 0 4px;\n          font-size: 0.5rem;\n          color: ",";\n\n          &.MuiBadge-colorPrimary,\n          &.MuiBadge-colorSecondary,\n          &.MuiBadge-colorError,\n          &.MuiBadge-colorInfo,\n          &.MuiBadge-colorSuccess,\n          &.MuiBadge-colorWarning {\n            color: ",";\n            font-weight: 400;\n          }\n          &.MuiBadge-colorSecondary {\n            background-color: ",";\n          }\n        }\n        &.MuiBadge-dot {\n          &.MuiBadge-anchorOriginTopRightRectangular {\n            top: 2px;\n            right: 2px;\n            box-shadow: 0 0 0 2px ",";\n          }\n          &.MuiBadge-anchorOriginBottomRightRectangular {\n            bottom: -6px;\n            right: 0;\n            box-shadow: 0 0 0 2px ",";\n          }\n          &.MuiBadge-anchorOriginTopLeftRectangular {\n            top: 2px;\n            left: -8px;\n            box-shadow: 0 0 0 2px ",";\n          }\n          &.MuiBadge-anchorOriginBottomLeftRectangular {\n            bottom: -7px;\n            left: -8px;\n            box-shadow: 0 0 0 2px ",";\n          }\n        }\n      }\n    }\n  }\n"],["\n\n  &.gui-badge {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    .BaseBadge-root {\n      Svg {\n        width: 26px;\n      }\n      .MuiBadge-badge {\n        &.MuiBadge-invisible {\n          transform: scale(1) translate(50%, -50%);\n        }\n        &.MuiBadge-standard {\n          min-width: 16px;\n          height: 16px;\n          padding: 0 4px;\n          font-size: 0.5rem;\n          color: ",";\n\n          &.MuiBadge-colorPrimary,\n          &.MuiBadge-colorSecondary,\n          &.MuiBadge-colorError,\n          &.MuiBadge-colorInfo,\n          &.MuiBadge-colorSuccess,\n          &.MuiBadge-colorWarning {\n            color: ",";\n            font-weight: 400;\n          }\n          &.MuiBadge-colorSecondary {\n            background-color: ",";\n          }\n        }\n        &.MuiBadge-dot {\n          &.MuiBadge-anchorOriginTopRightRectangular {\n            top: 2px;\n            right: 2px;\n            box-shadow: 0 0 0 2px ",";\n          }\n          &.MuiBadge-anchorOriginBottomRightRectangular {\n            bottom: -6px;\n            right: 0;\n            box-shadow: 0 0 0 2px ",";\n          }\n          &.MuiBadge-anchorOriginTopLeftRectangular {\n            top: 2px;\n            left: -8px;\n            box-shadow: 0 0 0 2px ",";\n          }\n          &.MuiBadge-anchorOriginBottomLeftRectangular {\n            bottom: -7px;\n            left: -8px;\n            box-shadow: 0 0 0 2px ",";\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.palette.text.primary}),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.grey[600]}),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.common.white}))};export{t as default};