carbon-react/lib/components/multi-action-button/multi-action-button.style.js

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

"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../button/button.style.js"),r=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),n=require("../../style/utils/element-sizing.js"),a=require("../split-button/split-button-children.style.js");function l(t){return t&&t.__esModule?t:{default:t}}var s=l(t);const d=s.default.div.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledMultiActionButton",componentId:"sc-7205beec-0"})([""," display:inline-block;position:relative;"," & > ","{margin:0;","{margin-left:0;left:8px;}&:focus{background-color:var(--colorsActionMajor700);border:3px solid var(--colorsActionMajor700);outline:none;margin:0 -1px;&,","{color:var(--colorsActionMajorYang100);}}","}"],o.margin,(({width:o})=>o&&t.css([""," ","{width:100%;justify-content:space-between;}"],n.default({width:o}),e.default)),e.default,i.default,i.default,(({displayed:o})=>o&&t.css(["background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}&:focus{margin:0 -1px;}"],i.default))),c=s.default.ul.attrs(r.default).withConfig({displayName:"multi-action-button.style__StyledButtonChildrenContainer",componentId:"sc-7205beec-1"})(["",""],(({theme:o,align:r,minWidth:i})=>t.css(["background-color:var(--colorsActionMajorYang100);min-width:","px;white-space:nowrap;z-index:",";box-shadow:var(--boxShadow100);border-radius:var(--borderRadius100);list-style:none;padding:0;margin:0;"," ","{border:1px solid var(--colorsActionMajorTransparent);display:flex;justify-content:",";margin-left:0;min-width:100%;text-align:",";& + &{margin-top:3px;}&:focus{position:relative;z-index:1;}}"],i,o.zIndex.popover,a.borderRadiusStyling,e.default,r,r)));exports.StyledButtonChildrenContainer=c,exports.StyledMultiActionButton=d;