@symbo.ls/atoms 2.11.380 → 2.11.385

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/Block.js +12 -5
  2. package/package.json +2 -2
package/Block.js CHANGED
@@ -171,12 +171,19 @@ export const Block = {
171
171
 
172
172
  flexWrap: ({ props }) => !isUndefined(props.flexWrap) && ({
173
173
  display: 'flex',
174
- flexFlow: props.flexWrap
175
- }),
176
- flexFlow: ({ props }) => !isUndefined(props.flexFlow) && ({
177
- display: 'flex',
178
- flexFlow: props.flexFlow + (props.reverse ? '-reverse' : '')
174
+ flexFlow: (props.flexFlow || 'row').split(' ')[0] + ' ' + props.flexWrap
179
175
  }),
176
+ flexFlow: ({ props }) => {
177
+ const { flexFlow, reverse } = props
178
+ if (!isString(flexFlow)) return
179
+ let [direction, wrap] = (flexFlow || 'row').split(' ')
180
+ if (flexFlow.startsWith('x') || flexFlow === 'row') direction = 'row'
181
+ if (flexFlow.startsWith('y') || flexFlow === 'column') direction = 'column'
182
+ return {
183
+ display: 'flex',
184
+ flexFlow: (direction || '') + (!direction.includes('-reverse') && reverse ? '-reverse' : '') + ' ' + (wrap || '')
185
+ }
186
+ },
180
187
  flexAlign: ({ props }) => {
181
188
  if (!isString(props.flexAlign)) return
182
189
  const [alignItems, justifyContent] = props.flexAlign.split(' ')
package/package.json CHANGED
@@ -1,9 +1,9 @@
1
1
  {
2
2
  "name": "@symbo.ls/atoms",
3
- "version": "2.11.380",
3
+ "version": "2.11.385",
4
4
  "main": "index.js",
5
5
  "license": "MIT",
6
- "gitHead": "e7cf06697ab58d0d31fdcafddc125cc03d16dd22",
6
+ "gitHead": "93391bf4aa83345d6883d7bedbdbfb80a0e588b9",
7
7
  "dependencies": {
8
8
  "@domql/state": "latest",
9
9
  "@domql/utils": "latest",