smbls 2.6.3 → 2.6.6

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.
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "description": "UI Library built on Scratch and DOMQL",
4
4
  "private": false,
5
5
  "author": "symbo.ls",
6
- "version": "2.6.3",
6
+ "version": "2.6.6",
7
7
  "repository": "https://github.com/symbo-ls/smbls",
8
8
  "main": "src/index.js",
9
9
  "files": [
@@ -83,7 +83,7 @@ const init = (element, s) => {
83
83
  }
84
84
 
85
85
  export const initUpdate = el => {
86
- // FORCE STATE UPDATE:
86
+ // FORCE CLIENT_STATE UPDATE:
87
87
  const { props, class: className } = el
88
88
  const rootState = el.__root ? el.__root.state : el.state
89
89
  // if (el.key !== 'app') return
@@ -96,7 +96,7 @@ export const initUpdate = el => {
96
96
  if (rootState.globalTheme === parse) {
97
97
  props.theme = getTheme(theme[key])
98
98
  } else props.theme = theme
99
- className.MEDIA_FORCED_BY_STATE = props.theme
99
+ className.MEDIA_FORCED_BY_CLIENT_STATE = props.theme
100
100
  }
101
101
  }
102
102
  }
@@ -2,10 +2,6 @@
2
2
 
3
3
  import { getSpacingBasedOnRatio, getSpacingByKey } from '@symbo.ls/scratch'
4
4
 
5
- const transformGap = gap => ({
6
- gap: gap.split(' ').map(v => getSpacingByKey(v, 'gap').gap).join(' ')
7
- })
8
-
9
5
  export const Block = {
10
6
  class: {
11
7
  boxSizing: ({ props }) => props.boxSizing ? ({ boxSizing: props.boxSizing }) : {
@@ -99,7 +95,7 @@ export const Block = {
99
95
  marginBlockStart: ({ props }) => props.marginBlockStart ? getSpacingBasedOnRatio(props, 'marginBlockStart') : null,
100
96
  marginBlockEnd: ({ props }) => props.marginBlockEnd ? getSpacingBasedOnRatio(props, 'marginBlockEnd') : null,
101
97
 
102
- gap: ({ props }) => props.gap ? transformGap(props.gap) : null,
98
+ gap: ({ props }) => props.gap ? getSpacingBasedOnRatio(props, 'gap') : null,
103
99
  gridArea: ({ props }) => props.gridArea && ({ gridArea: props.gridArea }),
104
100
 
105
101
  flex: ({ props }) => props.flex && ({ flex: props.flex }),