UNPKG

@zenkit/typography

Version:

ZenKit components for impliments typography

2 lines (1 loc) 7.5 kB
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("classnames"),require("@zenkit/styles")):"function"==typeof define&&define.amd?define(["exports","react","classnames","@zenkit/styles"],t):t((e=e||self).typography={},e.react,e.classnames,e.zenkitStyles)}(this,function(e,T,D,t){"use strict";D=D&&D.hasOwnProperty("default")?D.default:D;var n,H=(function(e){function t(){return e.exports=t=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},t.apply(this,arguments)}e.exports=t}(n={exports:{}},n.exports),n.exports);var $=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e};var l=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||(a[n]=e[n]);return a};var F=function(e,t){if(null==e)return{};var n,r,a=l(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],0<=t.indexOf(n)||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a};function r(e){var t,n=e.is,r=e.children,a=e.family,i=e.size,l=e.height,o=e.weight,s=e.italic,c=e.align,u=e.verticalAlign,p=e.color,d=e.background,f=e.opacity,m=e.shadow,h=e.indent,g=e.letterSpacing,y=e.wordSpacing,v=e.noDecorate,w=e.underline,S=e.overline,b=e.lineThrough,z=e.noCapitalize,N=e.capitalize,k=e.uppercase,x=e.lowercase,E=e.normalCaps,O=e.smallCaps,_=e.noWrap,C=e.truncate,j=e.visible,P=e.invisible,A=e.hide,W=(e.theme,e.classes),q=e.className,L=F(e,["is","children","family","size","height","weight","italic","align","verticalAlign","color","background","opacity","shadow","indent","letterSpacing","wordSpacing","noDecorate","underline","overline","lineThrough","noCapitalize","capitalize","uppercase","lowercase","normalCaps","smallCaps","noWrap","truncate","visible","invisible","hide","theme","classes","className"]);return T.createElement(n,H({className:D((t={},$(t,W.family,a),$(t,W.size,i),$(t,W.height,l),$(t,W.weight,o),$(t,W.italic,s),$(t,W.align,c),$(t,W.verticalAlign,u),$(t,W.color,p),$(t,W.background,d),$(t,W.opacity,f),$(t,W.shadow,m),$(t,W.indent,h),$(t,W.letterSpacing,g),$(t,W.wordSpacing,y),$(t,W.decoration,v||w||S||b),$(t,W.transform,z||N||k||x),$(t,W.variant,E||O),$(t,W.noWrap,_),$(t,W.truncate,C),$(t,W.visible,j||P),$(t,W.hide,A),t),q)},L),r)}r.defaultProps={is:"span"};var u=t.withStyles(function(t){return{family:{fontFamily:function(e){return t.fontFamily[e.family]||e.family}},size:{fontSize:function(e){return e.size}},height:{lineHeight:function(e){return e.height}},weight:{fontWeight:function(e){return e.weight}},italic:{fontStyle:"italic"},align:{textAlign:function(e){return e.align}},verticalAlign:{verticalAlign:function(e){return e.verticalAlign}},color:{color:function(e){return e.color}},background:{background:function(e){return e.background}},opacity:{opacity:function(e){return e.opacity}},shadow:{textShadow:function(e){return e.shadow}},indent:{textIndent:function(e){return e.indent}},letterSpacing:{letterSpacing:function(e){return e.letterSpacing}},wordSpacing:{wordSpacing:function(e){return e.wordSpacing}},decoration:{textDecoration:function(e){if(e.noDecorate)return"none";var t=[];return e.underline&&(t=t.push("underline")),e.overline&&(t=t.push("overline")),e.lineThrough&&(t=t.push("line-through")),t.join(" ")}},transform:{textTransform:function(e){return e.noCapitalize?"none":e.capitalize?"capitalize":e.uppercase?"uppercase":e.lowercase?"lowercase":void 0}},variant:{fontVariant:function(e){return e.normalCaps?"normal":e.smallCaps?"small-caps":void 0}},noWrap:{whiteSpace:"nowrap"},truncate:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},visible:{visibility:function(e){return!0===e.visible?"visible":e.invisible?"hidden":void 0}},hide:{font:"0/0 a",color:"transparent",textShadow:"none",backgroundColor:"transparent",border:0}}})(r);function a(e){var t=e.level,n=e.size,r=e.classes,a=e.className,i=e.children,l=F(e,["level","size","classes","className","children"]),o="h".concat(t),s=n||["xl","l","m","s","xs","xxs"][t-1];return T.createElement(u,H({is:o,className:D(r.root,$({},r["size_".concat(s)],s),a)},l),i)}a.defaultProps={level:3};var i=t.withStyles({root:{margin:"0 0 .5rem",fontWeight:"500",lineHeight:"1.2",color:"inherit"},size_xl:{fontSize:"2.5rem"},size_l:{fontSize:"2rem"},size_m:{fontSize:"1.75rem"},size_s:{fontSize:"1.5rem"},size_xs:{fontSize:"1.25rem"},size_xxs:{fontSize:"1rem"}})(a);var o=t.withStyles({root:{margin:"0 0 1em"}})(function(e){var t=e.classes,n=e.className,r=e.children,a=F(e,["classes","className","children"]);return T.createElement(u,H({is:"p",className:D(t.root,n)},a),r)});var s=t.withStyles({root:{fontSize:"1.25rem",fontWeight:"300"}})(function(e){var t=e.classes,n=e.className,r=e.children,a=F(e,["classes","className","children"]);return T.createElement(o,H({className:D(t.root,n)},a),r)});function c(e){var t=e.type,n=e.classes,r=e.className,a=e.children,i=F(e,["type","classes","className","children"]),l="ordered"!==t?"ul":"ol";return T.createElement(u,H({is:l,className:D(n.root,$({},n["type_".concat(t)],t),r)},i),T.Children.map(a,function(e,t){if(e){var n=e.key||"list-".concat(t);return"li"!==e.type?T.createElement("li",{key:n},e):T.cloneElement(e,{key:n})}}))}c.defaultProps={type:"unstyled"};var p=t.withStyles({root:{margin:"0 0 1rem",padding:0,"& > li > ol, & > li > ul":{paddingLeft:"3ch",margin:".5rem 0"}},type_unstyled:{padding:0,listStyle:"none"},type_inline:{padding:0,listStyle:"none","& > li":{display:"inline-block","&:not(:last-child)":{marginRight:"1ch"}}},type_ordered:{paddingLeft:"3ch"},type_unordered:{paddingLeft:"3ch"}})(c);var d=t.withStyles({root:{margin:"0 0 1em"},paragraph:{margin:0},footer:{display:"block"}})(function(e){var t=e.source,r=e.classes,n=e.className,a=e.children,i=F(e,["source","classes","className","children"]);return T.createElement(u,H({is:"blockquote",size:"1.25em",className:D(r.root,n)},i),T.Children.map(a,function(e,t){if(e){var n=e.key||"paragraph-".concat(t);return e.type!==o?T.createElement(o,{key:n,className:r.paragraph},e):T.cloneElement(e,{key:n,className:D(r.paragraph,e.props.className)})}}),t&&T.createElement(u,{is:"footer",size:"80%",color:"#6c757d",className:r.footer},t))});var f=t.withStyles({root:{margin:0,padding:0,whiteSpace:"pre-wrap",overflowX:"auto"}})(function(e){var t=e.classes,n=e.className,r=e.children,a=F(e,["classes","className","children"]);return T.createElement(u,H({is:"pre",family:"monospace",className:D(t.root,n)},a),r)});var m=t.withStyles({root:{margin:0,borderRadius:"3px",fontSize:"85%",padding:".2em .4em"},block:{display:"block",lineHeight:"1.45"}})(function(e){var t,n=e.block,r=e.classes,a=e.className,i=e.children,l=F(e,["block","classes","className","children"]);if("string"==typeof i)if(n){var o,s=i.replace("\t"," ").split("\n");s.filter(function(e){return e.search(/\S|$/)!==e.length}).forEach(function(e){o=!o||o>e.search(/\S|$/)?e.search(/\S|$/):o}),t=s.map(function(e){return e.search(/\S|$/)===e.length?"":e.slice(o)}).join("\n").trim()}else t=i.trim();else t=i;var c=T.createElement(u,H({is:"code",background:"#f6f8fa",family:"monospace",className:D(r.root,$({},r.block,n),a)},l),t);return n?T.createElement(f,null,c):c});e.Heading=i,e.Paragraph=o,e.Lead=s,e.List=p,e.Text=u,e.Blockquote=d,e.Pre=f,e.Code=m,Object.defineProperty(e,"__esModule",{value:!0})});