@gsretail.com/gui-core/build/core/Input/GuiInput.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 t from"@emotion/styled";var i,e=function(e){return t(e)(i||(i=n(["\n\n  &.gui-input {\n\n    &.isBold {\n      .MuiInputBase-root {\n        font-weight: 700;\n      }\n    }\n\n    .MuiInputBase-root {\n      min-height: 32px;\n      font-size: 0.8125rem; //13px\n      // letter-spacing: -0.5px;\n      letter-spacing: 0;\n\n      & .MuiInputBase-input {\n        padding: 6px 8px;\n      }\n      &.MuiInputBase-sizeSmall {\n        min-height: 24px;\n\n        .MuiInputBase-inputSizeSmall {\n          padding: 2px 8px;\n        }\n      }\n\n      &.MuiInputBase-adornedStart {\n        padding-left: 8px;\n      }\n      &.MuiInputBase-adornedEnd {\n        padding-right: 8px;\n      }\n    }\n\n    .MuiInputAdornment-root {\n      min-width: 18px;\n      width: auto;\n      height: 16px;\n      color: inherit;\n      line-height: 1;\n      justify-content: center;\n      z-index: 1;\n\n      &.MuiInputAdornment-positionStart,\n      &.MuiInputAdornment-positionEnd {\n        margin: 0 -2px;\n      }\n\n      & .MuiButtonBase-root.MuiIconButton-root {\n        padding: 4px;\n        margin: 0 -2px;\n      }\n\n      & svg {\n        font-size: 1rem;  //16px\n        // color: inherit;\n        color: ",";\n      }\n    }\n  }\n"],["\n\n  &.gui-input {\n\n    &.isBold {\n      .MuiInputBase-root {\n        font-weight: 700;\n      }\n    }\n\n    .MuiInputBase-root {\n      min-height: 32px;\n      font-size: 0.8125rem; //13px\n      // letter-spacing: -0.5px;\n      letter-spacing: 0;\n\n      & .MuiInputBase-input {\n        padding: 6px 8px;\n      }\n      &.MuiInputBase-sizeSmall {\n        min-height: 24px;\n\n        .MuiInputBase-inputSizeSmall {\n          padding: 2px 8px;\n        }\n      }\n\n      &.MuiInputBase-adornedStart {\n        padding-left: 8px;\n      }\n      &.MuiInputBase-adornedEnd {\n        padding-right: 8px;\n      }\n    }\n\n    .MuiInputAdornment-root {\n      min-width: 18px;\n      width: auto;\n      height: 16px;\n      color: inherit;\n      line-height: 1;\n      justify-content: center;\n      z-index: 1;\n\n      &.MuiInputAdornment-positionStart,\n      &.MuiInputAdornment-positionEnd {\n        margin: 0 -2px;\n      }\n\n      & .MuiButtonBase-root.MuiIconButton-root {\n        padding: 4px;\n        margin: 0 -2px;\n      }\n\n      & svg {\n        font-size: 1rem;  //16px\n        // color: inherit;\n        color: ",";\n      }\n    }\n  }\n"])),(function(n){return n.theme.palette.grey[600]}))};export{e as default};