tailwind-styled-components
Advanced tools
@@ -1,2 +0,2 @@ | ||
| declare const _default: string[]; | ||
| export default _default; | ||
| declare const elementsArray: (keyof JSX.IntrinsicElements)[]; | ||
| export default elementsArray; |
| "use strict"; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| exports.default = [ | ||
| const elementsArray = [ | ||
| "a", | ||
@@ -68,3 +68,2 @@ "abbr", | ||
| "mark", | ||
| "marquee", | ||
| "menu", | ||
@@ -141,2 +140,3 @@ "menuitem", | ||
| ]; | ||
| exports.default = elementsArray; | ||
| //# sourceMappingURL=domElements.js.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"domElements.js","sourceRoot":"","sources":["../src/domElements.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACX,GAAG;IACH,MAAM;IACN,SAAS;IACT,MAAM;IACN,SAAS;IACT,OAAO;IACP,OAAO;IACP,GAAG;IACH,MAAM;IACN,KAAK;IACL,KAAK;IACL,KAAK;IACL,YAAY;IACZ,MAAM;IACN,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,UAAU;IACV,MAAM;IACN,UAAU;IACV,IAAI;IACJ,KAAK;IACL,SAAS;IACT,KAAK;IACL,QAAQ;IACR,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,SAAS;IACT,MAAM;IACN,UAAU;IACV,MAAM;IACN,OAAO;IACP,KAAK;IACL,UAAU;IACV,QAAQ;IACR,IAAI;IACJ,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,GAAG;IACH,OAAO;IACP,SAAS;IACT,KAAK;IACL,UAAU;IACV,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,MAAM;IACN,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,OAAO;IACP,KAAK;IACL,SAAS;IACT,KAAK;IACL,OAAO;IACP,OAAO;IACP,IAAI;IACJ,UAAU;IACV,OAAO;IACP,IAAI;IACJ,OAAO;IACP,MAAM;IACN,OAAO;IACP,IAAI;IACJ,OAAO;IACP,GAAG;IACH,IAAI;IACJ,KAAK;IACL,OAAO;IACP,KAAK;IAGL,QAAQ;IACR,UAAU;IACV,MAAM;IACN,SAAS;IACT,eAAe;IACf,GAAG;IACH,OAAO;IACP,MAAM;IACN,gBAAgB;IAChB,QAAQ;IACR,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,OAAO;CACV,CAAA"} | ||
| {"version":3,"file":"domElements.js","sourceRoot":"","sources":["../src/domElements.ts"],"names":[],"mappings":";;AAAA,MAAM,aAAa,GAAoC;IACnD,GAAG;IACH,MAAM;IACN,SAAS;IACT,MAAM;IACN,SAAS;IACT,OAAO;IACP,OAAO;IACP,GAAG;IACH,MAAM;IACN,KAAK;IACL,KAAK;IACL,KAAK;IACL,YAAY;IACZ,MAAM;IACN,IAAI;IACJ,QAAQ;IACR,QAAQ;IACR,SAAS;IACT,MAAM;IACN,MAAM;IACN,KAAK;IACL,UAAU;IACV,MAAM;IACN,UAAU;IACV,IAAI;IACJ,KAAK;IACL,SAAS;IACT,KAAK;IACL,QAAQ;IACR,KAAK;IACL,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,OAAO;IACP,UAAU;IACV,YAAY;IACZ,QAAQ;IACR,QAAQ;IACR,MAAM;IACN,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,QAAQ;IACR,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,GAAG;IACH,QAAQ;IACR,KAAK;IACL,OAAO;IACP,KAAK;IACL,KAAK;IACL,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,IAAI;IACJ,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,MAAM;IACN,UAAU;IACV,MAAM;IACN,OAAO;IACP,KAAK;IACL,UAAU;IACV,QAAQ;IACR,IAAI;IACJ,UAAU;IACV,QAAQ;IACR,QAAQ;IACR,GAAG;IACH,OAAO;IACP,SAAS;IACT,KAAK;IACL,UAAU;IACV,GAAG;IACH,IAAI;IACJ,IAAI;IACJ,MAAM;IACN,GAAG;IACH,MAAM;IACN,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,MAAM;IACN,QAAQ;IACR,OAAO;IACP,KAAK;IACL,SAAS;IACT,KAAK;IACL,OAAO;IACP,OAAO;IACP,IAAI;IACJ,UAAU;IACV,OAAO;IACP,IAAI;IACJ,OAAO;IACP,MAAM;IACN,OAAO;IACP,IAAI;IACJ,OAAO;IACP,GAAG;IACH,IAAI;IACJ,KAAK;IACL,OAAO;IACP,KAAK;IAGL,QAAQ;IACR,UAAU;IACV,MAAM;IACN,SAAS;IACT,eAAe;IACf,GAAG;IACH,OAAO;IACP,MAAM;IACN,gBAAgB;IAChB,QAAQ;IACR,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,OAAO;CACV,CAAA;AAED,kBAAe,aAAa,CAAA"} |
@@ -1,9 +0,9 @@ | ||
| declare type FunctionTemplate = (template: TemplateStringsArray, ...templateElements: any[]) => (props: { | ||
| export declare type FunctionTemplate = (template: TemplateStringsArray, ...templateElements: any[]) => (props: { | ||
| children?: any; | ||
| [props: string]: any; | ||
| }) => any; | ||
| declare type IntrinsicElements = { | ||
| [key in keyof JSX.IntrinsicElements]?: FunctionTemplate; | ||
| export declare type IntrinsicElements = { | ||
| [key in keyof JSX.IntrinsicElements]: FunctionTemplate; | ||
| }; | ||
| declare const tw: ((Component: any) => FunctionTemplate) & IntrinsicElements; | ||
| export default tw; |
+4
-1
@@ -35,5 +35,8 @@ "use strict"; | ||
| const functionTemplate = (Element) => (template, ...templateElements) => react_1.default.forwardRef(({ children, ...props }, ref) => (react_1.default.createElement(Element, Object.assign({}, props, { ref: ref, className: parseTailwindClassNames(cleanTemplate(template, props.className), ...templateElements.map((t) => t(props))) }), children))); | ||
| const intrinsicElements = domElements_1.default.reduce((acc, domElement) => ({ ...acc, [domElement]: functionTemplate(domElement) }), {}); | ||
| const intrinsicElements = domElements_1.default.reduce((acc, domElement) => ({ | ||
| ...acc, | ||
| [domElement]: functionTemplate(domElement) | ||
| }), {}); | ||
| const tw = Object.assign((Component) => functionTemplate(Component), intrinsicElements); | ||
| exports.default = tw; | ||
| //# sourceMappingURL=tailwind.js.map |
@@ -1,1 +0,1 @@ | ||
| {"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../src/tailwind.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,gEAAuC;AACvC,mEAAmD;AAEnD,MAAM,aAAa,GAAG,CAAC,QAA8B,EAAE,mBAA2B,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAa,QAAQ;SAChC,QAAQ,EAAE;SACV,IAAI,EAAE;SACN,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,KAAK,CAAC,GAAG,CAAC;SACV,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;IAE7B,MAAM,qBAAqB,GAAQ,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtF,OAAO,mCAAU,CACb,GAAG,qBAAqB;SACnB,MAAM,CAAC,UAAU,CAAC;SAClB,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC;SAChC,MAAM,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,GAAa,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC7E,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,SAAS,uBAAuB,CAAC,QAAkB,EAAE,GAAG,gBAAuB;IAC3E,OAAO,QAAQ;SACV,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QACtB,MAAM,eAAe,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAC/C,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE;YACrC,OAAO,GAAG,GAAG,IAAI,CAAC,IAAI,eAAe,EAAE,CAAA;SAC1C;QACD,OAAO,GAAG,GAAG,IAAI,CAAC,EAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC;SACL,IAAI,EAAE;SACN,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;AAChC,CAAC;AAOD,MAAM,gBAAgB,GAAG,CAAC,OAAY,EAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,gBAAgB,EAAE,EAAE,CAC3F,eAAK,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9C,8BAAC,OAAO,oBACA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,uBAAuB,CAC9B,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EACxC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3C,KAEA,QAAQ,CACH,CACb,CAAC,CAAA;AAMN,MAAM,iBAAiB,GAAsB,qBAAW,CAAC,MAAM,CAC3D,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,EAAE,CAAC,EAC7E,EAAE,CACL,CAAA;AAED,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAc,EAAE,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,iBAAiB,CAAC,CAAA;AAE5F,kBAAe,EAAE,CAAA"} | ||
| {"version":3,"file":"tailwind.js","sourceRoot":"","sources":["../src/tailwind.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAyB;AACzB,gEAAuC;AACvC,mEAAmD;AAEnD,MAAM,aAAa,GAAG,CAAC,QAA8B,EAAE,mBAA2B,EAAE,EAAE,EAAE;IACpF,MAAM,UAAU,GAAa,QAAQ;SAChC,QAAQ,EAAE;SACV,IAAI,EAAE;SACN,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;SACvB,KAAK,CAAC,GAAG,CAAC;SACV,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC,CAAA;IAE7B,MAAM,qBAAqB,GAAQ,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAEtF,OAAO,mCAAU,CACb,GAAG,qBAAqB;SACnB,MAAM,CAAC,UAAU,CAAC;SAClB,MAAM,CAAC,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,KAAK,GAAG,CAAC;SAChC,MAAM,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,GAAa,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC7E,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,SAAS,uBAAuB,CAAC,QAAkB,EAAE,GAAG,gBAAuB;IAC3E,OAAO,QAAQ;SACV,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QACtB,MAAM,eAAe,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;QAC/C,IAAI,OAAO,eAAe,KAAK,QAAQ,EAAE;YACrC,OAAO,GAAG,GAAG,IAAI,CAAC,IAAI,eAAe,EAAE,CAAA;SAC1C;QACD,OAAO,GAAG,GAAG,IAAI,CAAC,EAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC;SACL,IAAI,EAAE;SACN,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC,CAAA;AAChC,CAAC;AAOD,MAAM,gBAAgB,GAAG,CAAC,OAAY,EAAoB,EAAE,CAAC,CAAC,QAAQ,EAAE,GAAG,gBAAgB,EAAE,EAAE,CAC3F,eAAK,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9C,8BAAC,OAAO,oBACA,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,uBAAuB,CAC9B,aAAa,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,EACxC,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAC3C,KAEA,QAAQ,CACH,CACb,CAAC,CAAA;AAMN,MAAM,iBAAiB,GAAsB,qBAAW,CAAC,MAAM,CAC3D,CAAC,GAAG,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC;IAClB,GAAG,GAAG;IACN,CAAC,UAAU,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC;CAC7C,CAAC,EACF,EAAuB,CAC1B,CAAA;AAED,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAc,EAAE,EAAE,CAAC,gBAAgB,CAAC,SAAS,CAAC,EAAE,iBAAiB,CAAC,CAAA;AAE5F,kBAAe,EAAE,CAAA"} |
+2
-2
| { | ||
| "name": "tailwind-styled-components", | ||
| "version": "1.0.6", | ||
| "version": "1.0.7", | ||
| "keywords": [ | ||
@@ -22,3 +22,3 @@ "react", | ||
| "build": "tsc", | ||
| "watch": "tsc -w", | ||
| "dev": "tsc -w", | ||
| "clean": "rimraf dist", | ||
@@ -25,0 +25,0 @@ "prepublishOnly": "npm run clean && npm run build" |
+8
-2
| # Tailwind-Styled-Component | ||
| Create tailwind css react components like styled components with classes name on multiple lines | ||
| [![NPM version][npm-image]][npm-url] | ||
| [npm-image]: http://img.shields.io/npm/v/tailwind-styled-components.svg?style=flat-square | ||
| [npm-url]: http://npmjs.org/package/tailwind-styled-components | ||
| ## Install | ||
@@ -60,5 +66,5 @@ | ||
| ✅ Do `${p => p.primary ? "bg-indigo-600" : "bg-indigo-300"}` | ||
| ✅ Do `${p => p.primary ? "bg-indigo-600" : "bg-indigo-300"}` | ||
| ❌ Don't `bg-indigo-${p => p.primary ? "600" : "300"}` | ||
| ❌ Don't `bg-indigo-${p => p.primary ? "600" : "300"}` | ||
@@ -65,0 +71,0 @@ --- |
Sorry, the diff of this file is not supported yet
62087
0.49%201
1.52%182
3.41%