@gsretail.com/gui-core/build/core/Layout/Basic/LayoutBody/LayoutLeft/GuiLayoutLeft.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 t,e=function(e){return o(e)(t||(t=n(["\n\n  &.gui-layout-left {\n    flex-shrink: 0;\n    height: 100%;\n    background-color: ",";\n    border-right: 1px solid ",";\n    overflow: auto;\n\n    .gui-layout-left-title {\n      padding: 24px 8px 8px 24px;\n    }\n\n    // 2 Depth\n    & .MuiCollapse-root {\n      & .MuiList-root {\n        margin: 0;\n        padding: 0;\n\n        .MuiListItem-root {\n          padding-left: 48px;\n          padding-top: 6px;\n          padding-bottom: 6px;\n\n          &.Mui-selected {\n            background-color: transparent;\n\n            &:hover {\n              background-color: rgba(0, 0, 0, 0.04);\n            }\n          }\n        }\n      }\n    }\n  }\n"],["\n\n  &.gui-layout-left {\n    flex-shrink: 0;\n    height: 100%;\n    background-color: ",";\n    border-right: 1px solid ",";\n    overflow: auto;\n\n    .gui-layout-left-title {\n      padding: 24px 8px 8px 24px;\n    }\n\n    // 2 Depth\n    & .MuiCollapse-root {\n      & .MuiList-root {\n        margin: 0;\n        padding: 0;\n\n        .MuiListItem-root {\n          padding-left: 48px;\n          padding-top: 6px;\n          padding-bottom: 6px;\n\n          &.Mui-selected {\n            background-color: transparent;\n\n            &:hover {\n              background-color: rgba(0, 0, 0, 0.04);\n            }\n          }\n        }\n      }\n    }\n  }\n"])),(function(n){return n.theme.palette.common.white}),(function(n){return n.theme.palette.grey[300]}))};export{e as default};