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