carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.87 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../button/button.style.js"),e=require("../icon/icon.style.js");function t(o){return o&&o.__esModule?o:{default:o}}const n={small:5,medium:10,large:14},a=t(o).default(r.default).withConfig({displayName:"split-button-toggle.style__StyledSplitButtonToggle",componentId:"sc-c0d1173d-0"})(["",""],(({buttonType:t,disabled:a,displayed:c,size:l,isWhite:s})=>o.css(["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);}}",""],a||!c||s?"":o.css(["background-color:var(--colorsActionMajor500);border-color:var(--colorsActionMajor500);&,","{color:var(--colorsActionMajorYang100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],e.default),!a&&c&&s?o.css(["background-color:var(--colorsActionMajorYang100);border-color:var(--colorsActionMajorYang100);&,","{color:var(--colorsYin100);}&:focus{border-left-color:var(--colorsSemanticFocus500);}"],e.default):"",!a&&"primary"===t&&"\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"===t&&"border-left-width: 0;",n[l],r.default,r.default,e.default,e.default,!a&&s&&`\n &:focus {\n background-color: var(--colorsActionMajorYang100);\n border-color: var(--colorsActionMajorYang100);\n\n &,\n ${e.default} {\n color: var(--colorsYin100);\n }\n }\n `)));exports.default=a;