| 1 | {"version":3,"sources":["../../src/Sider/Sider.styles.js"],"names":["Wrapper","p","verticalAlign","isOverflow","verticalView","mobile","Left","centeringLeftBlock","verticalGap","gap","height","Right","centeringRightBlock"],"mappings":";;;;;;;;;;;AAEO,IAAMA,OAAO,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH,8BAEH,UAACC,CAAD;AAAA,SAAOA,CAAC,CAACC,aAAT;AAAA,CAFG,OAGhB,UAACD,CAAD;AAAA,SAAOA,CAAC,CAACE,UAAF,IAAgB,mBAAvB;AAAA,CAHgB,OAIhB,UAACF,CAAD;AAAA,SAAOA,CAAC,CAACG,YAAF,IAAkB,8CAAzB;AAAA,CAJgB,OAKhB,UAACH,CAAD;AAAA,SACAA,CAAC,CAACI,MAAF,gJADA;AAAA,CALgB,kiFAAb;;AAoBA,IAAMC,IAAI,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH,gBAEb,UAACL,CAAD;AAAA,SACAA,CAAC,CAACM,kBAAF,wDADA;AAAA,CAFa,wCASE,UAACN,CAAD;AAAA,mBAAUA,CAAC,CAACO,WAAZ;AAAA,CATF,oBAUC,UAACP,CAAD;AAAA,mBAAUA,CAAC,CAACQ,GAAZ;AAAA,CAVD,cAWL,UAACR,CAAD,EAAO;AACf,MAAIA,CAAC,CAACS,MAAF,IAAY,OAAOT,CAAC,CAACS,MAAT,KAAoB,QAApC,EAA8C;AAC5C,qBAAUT,CAAC,CAACS,MAAZ;AACD;;AACD,MAAIT,CAAC,CAACS,MAAF,IAAY,OAAOT,CAAC,CAACS,MAAT,KAAoB,QAApC,EAA8C;AAC5C,QAAIT,CAAC,CAACS,MAAF,KAAa,MAAjB,EAAyB;AACvB,aAAO,MAAP;AACD;;AACD,WAAOT,CAAC,CAACS,MAAT;AACD;;AACD,SAAO,MAAP;AACD,CAtBc,69EAAV;;AAyBA,IAAMC,KAAK,GAAG,oCAAO,KAAP;AAAA;AAAA;AAAA,EAAH,0DAKd,UAACV,CAAD;AAAA,SACAA,CAAC,CAACW,mBAAF,wDADA;AAAA,CALc,OAWd,UAACX,CAAD;AAAA,SACAA,CAAC,CAACE,UAAF,yFADA;AAAA,CAXc,OAkBd,UAACF,CAAD;AAAA,SACAA,CAAC,CAACI,MAAF,wKADA;AAAA,CAlBc,69EAAX","sourcesContent":["import styled from '@emotion/styled';\n\nexport const Wrapper = styled('div')`\n display: flex;\n align-items: ${(p) => p.verticalAlign};\n ${(p) => p.isOverflow && 'overflow: hidden;'}\n ${(p) => p.verticalView && 'flex-direction: column; align-items: center;'}\n ${(p) =>\n p.mobile &&\n `\n @media screen and (max-width: 768px) {\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n `}\n @media screen and (max-width: 768px) {\n display: flex;\n align-items: center;\n }\n`;\n\nexport const Left = styled('div')`\n width: auto;\n ${(p) =>\n p.centeringLeftBlock &&\n `\n display: flex;\n align-items: center;\n `}\n white-space: nowrap;\n margin-bottom: ${(p) => `${p.verticalGap}px`};\n margin-right: ${(p) => `${p.gap}px`};\n height: ${(p) => {\n if (p.height && typeof p.height === 'number') {\n return `${p.height}px`;\n }\n if (p.height && typeof p.height === 'string') {\n if (p.height === 'auto') {\n return 'auto';\n }\n return p.height;\n }\n return '100%';\n }};\n`;\n\nexport const Right = styled('div')`\n width: 100%;\n flex: 1;\n display: flex;\n flex-direction: column;\n ${(p) =>\n p.centeringRightBlock &&\n `\n display: flex;\n align-items: center;\n `}\n ${(p) =>\n p.isOverflow &&\n `\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n `}\n ${(p) =>\n p.mobile &&\n `\n @media screen and (max-width: 768px) {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding-top: 10px;\n }\n `}\n`;\n"],"file":"Sider.styles.js"} |