carbon-react/lib/components/button-minor/button-minor.style.js

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("styled-components"),r=require("../button/button.component.js"),o=require("../icon/icon.style.js"),a=require("../loader/loader-square.style.js");function i(n){return n&&n.__esModule?n:{default:n}}function e(n){return`\n    color: ${n};\n    ${o.default} {\n      color: ${n};\n    }\n    ${a.default} {\n      background-color: ${n};\n    }\n  `}const t=i(n).default(r.default).withConfig({displayName:"button-minor.style__StyledButtonMinor",componentId:"sc-e9ee7e36-0"})(["border-radius:var(--borderRadius050);"," "," "," ",""],(({children:r})=>!r&&n.css(["","{position:absolute;}"],o.default)),(({buttonType:r,destructive:o,disabled:a})=>!o&&!a&&n.css([""," "," ",""],"primary"===r&&`\n        background: var(--colorsActionMinor500);\n        border-color: var(--colorsActionMinorTransparent);\n        ${e("var(--colorsActionMinorYang100)")}\n        &:hover {\n          background: var(--colorsActionMinor600);\n        }\n      `,"secondary"===r&&`\n        background: transparent;\n        padding: var(--spacing100);\n        border-color: var(--colorsActionMinor500);\n        ${e("var(--colorsActionMinor500)")}\n        &:hover {\n          color: var(--colorsActionMinorYang100);\n          background: var(--colorsActionMinor600);\n        }\n      `,"tertiary"===r&&`\n        background: transparent;\n        padding: var(--spacing100);\n        ${e("var(--colorsActionMinor500)")}\n        &:hover {\n          color: var(--colorsActionMinorYang100);\n          background: var(--colorsActionMinor600);\n        }\n      `)),(({isInPassword:r,disabled:a})=>r&&!a&&n.css(["","{color:var(--colorsUtilityMajor300);}&:hover{","{color:var(--colorsUtilityMajor300);}color:var(--colorsActionMinor500);background:transparent;}"],o.default,o.default)),(({size:r})=>n.css([""," "," ",""],"small"===r&&"\n      min-height: var(--sizing400);\n      padding: var(--spacing000) var(--spacing100) var(--spacing000)\n        var(--spacing100);\n    ","medium"===r&&"\n      padding-left: var(--spacing150);\n      padding-right: var(--spacing150);\n    ","large"===r&&"\n      padding-left: var(--spacing200);\n      padding-right: var(--spacing200);\n    ")));exports.default=t;