carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.09 kB
JavaScript
import n,{css as o}from"styled-components";import r from"../button/button.component.js";import a from"../icon/icon.style.js";import i from"../loader/loader-square.style.js";function c(n){return`\n color: ${n};\n ${a} {\n color: ${n};\n }\n ${i} {\n background-color: ${n};\n }\n `}const t=n(r).withConfig({displayName:"button-minor.style__StyledButtonMinor",componentId:"sc-e9ee7e36-0"})(["border-radius:var(--borderRadius050);"," "," "," ",""],(({children:n})=>!n&&o(["","{position:absolute;}"],a)),(({buttonType:n,destructive:r,disabled:a})=>!r&&!a&&o([""," "," ",""],"primary"===n&&`\n background: var(--colorsActionMinor500);\n border-color: var(--colorsActionMinorTransparent);\n ${c("var(--colorsActionMinorYang100)")}\n &:hover {\n background: var(--colorsActionMinor600);\n }\n `,"secondary"===n&&`\n background: transparent;\n padding: var(--spacing100);\n border-color: var(--colorsActionMinor500);\n ${c("var(--colorsActionMinor500)")}\n &:hover {\n color: var(--colorsActionMinorYang100);\n background: var(--colorsActionMinor600);\n }\n `,"tertiary"===n&&`\n background: transparent;\n padding: var(--spacing100);\n ${c("var(--colorsActionMinor500)")}\n &:hover {\n color: var(--colorsActionMinorYang100);\n background: var(--colorsActionMinor600);\n }\n `)),(({isInPassword:n,disabled:r})=>n&&!r&&o(["","{color:var(--colorsUtilityMajor300);}&:hover{","{color:var(--colorsUtilityMajor300);}color:var(--colorsActionMinor500);background:transparent;}"],a,a)),(({size:n})=>o([""," "," ",""],"small"===n&&"\n min-height: var(--sizing400);\n padding: var(--spacing000) var(--spacing100) var(--spacing000)\n var(--spacing100);\n ","medium"===n&&"\n padding-left: var(--spacing150);\n padding-right: var(--spacing150);\n ","large"===n&&"\n padding-left: var(--spacing200);\n padding-right: var(--spacing200);\n ")));export{t as default};