carbon-react/lib/components/duelling-picklist/picklist-group/picklist-group.style.js

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

"use strict";var t=require("styled-components"),o=require("../../button/button.component.js"),e=require("../picklist-item/picklist-item.style.js");function i(t){return t&&t.__esModule?t:{default:t}}var r=i(t);const l=r.default.li.withConfig({displayName:"picklist-group.style__StyledGroupWrapper",componentId:"sc-4f863755-0"})(["",""],(({highlighted:o,type:i})=>t.css(["&:not(:first-of-type){margin-top:16px;}",""],o&&t.css(["","{background:",""],e.StyledButton,"add"===i?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)")))),s=r.default.ul.withConfig({displayName:"picklist-group.style__StyledPicklistGroupUl",componentId:"sc-4f863755-1"})(["padding:0;"]),p=r.default.li.withConfig({displayName:"picklist-group.style__StyledPicklistGroup",componentId:"sc-4f863755-2"})(["display:flex;align-items:center;width:100%;margin-bottom:4px;"]),n=r.default(o.default).withConfig({displayName:"picklist-group.style__StyledGroupButton",componentId:"sc-4f863755-3"})(["",""],(({iconType:o})=>t.css(["padding:0;margin-right:0;margin-left:auto;height:40px;min-width:40px;border:none;&:focus{> span{color:var(--colorsActionMajorYang100);}background:",""],"add"===o?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)")));exports.StyledGroupButton=n,exports.StyledGroupWrapper=l,exports.StyledPicklistGroup=p,exports.StyledPicklistGroupUl=s;