carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.06 kB
JavaScript
;var r=require("styled-components"),t=require("../../../../button/button.component.js");function o(r){return r&&r.__esModule?r:{default:r}}var e=o(r);const a=r=>{switch(r){case"small":return"8px";case"large":return"16px";default:return"12px"}},i=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbarWrapper",componentId:"sc-524b490c-0"})(["display:flex;flex-direction:row;gap:8px;background-color:var(--colorsActionMajorYang100);padding:",";border-top-left-radius:",";border-top-right-radius:",";border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:1px solid var(--colorsUtilityMajor200);align-items:center;flex-wrap:wrap;"],(r=>a(r.size)),(({hasHeader:r})=>r?"0":"var(--borderRadius100)"),(({hasHeader:r})=>r?"0":"var(--borderRadius100)")),s=e.default.div.withConfig({displayName:"toolbar.style__StyledToolbar",componentId:"sc-524b490c-1"})(["display:flex;flex-direction:row;gap:8px;background-color:var(--colorsActionMajorYang100);align-items:center;flex-wrap:wrap;"]),n=e.default.div.withConfig({displayName:"toolbar.style__CommandButtons",componentId:"sc-524b490c-2"})(["display:flex;flex-direction:row;gap:8px;"]),l=e.default(t.default).withConfig({displayName:"toolbar.style__FormattingButton",componentId:"sc-524b490c-3"})(["display:inline-flex;justify-content:center;align-items:center;padding:6px;border-radius:var(--borderRadius100);border:medium;cursor:pointer;&:hover{> span{color:var(--colorsUtilityYang100) !important;}}"," "," > span{","}"],(({size:t})=>{switch(t){case"large":return r.css(["min-width:48px;min-height:48px;"]);case"small":return r.css(["min-width:32px;min-height:32px;"]);default:return r.css(["min-width:40px;min-height:40px;"])}}),(({isActive:t})=>r.css(["background-color:",";"],t?"var(--colorsActionMajor600)":"transparent")),(({isActive:t})=>r.css(["color:"," !important;"],t?"var(--colorsUtilityYang100)":"var(--colorsUtilityYin100) ")));exports.CommandButtons=n,exports.FormattingButton=l,exports.StyledToolbar=s,exports.StyledToolbarWrapper=i,exports.getPaddingForSize=a;