css-in-props
Advanced tools
Comparing version
@@ -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 }; |
@@ -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 } |
84432
-0.37%2429
-0.08%Updated
Updated
Updated
Updated