carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.23 kB
JavaScript
import o,{css as t}from"styled-components";import i from"../../button/button.component.js";import{StyledButton as e}from"../picklist-item/picklist-item.style.js";const n=o.li.withConfig({displayName:"picklist-group.style__StyledGroupWrapper",componentId:"sc-4f863755-0"})(["",""],(({highlighted:o,type:i})=>t(["&:not(:first-of-type){margin-top:16px;}",""],o&&t(["","{background:",""],e,"add"===i?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)")))),p=o.ul.withConfig({displayName:"picklist-group.style__StyledPicklistGroupUl",componentId:"sc-4f863755-1"})(["padding:0;"]),r=o.li.withConfig({displayName:"picklist-group.style__StyledPicklistGroup",componentId:"sc-4f863755-2"})(["display:flex;align-items:center;width:100%;margin-bottom:4px;"]),l=o(i).withConfig({displayName:"picklist-group.style__StyledGroupButton",componentId:"sc-4f863755-3"})(["",""],(({iconType:o})=>t(["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)")));export{l as StyledGroupButton,n as StyledGroupWrapper,r as StyledPicklistGroup,p as StyledPicklistGroupUl};