@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 6.12 kB
JavaScript
import{__makeTemplateObject as n}from"../../../../node_modules/tslib/tslib.es6.js";import{Box as e,Button as t}from"@mui/material";import i from"@emotion/styled";import{paddingLSpacing as o}from"../../../../assets/theme/styles/spacing.js";import"@mui/material/styles";import r from"../../../../assets/theme/basicStyle.js";var p=i(e)(s||(s=n(["\n height: 50px;\n background-color : #fff;\n margin-bottom : 1px;\n display: flex;\n align-items: center;\n position: fixed;\n top: 0;\n z-index: 999; // 4;\n width: 100%;\n border-bottom : 1px solid ",";\n transform: ",";\n transition: ",";\n"],["\n height: 50px;\n background-color : #fff;\n margin-bottom : 1px;\n display: flex;\n align-items: center;\n position: fixed;\n top: 0;\n z-index: 999; // 4;\n width: 100%;\n border-bottom : 1px solid ",";\n transform: ",";\n transition: ",";\n"])),(function(n){return n.theme.palette.grey[200]}),(function(n){return n.hidden?"translateY(-65px)":"translateY(0)"}),(function(n){n.hidden;return"all 0.03s ease"})),d=i(t)(x||(x=n(["\n // border : 1px solid ",";\n border-radius: 10em;\n display: flex;\n align-items: center;\n min-height: 24px;\n max-height: 24px;\n padding: 0 8px;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 120px;\n\n .MuiOutlinedInput-notchedOutline {\n border: 0;\n }\n\n .MuiSelect-select {\n padding: 0;\n }\n\n .MuiTypography-root.MuiTypography-body1 {\n font-size: 0.8125rem;\n margin: 1px 3px 0 5px;\n color: ",";\n line-height: 1;\n }\n"],["\n // border : 1px solid ",";\n border-radius: 10em;\n display: flex;\n align-items: center;\n min-height: 24px;\n max-height: 24px;\n padding: 0 8px;\n cursor: pointer;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 120px;\n\n .MuiOutlinedInput-notchedOutline {\n border: 0;\n }\n\n .MuiSelect-select {\n padding: 0;\n }\n\n .MuiTypography-root.MuiTypography-body1 {\n font-size: 0.8125rem;\n margin: 1px 3px 0 5px;\n color: ",";\n line-height: 1;\n }\n"])),(function(n){return n.theme.palette.grey[300]}),r.color.black),a=i(e)(u||(u=n(["\n display: flex;\n align-items: center;\n padding: 0 0 0 16px;\n border-radius: 10em;\n background-color: ","; //grey200\n\n min-width: 250px;\n max-width: 450px;\n width: 100%;\n height: 28px;\n\n & > .MuiInput-root {\n margin-left: 12px;\n font-size: 0.8125rem;\n background-color: unset;\n\n &:hover {\n background-color: unset !important;\n }\n\n & .MuiInput-input {\n padding: 5px 0 4px;\n }\n }\n"],["\n display: flex;\n align-items: center;\n padding: 0 0 0 16px;\n border-radius: 10em;\n background-color: ","; //grey200\n\n min-width: 250px;\n max-width: 450px;\n width: 100%;\n height: 28px;\n\n & > .MuiInput-root {\n margin-left: 12px;\n font-size: 0.8125rem;\n background-color: unset;\n\n &:hover {\n background-color: unset !important;\n }\n\n & .MuiInput-input {\n padding: 5px 0 4px;\n }\n }\n"])),(function(n){return n.theme.palette.grey[200]})),l=i(e)(g||(g=n(["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1;\n"],["\n display: flex;\n align-items: center;\n justify-content: flex-end;\n flex: 1;\n"])));i(e)(m||(m=n(["\n border-radius: 10em;\n background-color: #ddd;\n width: 32px;\n height: 32px;\n"],["\n border-radius: 10em;\n background-color: #ddd;\n width: 32px;\n height: 32px;\n"])));var s,x,u,g,m,c,h,f,b,y=i(e)(c||(c=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),w=i(e)(h||(h=n(["\n min-width: 180px;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 312px;\n ","px;\n\n & > a {\n display: inherit;\n }\n"],["\n min-width: 180px;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 312px;\n ","px;\n\n & > a {\n display: inherit;\n }\n"])),o(15)),k=i(t)(f||(f=n(["\n position: absolute;\n top: 10px;\n right: 32px;\n border-radius: 10em;\n box-shadow: ",";\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n width: 32px;\n height: 32px;\n background-color: rgba(255, 255, 255, 0.5);\n color: rgba(0, 0, 0, 0.2);\n\n &:hover {\n // background-color: ",";\n background-color: rgba(0, 98, 255, 0.04);\n }\n"],["\n position: absolute;\n top: 10px;\n right: 32px;\n border-radius: 10em;\n box-shadow: ",";\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n width: 32px;\n height: 32px;\n background-color: rgba(255, 255, 255, 0.5);\n color: rgba(0, 0, 0, 0.2);\n\n &:hover {\n // background-color: ",";\n background-color: rgba(0, 98, 255, 0.04);\n }\n"])),(function(n){return n.theme.shadows[2]}),(function(n){return n.theme.palette.common.white})),M=i(e)(b||(b=n(["\n min-width: 150px;\n padding: 8px;\n\n & .userTeam {\n text-align: right;\n color: ",";\n & .MuiTypography-root {\n font-size: 11px;\n }\n }\n & .user {\n display: flex;\n justify-content: space-between;\n padding-bottom: 24px;\n\n & .MuiTypography-root {\n font-size: 13px;\n }\n & .userId {\n color: ",";\n }\n & .userNm {\n //\n }\n }\n & .logout {\n text-align: center;\n }\n"],["\n min-width: 150px;\n padding: 8px;\n\n & .userTeam {\n text-align: right;\n color: ",";\n & .MuiTypography-root {\n font-size: 11px;\n }\n }\n & .user {\n display: flex;\n justify-content: space-between;\n padding-bottom: 24px;\n\n & .MuiTypography-root {\n font-size: 13px;\n }\n & .userId {\n color: ",";\n }\n & .userNm {\n //\n }\n }\n & .logout {\n text-align: center;\n }\n"])),r.color.blue,(function(n){return n.theme.palette.grey[600]}));export{k as FullscreenButton,p as HeaderContainer,l as HeaderRightSideContainer,y as IconBox,w as LogoContainer,d as MyFavoriteMenu,a as SearchInputContainer,M as UserInfo};