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

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

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("styled-system"),n=require("../icon/icon.style.js"),i=require("../../style/themes/apply-base-theme.js"),s=require("../../style/utils/add-focus-styling.js"),o=require("./button-types.style.js");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);function l({iconOnly:t,disabled:n,buttonType:i,size:s,destructive:r,isWhite:a}){return e.css(["",";"," "," "," ",""],o.default(n,r,a)[i],"small"===s&&e.css(["font-size:var(--fontSizes100);min-height:32px;"]),"medium"===s&&e.css(["font-size:var(--fontSizes100);min-height:40px;"]),"large"===s&&e.css(["font-size:var(--fontSizes200);min-height:48px;"]),t&&function(e){let t="";switch(e){case"small":t="32px";break;case"large":t="48px";break;default:t="40px"}return`\n    padding: 0px; \n    width: ${t}; \n    min-height: ${t};\n  `}(s))}const c=a.default.button.attrs(i.default).withConfig({displayName:"button.style__StyledButton",componentId:"sc-7eccfb5e-0"})([""," "," "," ",""],t.space,(({disabled:t,noWrap:n})=>e.css(["align-items:center;cursor:",";display:inline-flex;",";justify-content:center;vertical-align:middle;outline-offset:0;border:2px solid transparent;box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:var(--borderRadius400);&:focus{","}",""],t?"not-allowed":"pointer",n?"white-space: nowrap":"flex-flow: wrap",s.default(),l)),(({fullWidth:t})=>t&&e.css(["width:100%;"])),(({iconOnly:t,iconPosition:i,iconType:s})=>e.css(["","{"," "," height:",";width:20px;svg{margin-top:0;}}"],n.default,t&&e.css(["margin-left:auto;margin-right:auto;margin-bottom:1px;"]),!t&&e.css(["margin-bottom:0px;"," ",""],"after"===i&&"\n          margin-left: var(--spacing100);\n          margin-right: 0px;\n        ","before"===i&&"\n          margin-left: 0px;\n          margin-right: var(--spacing100);\n        "),function(e){return"services"===e?"6px":"20px"}(s)))),d=a.default.span.withConfig({displayName:"button.style__StyledButtonSubtext",componentId:"sc-7eccfb5e-1"})(["font-size:14px;font-weight:400;display:block;"]),u=a.default.span.withConfig({displayName:"button.style__StyledButtonMainText",componentId:"sc-7eccfb5e-2"})(["display:flex;align-items:center;"]);exports.StyledButtonMainText=u,exports.StyledButtonSubtext=d,exports.default=c;