babel-plugin-tailwind-components - npm Package Compare versions

Comparing version 0.5.3 to 0.5.4

dist/index.js

@@ -1,2 +0,2 @@
-var e={"bg-bottom":{backgroundPosition:"bottom"},"bg-center":{backgroundPosition:"center"},"bg-left":{backgroundPosition:"left"},"bg-left-bottom":{backgroundPosition:"left bottom"},"bg-left-top":{backgroundPosition:"left top"},"bg-right":{backgroundPosition:"right"},"bg-right-bottom":{backgroundPosition:"right bottom"},"bg-right-top":{backgroundPosition:"right-top"},"bg-top":{backgroundPosition:"top"},"bg-repeat":{backgroundRepeat:"repeat"},"bg-no-repeat":{backgroundRepeat:"no-repeat"},"bg-repeat-x":{backgroundRepeat:"repeat-x"},"bg-repeat-y":{backgroundRepeat:"repeat-y"},"bg-fixed":{backgroundAttachment:"fixed"},"bg-local":{backgroundAttachment:"local"},"bg-scroll":{backgroundAttachment:"scroll"},"border-solid":{borderStyle:"solid"},"border-dashed":{borderStyle:"dashed"},"border-dotted":{borderStyle:"dotted"},"border-none":{borderStyle:"none"},block:{display:"block"},"inline-block":{display:"inline-block"},inline:{display:"inline"},table:{display:"table"},"table-row":{display:"table-row"},"table-cell":{display:"table-cell"},hidden:{display:"none"},flex:{display:"flex"},"inline-flex":{display:"inline-flex"},"flex-row":{flexDirection:"row"},"flex-row-reverse":{flexDirection:"row-reverse"},"flex-col":{flexDirection:"column"},"flex-col-reverse":{flexDirection:"column-reverse"},"flex-no-wrap":{flexWrap:"nowrap"},"flex-wrap":{flexWrap:"wrap"},"flex-wrap-reverse":{flexWrap:"wrap-reverse"},"justify-start":{justifyContent:"flex-start"},"justify-center":{justifyContent:"center"},"justify-end":{justifyContent:"flex-end"},"justify-between":{justifyContent:"space-between"},"justify-around":{justifyContent:"space-around"},"items-stretch":{alignItems:"flex-stretch"},"items-start":{alignItems:"flex-start"},"items-center":{alignItems:"center"},"items-end":{alignItems:"flex-end"},"items-baseline":{alignItems:"baseline"},"content-start":{alignContent:"flex-start"},"content-center":{alignContent:"center"},"content-end":{alignContent:"flex-end"},"content-between":{alignContent:"space-between"},"content-around":{alignContent:"space-around"},"self-auto":{alignSelf:"auto"},"self-start":{alignSelf:"flex-start"},"self-center":{alignSelf:"center"},"self-end":{alignSelf:"flex-end"},"self-stretch":{alignSelf:"stretch"},"flex-initial":{flex:"initial"},"flex-1":{flex:1},"flex-auto":{flex:"auto"},"flex-none":{flex:"none"},"flex-grow":{flexGrow:1},"flex-shrink":{flexShrink:1},"flex-no-grow":{flexGrow:0},"flex-no-shrink":{flexShrink:0},"float-right":{float:"right"},"float-left":{float:"left"},"float-none":{float:"none"},clearfix:{"::after":{content:'""',display:"table",clear:"both"}},"appearance-none":{appearance:"none"},"cursor-auto":{cursor:"auto"},"cursor-default":{cursor:"default"},"cursor-pointer":{cursor:"pointer"},"cursor-wait":{cursor:"wait"},"cursor-move":{cursor:"move"},"cursor-not-allowed":{cursor:"not-allowed"},"resize-none":{resize:"none"},resize:{resize:"both"},"resize-y":{resize:"vertical"},"resize-x":{resize:"horizontal"},"pointer-events-none":{pointerEvents:"none"},"pointer-events-auto":{pointerEvents:"auto"},"select-none":{userSelect:"none"},"select-text":{userSelect:"text"},"list-reset":{listStyle:"none",padding:0},"overflow-auto":{overflow:"auto"},"overflow-hidden":{overflow:"hidden"},"overflow-visible":{overflow:"visible"},"overflow-scroll":{overflow:"scroll"},"overflow-x-auto":{overflowX:"auto"},"overflow-y-auto":{overflowY:"auto"},"overflow-x-hidden":{overflowX:"hidden"},"overflow-y-hidden":{overflowY:"hidden"},"overflow-x-visible":{overflowX:"visible"},"overflow-y-visible":{overflowY:"visible"},"overflow-x-scroll":{overflowX:"scroll"},"overflow-y-scroll":{overflowY:"scroll"},"scrolling-touch":{webkitOverflowScrolling:"touch"},"scrolling-auto":{webkitOverflowScrolling:"auto"},static:{position:"static"},fixed:{position:"fixed"},absolute:{position:"absolute"},relative:{position:"relative"},sticky:{position:"sticky"},"pin-t":{top:0},"pin-r":{right:0},"pin-b":{bottom:0},"pin-l":{left:0},"pin-y":{top:0,bottom:0},"pin-x":{right:0,left:0},pin:{top:0,right:0,bottom:0,left:0},"pin-none":{top:"auto",right:"auto",bottom:"auto",left:"auto"},"text-left":{textAlign:"left"},"text-center":{textAlign:"center"},"text-right":{textAlign:"right"},"text-justify":{textAlign:"justify"},italic:{fontStyle:"italic"},roman:{fontStyle:"normal"},uppercase:{textTransform:"uppercase"},lowercase:{textTransform:"lowercase"},capitalize:{textTransform:"capitalize"},"normal-case":{textTransform:"none"},underline:{textDecoration:"underline"},"line-through":{textDecoration:"line-through"},"no-underline":{textDecoration:"none"},antialiased:{webkitFontSmoothing:"antialiased",mozOsxFontSmoothing:"grayscale"},"subpixel-antialiased":{webkitFontSmoothing:"auto",mozOsxFontSmoothing:"auto"},"whitespace-normal":{whiteSpace:"normal"},"whitespace-no-wrap":{whiteSpace:"nowrap"},"whitespace-pre":{whiteSpace:"pre"},"whitespace-pre-line":{whiteSpace:"pre-line"},"whitespace-pre-wrap":{whiteSpace:"pre-wrap"},"break-words":{wordWrap:"break-word"},"break-normal":{wordWrap:"normal"},truncate:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},"align-baseline":{verticalAlign:"baseline"},"align-top":{verticalAlign:"top"},"align-middle":{verticalAlign:"middle"},"align-bottom":{verticalAlign:"bottom"},"align-text-top":{verticalAlign:"text-top"},"align-text-bottom":{verticalAlign:"text-bottom"},visible:{visibility:"visible"},invisible:{visibility:"hidden"},"border-collapse":{borderCollapse:"collapse"},"border-separate":{borderCollapse:"separate"},"table-auto":{tableLayout:"auto"},"table-fixed":{tableLayout:"fixed"},"outline-none":{outline:0}},t={bg:[{prop:"backgroundColor",config:"backgroundColors"},{prop:"backgroundSize",config:"backgroundSize"}],"border-t":{prop:"borderTopWidth",config:"borderWidths"},"border-b":{prop:"borderBottomWidth",config:"borderWidths"},"border-l":{prop:"borderLeftWidth",config:"borderWidths"},"border-r":{prop:"borderRightWidth",config:"borderWidths"},border:[{prop:"borderColor",config:"borderColors"},{prop:"borderWidth",config:"borderWidths"}],"rounded-t":{prop:"borderTopRadius",config:"borderRadius"},"rounded-r":{prop:"borderRightRadius",config:"borderRadius"},"rounded-b":{prop:"borderBottomRadius",config:"borderRadius"},"rounded-l":{prop:"borderLeftRadius",config:"borderRadius"},"rounded-tl":{prop:"borderTopLeftRadius",config:"borderRadius"},"rounded-tr":{prop:"borderTopRightRadius",config:"borderRadius"},"rounded-br":{prop:"borderBottomRightRadius",config:"borderRadius"},"rounded-bl":{prop:"borderBottomLeftRadius",config:"borderRadius"},rounded:{prop:"borderRadius",config:"borderRadius"},opacity:{prop:"opacity",config:"opacity"},shadow:{prop:"boxShadow",config:"shadows"},w:{prop:"width",config:"width"},"min-w":{prop:"minWidth",config:"minWidth"},"max-w":{prop:"maxWidth",config:"maxWidth"},h:{prop:"height",config:"height"},"min-h":{prop:"minHeight",config:"minHeight"},"max-h":{prop:"maxHeight",config:"maxHeight"},pt:{prop:"paddingTop",config:"padding"},pr:{prop:"paddingRight",config:"padding"},pb:{prop:"paddingBottom",config:"padding"},pl:{prop:"paddingLeft",config:"padding"},px:{prop:["paddingLeft","paddingRight"],config:"padding"},py:{prop:["paddingTop","paddingBottom"],config:"padding"},p:{prop:"padding",config:"padding"},mt:{prop:"marginTop",config:"margin"},mr:{prop:"marginRight",config:"margin"},mb:{prop:"marginBottom",config:"margin"},ml:{prop:"marginLeft",config:"margin"},mx:{prop:["marginLeft","marginRight"],config:"margin"},my:{prop:["marginTop","marginBottom"],config:"margin"},m:{prop:"margin",config:"margin"},"-mt":{prop:"marginTop",config:"negativeMargin",pre:"-"},"-mr":{prop:"marginRight",config:"negativeMargin",pre:"-"},"-mb":{prop:"marginBottom",config:"negativeMargin",pre:"-"},"-ml":{prop:"marginLeft",config:"negativeMargin",pre:"-"},"-mx":{prop:["marginLeft","marginRight"],config:"negativeMargin",pre:"-"},"-my":{prop:["marginTop","marginBottom"],config:"negativeMargin",pre:"-"},"-m":{prop:"margin",config:"negativeMargin",pre:"-"},fill:{prop:"fill",config:"svgFill"},stroke:{prop:"stroke",config:"svgStroke"},font:[{prop:"fontWeight",config:"fontWeights"},{prop:"fontFamily",config:"fonts",preDev:"(",postDev:" || []).map(x => '\"' + x + '\"').join(', ')",format:function(e){return e.map(function(e){return'"'+e+'"'}).join(", ")}}],text:[{prop:"color",config:"textColors"},{prop:"fontSize",config:"textSizes"}],leading:{prop:"lineHeight",config:"leading"},tracking:{prop:"letterSpacing",config:"tracking"},z:{prop:"zIndex",config:"zIndex"}};function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var o=require("@babel/parser"),n=require("@babel/generator").default;function i(i){var d,b,m=i.path,h=i.t,v=i.configPath,x="production"===process.env.NODE_ENV,w=!x,y="JSXAttribute"===m.node.type?"object":i.outputFormat;if(!y||"auto"===y){var S=m.findParent(function(e){return e.isJSXElement()});y=S&&"style"===S.node.openingElement.name.name?"string":"object"}var k,j,R,W=("JSXAttribute"===m.node.type?m.node.value.value:m.node.quasi.quasis[0].value.cooked).match(/[a-z0-9-_:]+/gi)||[],A=m.find(function(e){return e.isProgram()});"production"===process.env.NODE_ENV?k=require(v):(j=A.scope.generateUidIdentifier("tailwind"),A.unshiftContainer("body",h.importDeclaration([h.importDefaultSpecifier(j)],h.stringLiteral(v)))),"JSXAttribute"===m.node.type&&(R=A.scope.generateUidIdentifier("css"),A.unshiftContainer("body",h.importDeclaration([h.importSpecifier(R,h.identifier("css"))],h.stringLiteral("emotion"))));var E=W.reduce(function(o,n,i){for(var a,l,f=[];null!==a;)(a=n.match(/^([a-z-_]+):/i))&&(n=n.substr(a[0].length),f.push(a[1]));if(f=f.map(function(e){return"hover"===e||"focus"===e||"active"===e?":"+e:x?"@media (min-width: "+k.screens[e]+")":"`@media (min-width: ${"+j.name+'.screens["'+e+'"]})`'}),e[n])return f.length?(g(o,f,c(u(o,f,{}),e[n])),o):c(o,e[n]);if(Object.keys(t).some(function(e){if(n.startsWith(e+"-")||n===e)return l=e,!0}),l){var m,h=n.substr(l.length+1);if(""===h&&(h="default"),Array.isArray(t[l])){var v=t[l].map(function(e){var t=s(e,w),r=t.pre,o=t.post;if(!x||void 0!==k[e.config][h]){var n=e.format?e.format:function(e){return e};return x?((d={})[e.prop]=r||o?r+n(k[e.config][h])+o:n(k[e.config][h]),d):"string"===y?"['"+p(e.prop)+"', "+r+j.name+"."+e.config+'["'+h+'"]'+o+"]":"{"+e.prop+":"+r+j.name+"."+e.config+'["'+h+'"]'+o+"}"}});x?m=v.filter(function(e){return void 0!==e})[0]:"string"===y?(v="["+v.join(",")+"].filter(x => typeof x[1] !== 'undefined' && x[1] !== '')[0].join(':')",(m={})["__spread__"+i]=v):(v="["+v.join(",")+'].filter(x => typeof x[Object.keys(x)[0]] !== "undefined" && x[Object.keys(x)[0]] !== "")[0]',(m={})["__spread__"+i]=v)}else{m=Array.isArray(t[l].prop)?t[l].prop:[t[l].prop];var S=s(t[l],w),R=S.pre,W=S.post,A=t[l].format?t[l].format:function(e){return e};m=m.reduce(function(e,o){return function(e){for(var t=arguments,o=1;o<arguments.length;o++){var n=null!=t[o]?t[o]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.forEach(function(t){r(e,t,n[t])})}return e}({},e,((b={})[o]=x?R+A(k[t[l].config][h])+W:"$"+R+j.name+"."+t[l].config+'["'+h+'"]'+W,b))},{})}return f.length?(g(o,f,c(u(o,f,{}),m)),o):c(o,m)}return o},{}),L=f(E,h);if("string"===y){var O=function e(t,r){void 0===r&&(r=!1);var o=r?"/**/":"";return Object.keys(t).reduce(function(r,n){var i=t[n];if(n.startsWith("__spread__"))return r+"${"+i+"};"+o;if("string"==typeof i)return"$"===i[0]&&(i="${"+i.substr(1)+"}"),r+p(n)+":"+i+";"+o;i=e(i);var a=":"===n[0]?"&"+n:n;return a="`"===a[0]?a.substr(1,a.length-2):a,r+p(a)+"{"+i+"};"+o},"")}(E,w),P=m.parentPath;if(P.isTemplateLiteral()){var z=P.get("expressions").indexOf(m),C=P.get("quasis")[z],_=P.get("quasis")[z+1];_.node.value.raw=C.node.value.raw+O+_.node.value.raw,_.node.value.cooked=C.node.value.cooked+O+_.node.value.cooked,C.remove(),m.remove();var D=o.parseExpression(n(P.node).code);P.replaceWith(D)}else{m.replaceWith(o.parseExpression("`"+O+"`"))}}else if("JSXAttribute"===m.node.type){var T=m.findParent(function(e){return h.isJSXOpeningElement(e)}).get("attributes").filter(function(e){return!h.isJSXSpreadAttribute(e.node)&&"className"===e.get("name").node.name})[0],X=T&&T.node&&T.node.value,B=h.callExpression(R,[L]);if(!X||h.isStringLiteral(X)&&!X.value)return T&&T.remove(),void m.replaceWith(l(B,h));m.remove(),T&&T.parentPath&&(h.isJSXExpressionContainer(X)?T.replaceWith(l(a(B,a(h.stringLiteral(" "),X.expression,h),h),h)):T.replaceWith(l(a(B,h.stringLiteral(" "+(X.value||"")),h),h)))}else m.replaceWith(L)}function a(e,t,r){return r.binaryExpression("+",e,t)}function l(e,t){return t.jSXAttribute(t.jSXIdentifier("className"),t.jSXExpressionContainer(e))}function p(e){return e.replace(/[A-Z]/g,"-$&").toLowerCase().replace(/^(ms|o|moz|webkit)-/,"-$1-")}function s(e,t){var r="",o="";return t&&e.preDev?r=e.preDev:e.pre&&(r=e.pre),t&&e.postDev?o=e.postDev:e.post&&(o=e.post),{pre:r,post:o}}function c(e,t){return Object.assign({},e,t)}function f(e,t){if(null===e)return t.nullLiteral();switch(typeof e){case"function":var r=o.parse(e.toString(),{allowReturnOutsideFunction:!0,allowSuperOutsideMethod:!0});return traverse.removeProperties(r);case"number":return t.numericLiteral(e);case"string":return e.startsWith("$")?o.parseExpression(e.substr(1)):t.stringLiteral(e);case"boolean":return t.booleanLiteral(e);case"undefined":return t.unaryExpression("void",t.numericLiteral(0),!0);default:if(Array.isArray(e))return t.arrayExpression(e.map(function(e){return f(e,t)}));try{return t.objectExpression(d(e,t,"spreadElement"))}catch(r){return t.objectExpression(d(e,t,"spreadProperty"))}}}function d(e,t,r){return Object.keys(e).filter(function(t){return void 0!==e[t]}).map(function(n){if(n.startsWith("__spread__"))return t[r](o.parseExpression(e[n]));var i=n.startsWith("`"),a=i?o.parseExpression(n):t.stringLiteral(n);return t.objectProperty(a,f(e[n],t),i)})}function g(e,t,r){t.split&&(t=t.split("."));for(var o,n=0,i=t.length,a=e;n<i;++n)o=a[t[n]],a=a[t[n]]=n===i-1?r:null==o?{}:o}function u(e,t,r,o){for(o=0,t=t.split?t.split("."):t;e&&o<t.length;)e=e[t[o++]];return void 0===e||o<t.length?r:e}var b=require("path");module.exports=function(e){var t=e.types;return{visitor:{TaggedTemplateExpression:function(e,r){"tw"===e.node.tag.name&&i({path:e,configPath:b.resolve(r.file.opts.sourceRoot||".",r.opts.config||"./tailwind.js"),t:t,outputFormat:r.opts.format})},JSXAttribute:function(e,r){console.log(e.node.name.name),"tw"===e.node.name.name&&i({path:e,configPath:b.resolve(r.file.opts.sourceRoot||".",r.opts.config||"./tailwind.js"),t:t,outputFormat:r.opts.format})}}}};
+var e={"bg-bottom":{backgroundPosition:"bottom"},"bg-center":{backgroundPosition:"center"},"bg-left":{backgroundPosition:"left"},"bg-left-bottom":{backgroundPosition:"left bottom"},"bg-left-top":{backgroundPosition:"left top"},"bg-right":{backgroundPosition:"right"},"bg-right-bottom":{backgroundPosition:"right bottom"},"bg-right-top":{backgroundPosition:"right-top"},"bg-top":{backgroundPosition:"top"},"bg-repeat":{backgroundRepeat:"repeat"},"bg-no-repeat":{backgroundRepeat:"no-repeat"},"bg-repeat-x":{backgroundRepeat:"repeat-x"},"bg-repeat-y":{backgroundRepeat:"repeat-y"},"bg-fixed":{backgroundAttachment:"fixed"},"bg-local":{backgroundAttachment:"local"},"bg-scroll":{backgroundAttachment:"scroll"},"border-solid":{borderStyle:"solid"},"border-dashed":{borderStyle:"dashed"},"border-dotted":{borderStyle:"dotted"},"border-none":{borderStyle:"none"},block:{display:"block"},"inline-block":{display:"inline-block"},inline:{display:"inline"},table:{display:"table"},"table-row":{display:"table-row"},"table-cell":{display:"table-cell"},hidden:{display:"none"},flex:{display:"flex"},"inline-flex":{display:"inline-flex"},"flex-row":{flexDirection:"row"},"flex-row-reverse":{flexDirection:"row-reverse"},"flex-col":{flexDirection:"column"},"flex-col-reverse":{flexDirection:"column-reverse"},"flex-no-wrap":{flexWrap:"nowrap"},"flex-wrap":{flexWrap:"wrap"},"flex-wrap-reverse":{flexWrap:"wrap-reverse"},"justify-start":{justifyContent:"flex-start"},"justify-center":{justifyContent:"center"},"justify-end":{justifyContent:"flex-end"},"justify-between":{justifyContent:"space-between"},"justify-around":{justifyContent:"space-around"},"items-stretch":{alignItems:"flex-stretch"},"items-start":{alignItems:"flex-start"},"items-center":{alignItems:"center"},"items-end":{alignItems:"flex-end"},"items-baseline":{alignItems:"baseline"},"content-start":{alignContent:"flex-start"},"content-center":{alignContent:"center"},"content-end":{alignContent:"flex-end"},"content-between":{alignContent:"space-between"},"content-around":{alignContent:"space-around"},"self-auto":{alignSelf:"auto"},"self-start":{alignSelf:"flex-start"},"self-center":{alignSelf:"center"},"self-end":{alignSelf:"flex-end"},"self-stretch":{alignSelf:"stretch"},"flex-initial":{flex:"initial"},"flex-1":{flex:1},"flex-auto":{flex:"auto"},"flex-none":{flex:"none"},"flex-grow":{flexGrow:1},"flex-shrink":{flexShrink:1},"flex-no-grow":{flexGrow:0},"flex-no-shrink":{flexShrink:0},"float-right":{float:"right"},"float-left":{float:"left"},"float-none":{float:"none"},clearfix:{"::after":{content:'""',display:"table",clear:"both"}},"appearance-none":{appearance:"none"},"cursor-auto":{cursor:"auto"},"cursor-default":{cursor:"default"},"cursor-pointer":{cursor:"pointer"},"cursor-wait":{cursor:"wait"},"cursor-move":{cursor:"move"},"cursor-not-allowed":{cursor:"not-allowed"},"resize-none":{resize:"none"},resize:{resize:"both"},"resize-y":{resize:"vertical"},"resize-x":{resize:"horizontal"},"pointer-events-none":{pointerEvents:"none"},"pointer-events-auto":{pointerEvents:"auto"},"select-none":{userSelect:"none"},"select-text":{userSelect:"text"},"list-reset":{listStyle:"none",padding:0},"overflow-auto":{overflow:"auto"},"overflow-hidden":{overflow:"hidden"},"overflow-visible":{overflow:"visible"},"overflow-scroll":{overflow:"scroll"},"overflow-x-auto":{overflowX:"auto"},"overflow-y-auto":{overflowY:"auto"},"overflow-x-hidden":{overflowX:"hidden"},"overflow-y-hidden":{overflowY:"hidden"},"overflow-x-visible":{overflowX:"visible"},"overflow-y-visible":{overflowY:"visible"},"overflow-x-scroll":{overflowX:"scroll"},"overflow-y-scroll":{overflowY:"scroll"},"scrolling-touch":{webkitOverflowScrolling:"touch"},"scrolling-auto":{webkitOverflowScrolling:"auto"},static:{position:"static"},fixed:{position:"fixed"},absolute:{position:"absolute"},relative:{position:"relative"},sticky:{position:"sticky"},"pin-t":{top:0},"pin-r":{right:0},"pin-b":{bottom:0},"pin-l":{left:0},"pin-y":{top:0,bottom:0},"pin-x":{right:0,left:0},pin:{top:0,right:0,bottom:0,left:0},"pin-none":{top:"auto",right:"auto",bottom:"auto",left:"auto"},"text-left":{textAlign:"left"},"text-center":{textAlign:"center"},"text-right":{textAlign:"right"},"text-justify":{textAlign:"justify"},italic:{fontStyle:"italic"},roman:{fontStyle:"normal"},uppercase:{textTransform:"uppercase"},lowercase:{textTransform:"lowercase"},capitalize:{textTransform:"capitalize"},"normal-case":{textTransform:"none"},underline:{textDecoration:"underline"},"line-through":{textDecoration:"line-through"},"no-underline":{textDecoration:"none"},antialiased:{webkitFontSmoothing:"antialiased",mozOsxFontSmoothing:"grayscale"},"subpixel-antialiased":{webkitFontSmoothing:"auto",mozOsxFontSmoothing:"auto"},"whitespace-normal":{whiteSpace:"normal"},"whitespace-no-wrap":{whiteSpace:"nowrap"},"whitespace-pre":{whiteSpace:"pre"},"whitespace-pre-line":{whiteSpace:"pre-line"},"whitespace-pre-wrap":{whiteSpace:"pre-wrap"},"break-words":{wordWrap:"break-word"},"break-normal":{wordWrap:"normal"},truncate:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},"align-baseline":{verticalAlign:"baseline"},"align-top":{verticalAlign:"top"},"align-middle":{verticalAlign:"middle"},"align-bottom":{verticalAlign:"bottom"},"align-text-top":{verticalAlign:"text-top"},"align-text-bottom":{verticalAlign:"text-bottom"},visible:{visibility:"visible"},invisible:{visibility:"hidden"},"border-collapse":{borderCollapse:"collapse"},"border-separate":{borderCollapse:"separate"},"table-auto":{tableLayout:"auto"},"table-fixed":{tableLayout:"fixed"},"outline-none":{outline:0}},t={bg:[{prop:"backgroundColor",config:"backgroundColors"},{prop:"backgroundSize",config:"backgroundSize"}],"border-t":{prop:"borderTopWidth",config:"borderWidths"},"border-b":{prop:"borderBottomWidth",config:"borderWidths"},"border-l":{prop:"borderLeftWidth",config:"borderWidths"},"border-r":{prop:"borderRightWidth",config:"borderWidths"},border:[{prop:"borderColor",config:"borderColors"},{prop:"borderWidth",config:"borderWidths"}],"rounded-t":{prop:"borderTopRadius",config:"borderRadius"},"rounded-r":{prop:"borderRightRadius",config:"borderRadius"},"rounded-b":{prop:"borderBottomRadius",config:"borderRadius"},"rounded-l":{prop:"borderLeftRadius",config:"borderRadius"},"rounded-tl":{prop:"borderTopLeftRadius",config:"borderRadius"},"rounded-tr":{prop:"borderTopRightRadius",config:"borderRadius"},"rounded-br":{prop:"borderBottomRightRadius",config:"borderRadius"},"rounded-bl":{prop:"borderBottomLeftRadius",config:"borderRadius"},rounded:{prop:"borderRadius",config:"borderRadius"},opacity:{prop:"opacity",config:"opacity"},shadow:{prop:"boxShadow",config:"shadows"},w:{prop:"width",config:"width"},"min-w":{prop:"minWidth",config:"minWidth"},"max-w":{prop:"maxWidth",config:"maxWidth"},h:{prop:"height",config:"height"},"min-h":{prop:"minHeight",config:"minHeight"},"max-h":{prop:"maxHeight",config:"maxHeight"},pt:{prop:"paddingTop",config:"padding"},pr:{prop:"paddingRight",config:"padding"},pb:{prop:"paddingBottom",config:"padding"},pl:{prop:"paddingLeft",config:"padding"},px:{prop:["paddingLeft","paddingRight"],config:"padding"},py:{prop:["paddingTop","paddingBottom"],config:"padding"},p:{prop:"padding",config:"padding"},mt:{prop:"marginTop",config:"margin"},mr:{prop:"marginRight",config:"margin"},mb:{prop:"marginBottom",config:"margin"},ml:{prop:"marginLeft",config:"margin"},mx:{prop:["marginLeft","marginRight"],config:"margin"},my:{prop:["marginTop","marginBottom"],config:"margin"},m:{prop:"margin",config:"margin"},"-mt":{prop:"marginTop",config:"negativeMargin",pre:"-"},"-mr":{prop:"marginRight",config:"negativeMargin",pre:"-"},"-mb":{prop:"marginBottom",config:"negativeMargin",pre:"-"},"-ml":{prop:"marginLeft",config:"negativeMargin",pre:"-"},"-mx":{prop:["marginLeft","marginRight"],config:"negativeMargin",pre:"-"},"-my":{prop:["marginTop","marginBottom"],config:"negativeMargin",pre:"-"},"-m":{prop:"margin",config:"negativeMargin",pre:"-"},fill:{prop:"fill",config:"svgFill"},stroke:{prop:"stroke",config:"svgStroke"},font:[{prop:"fontWeight",config:"fontWeights"},{prop:"fontFamily",config:"fonts",preDev:"(",postDev:" || []).map(x => '\"' + x + '\"').join(', ')",format:function(e){return e.map(function(e){return'"'+e+'"'}).join(", ")}}],text:[{prop:"color",config:"textColors"},{prop:"fontSize",config:"textSizes"}],leading:{prop:"lineHeight",config:"leading"},tracking:{prop:"letterSpacing",config:"tracking"},z:{prop:"zIndex",config:"zIndex"}};function r(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var o=require("@babel/parser"),n=require("@babel/generator").default;function i(i){var d,b,m=i.path,h=i.t,v=i.configPath,x="production"===process.env.NODE_ENV,w=!x,y="JSXAttribute"===m.node.type?"object":i.outputFormat;if(!y||"auto"===y){var S=m.findParent(function(e){return e.isJSXElement()});y=S&&"style"===S.node.openingElement.name.name?"string":"object"}var k,j,R,W=("JSXAttribute"===m.node.type?m.node.value.value:m.node.quasi.quasis[0].value.cooked).match(/[a-z0-9-_:]+/gi)||[],A=m.find(function(e){return e.isProgram()});"production"===process.env.NODE_ENV?k=require(v):(j=A.scope.generateUidIdentifier("tailwind"),A.unshiftContainer("body",h.importDeclaration([h.importDefaultSpecifier(j)],h.stringLiteral(v)))),"JSXAttribute"===m.node.type&&(R=A.scope.generateUidIdentifier("css"),A.unshiftContainer("body",h.importDeclaration([h.importSpecifier(R,h.identifier("css"))],h.stringLiteral("emotion"))));var E=W.reduce(function(o,n,i){for(var a,l,f=[];null!==a;)(a=n.match(/^([a-z-_]+):/i))&&(n=n.substr(a[0].length),f.push(a[1]));if(f=f.map(function(e){return"hover"===e||"focus"===e||"active"===e?":"+e:x?"@media (min-width: "+k.screens[e]+")":"`@media (min-width: ${"+j.name+'.screens["'+e+'"]})`'}),e[n])return f.length?(g(o,f,c(u(o,f,{}),e[n])),o):c(o,e[n]);if(Object.keys(t).some(function(e){if(n.startsWith(e+"-")||n===e)return l=e,!0}),l){var m,h=n.substr(l.length+1);if(""===h&&(h="default"),Array.isArray(t[l])){var v=t[l].map(function(e){var t=s(e,w),r=t.pre,o=t.post;if(!x||void 0!==k[e.config][h]){var n=e.format?e.format:function(e){return e};return x?((d={})[e.prop]=r||o?r+n(k[e.config][h])+o:n(k[e.config][h]),d):"string"===y?"['"+p(e.prop)+"', "+r+j.name+"."+e.config+'["'+h+'"]'+o+"]":"{"+e.prop+":"+r+j.name+"."+e.config+'["'+h+'"]'+o+"}"}});x?m=v.filter(function(e){return void 0!==e})[0]:"string"===y?(v="["+v.join(",")+"].filter(x => typeof x[1] !== 'undefined' && x[1] !== '')[0].join(':')",(m={})["__spread__"+i]=v):(v="["+v.join(",")+'].filter(x => typeof x[Object.keys(x)[0]] !== "undefined" && x[Object.keys(x)[0]] !== "")[0]',(m={})["__spread__"+i]=v)}else{m=Array.isArray(t[l].prop)?t[l].prop:[t[l].prop];var S=s(t[l],w),R=S.pre,W=S.post,A=t[l].format?t[l].format:function(e){return e};m=m.reduce(function(e,o){return function(e){for(var t=arguments,o=1;o<arguments.length;o++){var n=null!=t[o]?t[o]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.forEach(function(t){r(e,t,n[t])})}return e}({},e,((b={})[o]=x?R+A(k[t[l].config][h])+W:"$"+R+j.name+"."+t[l].config+'["'+h+'"]'+W,b))},{})}return f.length?(g(o,f,c(u(o,f,{}),m)),o):c(o,m)}return o},{}),L=f(E,h);if("string"===y){var O=function e(t,r){void 0===r&&(r=!1);var o=r?"/**/":"";return Object.keys(t).reduce(function(r,n){var i=t[n];if(n.startsWith("__spread__"))return r+"${"+i+"};"+o;if("string"==typeof i)return"$"===i[0]&&(i="${"+i.substr(1)+"}"),r+p(n)+":"+i+";"+o;i=e(i);var a=":"===n[0]?"&"+n:n;return a="`"===a[0]?a.substr(1,a.length-2):a,r+p(a)+"{"+i+"};"+o},"")}(E,w),P=m.parentPath;if(P.isTemplateLiteral()){var z=P.get("expressions").indexOf(m),C=P.get("quasis")[z],_=P.get("quasis")[z+1];_.node.value.raw=C.node.value.raw+O+_.node.value.raw,_.node.value.cooked=C.node.value.cooked+O+_.node.value.cooked,C.remove(),m.remove();var D=o.parseExpression(n(P.node).code);P.replaceWith(D)}else{m.replaceWith(o.parseExpression("`"+O+"`"))}}else if("JSXAttribute"===m.node.type){var T=m.findParent(function(e){return h.isJSXOpeningElement(e)}).get("attributes").filter(function(e){return!h.isJSXSpreadAttribute(e.node)&&"className"===e.get("name").node.name})[0],X=T&&T.node&&T.node.value,B=h.callExpression(R,[L]);if(!X||h.isStringLiteral(X)&&!X.value)return T&&T.remove(),void m.replaceWith(l(B,h));m.remove(),T&&T.parentPath&&(h.isJSXExpressionContainer(X)?T.replaceWith(l(a(B,a(h.stringLiteral(" "),X.expression,h),h),h)):T.replaceWith(l(a(B,h.stringLiteral(" "+(X.value||"")),h),h)))}else m.replaceWith(L)}function a(e,t,r){return r.binaryExpression("+",e,t)}function l(e,t){return t.jSXAttribute(t.jSXIdentifier("className"),t.jSXExpressionContainer(e))}function p(e){return e.replace(/[A-Z]/g,"-$&").toLowerCase().replace(/^(ms|o|moz|webkit)-/,"-$1-")}function s(e,t){var r="",o="";return t&&e.preDev?r=e.preDev:e.pre&&(r=e.pre),t&&e.postDev?o=e.postDev:e.post&&(o=e.post),{pre:r,post:o}}function c(e,t){return Object.assign({},e,t)}function f(e,t){if(null===e)return t.nullLiteral();switch(typeof e){case"function":var r=o.parse(e.toString(),{allowReturnOutsideFunction:!0,allowSuperOutsideMethod:!0});return traverse.removeProperties(r);case"number":return t.numericLiteral(e);case"string":return e.startsWith("$")?o.parseExpression(e.substr(1)):t.stringLiteral(e);case"boolean":return t.booleanLiteral(e);case"undefined":return t.unaryExpression("void",t.numericLiteral(0),!0);default:if(Array.isArray(e))return t.arrayExpression(e.map(function(e){return f(e,t)}));try{return t.objectExpression(d(e,t,"spreadElement"))}catch(r){return t.objectExpression(d(e,t,"spreadProperty"))}}}function d(e,t,r){return Object.keys(e).filter(function(t){return void 0!==e[t]}).map(function(n){if(n.startsWith("__spread__"))return t[r](o.parseExpression(e[n]));var i=n.startsWith("`"),a=i?o.parseExpression(n):t.stringLiteral(n);return t.objectProperty(a,f(e[n],t),i)})}function g(e,t,r){t.split&&(t=t.split("."));for(var o,n=0,i=t.length,a=e;n<i;++n)o=a[t[n]],a=a[t[n]]=n===i-1?r:null==o?{}:o}function u(e,t,r,o){for(o=0,t=t.split?t.split("."):t;e&&o<t.length;)e=e[t[o++]];return void 0===e||o<t.length?r:e}var b=require("path");module.exports=function(e){var t=e.types;return{visitor:{TaggedTemplateExpression:function(e,r){"tw"===e.node.tag.name&&i({path:e,configPath:b.resolve(r.file.opts.sourceRoot||".",r.opts.config||"./tailwind.js"),t:t,outputFormat:r.opts.format})},JSXAttribute:function(e,r){"tw"===e.node.name.name&&i({path:e,configPath:b.resolve(r.file.opts.sourceRoot||".",r.opts.config||"./tailwind.js"),t:t,outputFormat:r.opts.format})}}}};
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "babel-plugin-tailwind-components",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Use Tailwind with any CSS-in-JS library",
@@ -33,12 +33,12 @@ "main": "dist/index.js",
   "dependencies": {
-    "@babel/generator": "^7.0.0-rc.1",
-    "@babel/parser": "^7.0.0-rc.1",
+    "@babel/generator": "^7.0.0",
+    "@babel/parser": "^7.0.0",
     "babel-plugin-macros": "^2.1.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.0.0-rc.1",
-    "@babel/core": "^7.0.0-rc.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.0.0-rc.1",
+    "@babel/cli": "^7.0.0",
+    "@babel/core": "^7.0.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
     "microbundle": "^0.4.3"
   }
 }

