carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 1.47 kB
JavaScript
import o,{css as r}from"styled-components";import i from"../icon-button/icon-button.style.js";import n from"../icon/icon.style.js";import a from"../../style/utils/add-focus-styling.js";const t=o.div.withConfig({displayName:"batch-selection.style__StyledBatchSelection",componentId:"sc-108d9ca5-0"})(["",""],(({disabled:o,colorTheme:t,hidden:c})=>r(["align-items:center;display:inline-flex;border-radius:var(--borderRadius100);"," ","{"," &:focus{","}}"," "," "," ","{margin:0;position:static;padding:10px;}",":hover{","}",":focus{border-radius:var(--borderRadius100);z-index:1;","}",""],c&&"visibility: hidden;",n,!o&&"color: var(--colorsActionMajorYin065);",a(),"dark"===t&&r(["background-color:var(--colorsUtilityMajor500);color:var(--colorsUtilityYang100);","{color:var(--colorsActionMajorYang100);}"],n),"light"===t&&r(["background-color:var(--colorsUtilityMajor150);"]),"white"===t&&r(["background-color:var(--colorsUtilityYang100);box-shadow:var(--boxShadow100);"]),i,i,!o&&`\n background-color: var(--colorsActionMajor500);\n border-radius: var(--borderRadius100);\n\n ${n} {\n color: var(--colorsActionMajorYang100);\n }\n `,i,a(),o&&r(["background:transparent;color:var(--colorsUtilityYin030);cursor:not-allowed;"])))),c=o.span.withConfig({displayName:"batch-selection.style__StyledSelectionCount",componentId:"sc-108d9ca5-1"})(["display:inline-block;padding:10px 15px;"]);export{t as StyledBatchSelection,c as StyledSelectionCount};