carbon-react/esm/components/button-bar/button-bar.style.js

A library of reusable React components for easily building user interfaces.

import o,{css as r}from"styled-components";import{space as t}from"styled-system";import i from"../../style/themes/apply-base-theme.js";import d from"../icon/icon.style.js";import s from"../icon-button/icon-button.style.js";const a=o.div.attrs(i).withConfig({displayName:"button-bar.style__StyledButtonBar",componentId:"sc-488d349-0"})([""," ",""],t,(({fullWidth:o,size:t})=>r([""," button{margin:0;position:relative;&:not(:first-child):not(:last-child){border-radius:var(--borderRadius000);}&:first-child:not(:last-child){border-top-right-radius:var(--borderRadius000);border-bottom-right-radius:var(--borderRadius000);}&:last-child:not(:first-child){border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);}&:not(:first-of-type){margin-left:-2px;}&:not(:disabled){z-index:1;}&:hover:not(:disabled){z-index:2;}&:focus{z-index:3;}}",":not(:disabled){border:2px solid var(--colorsActionMajor500);&:focus{border-right-color:var(--colorsActionMajor500);}&:hover{background-color:var(--colorsActionMajor600);border-color:var(--colorsActionMajor600);color:var(--colorsActionMajorYang100);}","{color:var(--colorsActionMajor500);&:hover{color:var(--colorsActionMajorYang100);}}}",":disabled{border:2px solid var(--colorsActionDisabled500);}"],o&&r(["width:100%;display:flex;button{box-sizing:content-box;padding:0;width:100%;"," "," ","}"],"small"===t&&"min-height: 28px","medium"===t&&"min-height: 36px","large"===t&&"min-height: 44px"),s,d,s)));export{a as default};