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

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("styled-system"),t=require("../../style/themes/apply-base-theme.js"),e=require("../icon/icon.style.js"),i=require("../icon-button/icon-button.style.js");function d(o){return o&&o.__esModule?o:{default:o}}const s=d(o).default.div.attrs(t.default).withConfig({displayName:"button-bar.style__StyledButtonBar",componentId:"sc-488d349-0"})([""," ",""],r.space,(({fullWidth:r,size:t})=>o.css([""," 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);}"],r&&o.css(["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"),i.default,e.default,i.default)));exports.default=s;