carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2 kB
JavaScript
import r,{css as o}from"styled-components";import i from"../../button/button.component.js";import t from"../../icon/icon.component.js";import d from"../../icon/icon.style.js";const a=r.li.withConfig({displayName:"picklist-item.style__StyledPicklistItem",componentId:"sc-eb1e700a-0"})(["border-radius:var(--borderRadius100);",""],(({locked:r})=>o(["display:flex;align-items:center;width:100%;background-color:",";"," "," & + &{margin-top:8px;}"],r?"var(--colorsUtilityMajor025)":"var(--colorsUtilityYang100)",!r&&o(["box-shadow:var(--boxShadow050);"]),r&&o(["border:1px solid var(--colorsUtilityMajor200);color:var(--colorsUtilityYin065);","{color:var(--colorsUtilityMajor200);}"],d)))),e=r(i).withConfig({displayName:"picklist-item.style__StyledButton",componentId:"sc-eb1e700a-1"})(["border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);:hover{border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);}:focus{border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);}",""],(({iconType:r})=>o(["padding:0;margin-right:0;margin-left:auto;height:40px;min-width:40px;&:focus{background:",";"],"add"===r?"var(--colorsActionMajor600)":"var(--colorsSemanticNegative600)"))),s=r(t).withConfig({displayName:"picklist-item.style__StyledLockIcon",componentId:"sc-eb1e700a-2"})(["margin-right:0;height:40px;min-width:40px;:focus{border-bottom-right-radius:var(--borderRadius100);border-top-right-radius:var(--borderRadius100);border-bottom-left-radius:var(--borderRadius000);border-top-left-radius:var(--borderRadius000);}"]);export{e as StyledButton,s as StyledLockIcon,a as StyledPicklistItem};