@gsretail.com/gui-core/build/core/Layout/Air/LayoutSideMenu/view/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";import{Box as r,ListItemButton as t}from"@mui/material";import i from"../../../../../assets/theme/styles/color.js";import"@mui/material/styles";import e from"../../../../../assets/theme/basicStyle.js";var p,l,a,c=i.white,u=i.primaryLightHover,s=i.skyBlueSelected,d=i.blue,h=i.darkRipple,g=o(r)(p||(p=n(["\n  padding: ",";\n  width: ",";\n  background-color: ",";\n  position: relative;\n\n  .menu-title {\n    font-size: ",";\n    font-weight: 700;\n    padding-left: 10px;\n    margin-bottom: 25px;\n  }\n"],["\n  padding: ",";\n  width: ",";\n  background-color: ",";\n  position: relative;\n\n  .menu-title {\n    font-size: ",";\n    font-weight: 700;\n    padding-left: 10px;\n    margin-bottom: 25px;\n  }\n"])),(function(n){return n.hidden?"25px 0 12px 0":"25px 12px 12px 12px"}),(function(n){return n.hidden?"0":"230px"}),c,e.font.size[20]),f=o(t)(l||(l=n(["\n  .MuiTypography-root {\n    font-size: ",";\n    flex: 1;\n    margin-left: 4px;\n    line-height: 1;\n  }\n  padding: 12px 8px;\n\n  &:hover {\n    // background-color: ",";\n    background-color: ",";\n    color: ",";\n  }\n  // &:focus {\n  //     background-color: ",";\n  // }\n  height: 35px;\n  border-radius: 4px;\n  .MuiTouchRipple-root {\n    color: ",";\n  }\n"],["\n  .MuiTypography-root {\n    font-size: ",";\n    flex: 1;\n    margin-left: 4px;\n    line-height: 1;\n  }\n  padding: 12px 8px;\n\n  &:hover {\n    // background-color: ",";\n    background-color: ",";\n    color: ",";\n  }\n  // &:focus {\n  //     background-color: ",";\n  // }\n  height: 35px;\n  border-radius: 4px;\n  .MuiTouchRipple-root {\n    color: ",";\n  }\n"])),e.font.size[13],u,s,d,s,h),m=o(t)(a||(a=n(["\n  height: 35px;\n  .MuiTypography-root {\n    font-size: ",";\n    flex: 1;\n\n    &:hover {\n      background-color: transparent;\n      color: ",";\n    }\n  }\n\n  &:focus {\n    .MuiTypography-root {\n      color: ",";\n    }\n  }\n  .MuiTouchRipple-root {\n    color: ",";\n  }\n"],["\n  height: 35px;\n  .MuiTypography-root {\n    font-size: ",";\n    flex: 1;\n\n    &:hover {\n      background-color: transparent;\n      color: ",";\n    }\n  }\n\n  &:focus {\n    .MuiTypography-root {\n      color: ",";\n    }\n  }\n  .MuiTouchRipple-root {\n    color: ",";\n  }\n"])),e.font.size[13],d,d,h);export{m as ChildMenuItem,g as MenuListContainer,f as ParentMenuItem};