carbon-react
Version:
A library of reusable React components for easily building user interfaces.
2 lines (1 loc) • 3.09 kB
JavaScript
import e,{css as r}from"styled-components";import{space as t}from"styled-system";import a from"../../style/utils/color.js";import s from"../../style/themes/apply-base-theme.js";import n from"../../style/utils/visually-hidden.js";function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const l=e.span.attrs(s).withConfig({displayName:"typography.style__StyledTypography",componentId:"sc-f80efd85-0"})([""," "," "," ",""],(({fontSize:e,fontWeight:t,display:a,variant:s,lineHeight:o,listStyleType:l,whiteSpace:c,wordBreak:i,wordWrap:u,textAlign:p,textDecoration:h,textOverflow:g,textTransform:m,truncate:d,screenReaderOnly:f})=>{const y=e||(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"}})(s),b=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"}})(s),x=m||(e=>"segment-subheader-alt"===e?"uppercase":"none")(s),w=h||(e=>"em"===e?"underline":"none")(s),O=o||(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"}})(s);return r(["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:",";",";"," "," "," "," ",""],y,b,x,w,O,"p"===s?"0 0 16px":"0",d?"nowrap":c,i,u,p,g||d&&"ellipsis",d&&"\n overflow: hidden;\n ",f&&n,"sup"===s&&"vertical-align: super;","sub"===s&&"vertical-align: sub;",a&&`display: ${a};`,l&&`list-style-type: ${l};`)}),t,(e=>{var{color:r,bg:t,backgroundColor:s}=e,n=function(e,r){if(null==e)return{};var t,a,s=function(e,r){if(null==e)return{};var t,a,s={},n=Object.keys(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)t=n[a],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}(e,["color","bg","backgroundColor"]);return a(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){o(e,r,t[r])}))}return e}({color:r,bg:t,backgroundColor:s},n))}),(({isDisabled:e})=>e&&r(["color:var(--colorsUtilityYin030);"])));l.displayName="Typography";export{l as default};