Launch Week Day 5: Introducing Reachability for PHP.Learn More
Socket
Book a DemoSign in
Socket

tailwind-styled-components

Package Overview
Dependencies
Maintainers
1
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

tailwind-styled-components - npm Package Compare versions

Comparing version
1.0.6
to
1.0.7
+2
-2
dist/domElements.d.ts

@@ -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;

@@ -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"}
{
"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"

# 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