Socket
Socket
Sign inDemoInstall

jsx-to-styled

Package Overview
Dependencies
Maintainers
1
Versions
15
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

jsx-to-styled - npm Package Compare versions

Comparing version 1.0.0-alpha.1 to 1.0.0-alpha.2

7

CHANGELOG.md

@@ -7,5 +7,12 @@ ### Changelog

#### [1.0.0-alpha.2](https://github.com/mleralec/jsx-to-styled/compare/1.0.0-alpha.1...1.0.0-alpha.2)
- fix: release script [`753ff40`](https://github.com/mleralec/jsx-to-styled/commit/753ff40433aabba6cff91c5a2eb25470a9aa326d)
#### [1.0.0-alpha.1](https://github.com/mleralec/jsx-to-styled/compare/1.0.0-alpha.0...1.0.0-alpha.1)
> 1 July 2022
- fix: utility functions declarations [`1196360`](https://github.com/mleralec/jsx-to-styled/commit/1196360956d45998c0c40c2af88d80dbff8eb5c1)
- chore: release v1.0.0-alpha.1 [`6cbb4ec`](https://github.com/mleralec/jsx-to-styled/commit/6cbb4ec8bdfbb0efc1851b86870ef9da84a085a5)

@@ -12,0 +19,0 @@ #### 1.0.0-alpha.0

2

dist/index.es.js

@@ -113,2 +113,2 @@ const background = (props) => {

});
export { background, color, system as default, flex, grid, layout, position, space, typography };
export { background, color, system as default, flex, grid, layout, position, space, system, typography };

@@ -1,1 +0,1 @@

(function(i,n){typeof exports=="object"&&typeof module!="undefined"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(i=typeof globalThis!="undefined"?globalThis:i||self,n(i["jsx-to-styled"]={}))})(this,function(i){"use strict";const n=e=>({background:e.background,backgroundImage:e.backgroundImage,backgroundSize:e.backgroundSize,backgroundPosition:e.backgroundPosition,backgroundRepeat:e.backgroundRepeat}),t=(e,a,y)=>{var h;return((h=a==null?void 0:a[y])==null?void 0:h[e])||e},l=e=>({color:t(e.color,e.theme,"colors"),backgroundColor:t(e.backgroundColor,e.theme,"colors"),opacity:e.opacity}),g=e=>({alignItems:e.alignItems,alignContent:e.alignContent,justifyItems:e.justifyItems,justifyContent:e.justifyContent,flexWrap:e.flexWrap,flexDirection:e.flexDirection,flex:e.flex,flexGrow:e.flexGrow,flexShrink:e.flexShrink,flexBasis:e.flexBasis,justifySelf:e.justifySelf,alignSelf:e.alignSelf,order:e.order}),m=e=>({gridGap:t(e.gridGap,e.theme,"spaces"),gridRowGap:t(e.gridRowGap,e.theme,"spaces"),gridColumnGap:t(e.gridColumnGap,e.theme,"spaces"),gridColumn:e.gridColumn,gridRow:e.gridRow,gridArea:e.gridArea,gridAutoFlow:e.gridAutoFlow,gridAutoRows:e.gridAutoRows,gridAutoColumns:e.gridAutoColumns,gridTemplateRows:e.gridTemplateRows,gridTemplateColumns:e.gridTemplateColumns,gridTemplateAreas:e.gridTemplateAreas}),d=e=>({width:t(e.w,e.theme,"sizes"),height:t(e.h,e.theme,"sizes"),minWidht:t(e.minW,e.theme,"sizes"),maxWidth:t(e.maxW,e.theme,"sizes"),minHeight:t(e.minH,e.theme,"sizes"),maxHeight:t(e.maxH,e.theme,"sizes"),display:e.display,verticalAlign:e.verticalAlign,overflow:e.overflow,overflowX:e.overflowX,overflowY:e.overflowY}),c=e=>({position:e.position,zIndex:e.zIndex,top:t(e.top,e.theme,"spaces"),right:t(e.right,e.theme,"spaces"),bottom:t(e.bottom,e.theme,"spaces"),left:t(e.left,e.theme,"spaces")}),f=e=>({margin:t(e.m,e.theme,"spaces"),marginTop:t(e.mt||e.my,e.theme,"spaces"),marginRight:t(e.mr||e.mx,e.theme,"spaces"),marginBottom:t(e.mb||e.mb,e.theme,"spaces"),marginLeft:t(e.ml||e.mx,e.theme,"spaces"),padding:t(e.p,e.theme,"spaces"),paddingTop:t(e.pt||e.py,e.theme,"spaces"),paddingRight:t(e.pr||e.px,e.theme,"spaces"),paddingBottom:t(e.pb||e.pb,e.theme,"spaces"),paddingLeft:t(e.pl||e.px,e.theme,"spaces")}),u=e=>({fontFamily:t(e.fontFamily,e.theme,"fonts"),fontSize:t(e.fontSize,e.theme,"fontSizes"),fontWeight:t(e.fontWeight,e.theme,"fontWeights"),letterSpacing:t(e.letterSpacing,e.theme,"letterSpacings"),textAlign:e.textAlign,fontStyle:e.fontStyle}),o=e=>({...n(e),...l(e),...g(e),...m(e),...d(e),...c(e),...f(e),...u(e)});i.background=n,i.color=l,i.default=o,i.flex=g,i.grid=m,i.layout=d,i.position=c,i.space=f,i.typography=u,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
(function(i,n){typeof exports=="object"&&typeof module!="undefined"?n(exports):typeof define=="function"&&define.amd?define(["exports"],n):(i=typeof globalThis!="undefined"?globalThis:i||self,n(i["jsx-to-styled"]={}))})(this,function(i){"use strict";const n=e=>({background:e.background,backgroundImage:e.backgroundImage,backgroundSize:e.backgroundSize,backgroundPosition:e.backgroundPosition,backgroundRepeat:e.backgroundRepeat}),t=(e,a,y)=>{var o;return((o=a==null?void 0:a[y])==null?void 0:o[e])||e},l=e=>({color:t(e.color,e.theme,"colors"),backgroundColor:t(e.backgroundColor,e.theme,"colors"),opacity:e.opacity}),g=e=>({alignItems:e.alignItems,alignContent:e.alignContent,justifyItems:e.justifyItems,justifyContent:e.justifyContent,flexWrap:e.flexWrap,flexDirection:e.flexDirection,flex:e.flex,flexGrow:e.flexGrow,flexShrink:e.flexShrink,flexBasis:e.flexBasis,justifySelf:e.justifySelf,alignSelf:e.alignSelf,order:e.order}),m=e=>({gridGap:t(e.gridGap,e.theme,"spaces"),gridRowGap:t(e.gridRowGap,e.theme,"spaces"),gridColumnGap:t(e.gridColumnGap,e.theme,"spaces"),gridColumn:e.gridColumn,gridRow:e.gridRow,gridArea:e.gridArea,gridAutoFlow:e.gridAutoFlow,gridAutoRows:e.gridAutoRows,gridAutoColumns:e.gridAutoColumns,gridTemplateRows:e.gridTemplateRows,gridTemplateColumns:e.gridTemplateColumns,gridTemplateAreas:e.gridTemplateAreas}),d=e=>({width:t(e.w,e.theme,"sizes"),height:t(e.h,e.theme,"sizes"),minWidht:t(e.minW,e.theme,"sizes"),maxWidth:t(e.maxW,e.theme,"sizes"),minHeight:t(e.minH,e.theme,"sizes"),maxHeight:t(e.maxH,e.theme,"sizes"),display:e.display,verticalAlign:e.verticalAlign,overflow:e.overflow,overflowX:e.overflowX,overflowY:e.overflowY}),c=e=>({position:e.position,zIndex:e.zIndex,top:t(e.top,e.theme,"spaces"),right:t(e.right,e.theme,"spaces"),bottom:t(e.bottom,e.theme,"spaces"),left:t(e.left,e.theme,"spaces")}),f=e=>({margin:t(e.m,e.theme,"spaces"),marginTop:t(e.mt||e.my,e.theme,"spaces"),marginRight:t(e.mr||e.mx,e.theme,"spaces"),marginBottom:t(e.mb||e.mb,e.theme,"spaces"),marginLeft:t(e.ml||e.mx,e.theme,"spaces"),padding:t(e.p,e.theme,"spaces"),paddingTop:t(e.pt||e.py,e.theme,"spaces"),paddingRight:t(e.pr||e.px,e.theme,"spaces"),paddingBottom:t(e.pb||e.pb,e.theme,"spaces"),paddingLeft:t(e.pl||e.px,e.theme,"spaces")}),u=e=>({fontFamily:t(e.fontFamily,e.theme,"fonts"),fontSize:t(e.fontSize,e.theme,"fontSizes"),fontWeight:t(e.fontWeight,e.theme,"fontWeights"),letterSpacing:t(e.letterSpacing,e.theme,"letterSpacings"),textAlign:e.textAlign,fontStyle:e.fontStyle}),h=e=>({...n(e),...l(e),...g(e),...m(e),...d(e),...c(e),...f(e),...u(e)});i.background=n,i.color=l,i.default=h,i.flex=g,i.grid=m,i.layout=d,i.position=c,i.space=f,i.system=h,i.typography=u,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
export * from './config';
export * from './theme';
export * from './system';
export { system as default } from './system';
{
"name": "jsx-to-styled",
"description": "jsx-to-styled adds styled props to your React components",
"version": "1.0.0-alpha.1",
"version": "1.0.0-alpha.2",
"author": "mleralec",

@@ -36,3 +36,3 @@ "license": "MIT",

"test:watch": "vitest",
"release": "release-it",
"release": "yarn build && release-it",
"clean": "rm -rf dist",

@@ -39,0 +39,0 @@ "prepare": "husky install"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc