carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 2.13 kB
JavaScript
import t,{css as e}from"styled-components";import{space as n}from"styled-system";import i from"../icon/icon.style.js";import o from"../../style/themes/apply-base-theme.js";import s from"../../style/utils/add-focus-styling.js";import r from"./button-types.style.js";function a({iconOnly:t,disabled:n,buttonType:i,size:o,destructive:s,isWhite:a}){return e(["",";"," "," "," ",""],r(n,s,a)[i],"small"===o&&e(["font-size:var(--fontSizes100);min-height:32px;"]),"medium"===o&&e(["font-size:var(--fontSizes100);min-height:40px;"]),"large"===o&&e(["font-size:var(--fontSizes200);min-height:48px;"]),t&&function(t){let e="";switch(t){case"small":e="32px";break;case"large":e="48px";break;default:e="40px"}return`\n padding: 0px; \n width: ${e}; \n min-height: ${e};\n `}(o))}const l=t.button.attrs(o).withConfig({displayName:"button.style__StyledButton",componentId:"sc-7eccfb5e-0"})([""," "," "," ",""],n,(({disabled:t,noWrap:n})=>e(["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(),a)),(({fullWidth:t})=>t&&e(["width:100%;"])),(({iconOnly:t,iconPosition:n,iconType:o})=>e(["","{"," "," height:",";width:20px;svg{margin-top:0;}}"],i,t&&e(["margin-left:auto;margin-right:auto;margin-bottom:1px;"]),!t&&e(["margin-bottom:0px;"," ",""],"after"===n&&"\n margin-left: var(--spacing100);\n margin-right: 0px;\n ","before"===n&&"\n margin-left: 0px;\n margin-right: var(--spacing100);\n "),function(t){return"services"===t?"6px":"20px"}(o)))),p=t.span.withConfig({displayName:"button.style__StyledButtonSubtext",componentId:"sc-7eccfb5e-1"})(["font-size:14px;font-weight:400;display:block;"]),m=t.span.withConfig({displayName:"button.style__StyledButtonMainText",componentId:"sc-7eccfb5e-2"})(["display:flex;align-items:center;"]);export{m as StyledButtonMainText,p as StyledButtonSubtext,l as default};