carbon-react/esm/components/split-button/split-button-toggle.style.js

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

import o,{css as r}from"styled-components";import n from"../button/button.style.js";import c from"../icon/icon.style.js";const a={small:5,medium:10,large:14},t=o(n).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"sc-c0d1173d-0"})(["",""],(({buttonType:o,disabled:t,displayed:l,size:e,isWhite:i})=>r(["border-top-left-radius:var(--borderRadius000);border-bottom-left-radius:var(--borderRadius000);"," "," "," "," padding:0 ","px;"," + &{margin-left:0;}"," + & ","{margin-left:0;}&:focus{background-color:var(--colorsActionMajor700);border-color:var(--colorsActionMajor700);&,","{color:var(--colorsActionMajorYang100);}}",""],t||!l||i?"":r(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c),!t&&l&&i?r(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],c):"",!t&&"primary"===o&&"\n      position: relative;\n      &::before {\n        content: '';\n        width: 2px;\n        height: 100%;\n        background: var(--colorsActionMajorYang100);\n        position: absolute;\n        left: -2px;\n        z-index: 2;\n      }  \n    ","secondary"===o&&"border-left-width: 0;",a[e],n,n,c,c,!t&&i&&`\n      &:focus {\n        background-color: var(--colorsActionMajorYang100);\n        border-color: var(--colorsActionMajorYang100);\n\n        &,\n        ${c} {\n          color: var(--colorsYin100);\n        }\n      }\n    `)));export{t as default};