🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

css-in-props

Package Overview
Dependencies
Maintainers
3
Versions
241
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

css-in-props - npm Package Compare versions

Comparing version

to
3.1.2

6

dist/cjs/props/flex.js

@@ -28,4 +28,2 @@ "use strict";

const { props } = el;
const DISPLAY_FLEX_ALLOWED = ["flex", "inline-flex"];
if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return;
const { reverse } = props;

@@ -41,9 +39,5 @@ if (!(0, import_utils.isString)(value)) return;

wrap: (value, { props }) => {
const DISPLAY_FLEX_ALLOWED = ["flex", "inline-flex"];
if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return;
return { flexWrap: value };
},
align: (value, { props }) => {
const DISPLAY_FLEX_ALLOWED = ["flex", "inline-flex"];
if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return;
const [alignItems, justifyContent] = value.split(" ");

@@ -50,0 +44,0 @@ return { alignItems, justifyContent };

12

package.json

@@ -5,3 +5,3 @@ {

"author": "symbo.ls",
"version": "3.1.1",
"version": "3.1.2",
"repository": "https://github.com/symbo-ls/smbls",

@@ -29,8 +29,8 @@ "type": "module",

"dependencies": {
"@domql/utils": "^3.1.1",
"@symbo.ls/atoms": "^3.1.1",
"@symbo.ls/emotion": "^3.1.1",
"@symbo.ls/scratch": "^3.1.1"
"@domql/utils": "^3.1.2",
"@symbo.ls/atoms": "^3.1.2",
"@symbo.ls/emotion": "^3.1.2",
"@symbo.ls/scratch": "^3.1.2"
},
"gitHead": "39fb7a8c07355468ccce79e2f787ca3fa0715692"
"gitHead": "429b36616aa04c8587a26ce3c129815115e35897"
}

@@ -8,4 +8,4 @@ 'use strict'

const { props } = el
const DISPLAY_FLEX_ALLOWED = ['flex', 'inline-flex']
if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return
// const DISPLAY_FLEX_ALLOWED = ['flex', 'inline-flex']
// if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return
const { reverse } = props

@@ -17,3 +17,7 @@ if (!isString(value)) return

return {
flexFlow: (direction || '') + (!direction.includes('-reverse') && reverse ? '-reverse' : '') + ' ' + (wrap || '')
flexFlow:
(direction || '') +
(!direction.includes('-reverse') && reverse ? '-reverse' : '') +
' ' +
(wrap || '')
}

@@ -23,4 +27,4 @@ },

wrap: (value, { props }) => {
const DISPLAY_FLEX_ALLOWED = ['flex', 'inline-flex']
if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return
// const DISPLAY_FLEX_ALLOWED = ['flex', 'inline-flex']
// if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return
return { flexWrap: value }

@@ -30,4 +34,4 @@ },

align: (value, { props }) => {
const DISPLAY_FLEX_ALLOWED = ['flex', 'inline-flex']
if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return
// const DISPLAY_FLEX_ALLOWED = ['flex', 'inline-flex']
// if (!DISPLAY_FLEX_ALLOWED.includes(props.display)) return
const [alignItems, justifyContent] = value.split(' ')

@@ -34,0 +38,0 @@ return { alignItems, justifyContent }