README.md

@@ -19,3 +19,3 @@ # babel-plugin-tailwind-components [![npm](https://img.shields.io/npm/v/babel-plugin-tailwind-components.svg)](https://www.npmjs.com/package/babel-plugin-tailwind-components) [![Babel Macro](https://img.shields.io/badge/babel--macro-%F0%9F%8E%A3-f5da55.svg?style=flat)](https://github.com/kentcdodds/babel-plugin-macros)
 
-_Note: [tailwind.macro](https://github.com/bradlc/tailwind.macro) is merely an alias for [babel-plugin-tailwind-components/macro](https://github.com/bradlc/babel-plugin-tailwind-components/blob/master/src/macro.js)_
+> _Note: [tailwind.macro](https://github.com/bradlc/tailwind.macro) is merely an alias for [babel-plugin-tailwind-components/macro](https://github.com/bradlc/babel-plugin-tailwind-components/blob/master/src/macro.js)_
 
@@ -30,2 +30,4 @@ Then add babel-plugin-macros to your babel config:
 
+> _Note: you will also need to install and enable `@babel/plugin-syntax-object-rest-spread` if you haven’t already_
+
 You can now use Tailwind classes with your preferred CSS-in-JS library by importing `tailwind.macro`:
@@ -218,5 +220,5 @@
 
-* support for the [container class](https://tailwindcss.com/docs/container); [in progress](https://github.com/bradlc/babel-plugin-tailwind-components/pull/2)
-* support for multiple modifiers, e.g. `sm:hover:*`
-* ~~support for defaults; for example `rounded` should be an alias for `rounded-default`~~
-* add [CodeSandbox](https://codesandbox.io/) demos
+- ~~support for the [container class](https://tailwindcss.com/docs/container); [in progress](https://github.com/bradlc/babel-plugin-tailwind-components/pull/2)~~ container is now a plugin and there is no plan to support plugins
+- ~~support for multiple modifiers, e.g. `sm:hover:*`~~
+- ~~support for defaults; for example `rounded` should be an alias for `rounded-default`~~
+- add [CodeSandbox](https://codesandbox.io/) demos

Fixed alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

81987

increased by0.05%

Number of lines in readme file

222

increased by0.91%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updated@babel/generator@^7.0.0

• Updated@babel/parser@^7.0.0