carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.23 kB
JavaScript
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("styled-system"),t=require("../../style/utils/color.js"),s=require("../../style/themes/apply-base-theme.js"),a=require("../../style/utils/visually-hidden.js");function n(e){return e&&e.__esModule?e:{default:e}}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const c=n(e).default.span.attrs(s.default).withConfig({displayName:"typography.style__StyledTypography",componentId:"sc-f80efd85-0"})([""," "," "," ",""],(({fontSize:r,fontWeight:t,display:s,variant:n,lineHeight:l,listStyleType:c,whiteSpace:o,wordBreak:u,wordWrap:i,textAlign:p,textDecoration:d,textOverflow:h,textTransform:g,truncate:f,screenReaderOnly:y})=>{const b=r||(e=>{switch(e){case"h1-large":return"40px";case"h1":return"30px";case"h2":return"24px";case"h3":case"segment-header":return"21px";case"h4":case"segment-header-small":return"18px";case"h5":case"segment-subheader":case"big":return"16px";case"small":case"sub":case"sup":return"13px";default:return"14px"}})(n),m=t||(e=>{switch(e){case"h1-large":case"h1":case"h2":case"segment-header":case"segment-header-small":return"700";case"h3":case"segment-subheader":case"segment-subheader-alt":case"b":case"em":case"strong":return"500";default:return"400"}})(n),x=g||(e=>"segment-subheader-alt"===e?"uppercase":"none")(n),w=d||(e=>"em"===e?"underline":"none")(n),O=l||(e=>{switch(e){case"h1-large":return"50px";case"h1":return"37.5px";case"h2":return"30px";case"h3":case"segment-header":return"26.25px";case"h4":case"segment-header-small":return"22.5px";case"h5":case"small":case"sub":case"sup":return"20px";case"segment-subheader":case"big":return"24px";default:return"21px"}})(n),v="p"===n?"0 0 16px":"0";return e.css(["font-style:normal;font-size:",";font-weight:",";text-transform:",";text-decoration:",";line-height:",";margin:",";padding:0;white-space:",";word-break:",";word-wrap:",";text-align:",";text-overflow:",";",";"," "," "," "," ",""],b,m,x,w,O,v,f?"nowrap":o,u,i,p,h||f&&"ellipsis",f&&"\n overflow: hidden;\n ",y&&a.default,"sup"===n&&"vertical-align: super;","sub"===n&&"vertical-align: sub;",s&&`display: ${s};`,c&&`list-style-type: ${c};`)}),r.space,(e=>{var{color:r,bg:s,backgroundColor:a}=e,n=function(e,r){if(null==e)return{};var t,s,a=function(e,r){if(null==e)return{};var t,s,a={},n=Object.keys(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(s=0;s<n.length;s++)t=n[s],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}(e,["color","bg","backgroundColor"]);return t.default(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},s=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),s.forEach((function(r){l(e,r,t[r])}))}return e}({color:r,bg:s,backgroundColor:a},n))}),(({isDisabled:r})=>r&&e.css(["color:var(--colorsUtilityYin030);"])));c.displayName="Typography",exports.default=c;