@symbo.ls/atoms 2.11.94 → 2.11.101

package/Block.js

@@ -12,7 +12,7 @@ export const Block = {
 
     display: ({ props }) => props.display && ({ display: props.display }),
 
-    hide: ({ props }) => props.hide && ({ display: 'none' }),
+    hide: ({ props }) => props.hide && ({ display: 'none !important' }),
 
     width: ({ props }) => props.width && getSpacingBasedOnRatio(props, 'width'),
     height: ({ props }) => props.height && getSpacingBasedOnRatio(props, 'height'),
@@ -157,7 +157,7 @@ export const Block = {
   }
 }
 
-export const Hr = { 
+export const Hr = {
   tag: 'hr',
   props: { margin: 'C1 0' }
 }

package/Collection.js

@@ -13,17 +13,10 @@ export const Collection = {
         else param = getChildStateInKey(param, state)
       }
 
-      let data = isArray(param) ? param : []
-
-      if (isObject(param)) {
-        for (const obj in param) { data.push(param[obj]) }
-      }
-
-      data = data.map(item => !isObjectLike(item)
-        ? {
-            props: { value: item }
-          }
-        : item)
+      const data = (isArray(param) ? param : isObject(param) ? Object.values(param) : [])
+        .map(item => !isObjectLike(item)
+          ? { props: { value: item } }
+          : item)
 
       if (data.length) {
         const t = setTimeout(() => {

package/Theme.js

@@ -123,6 +123,10 @@ export const Theme = {
 
     columnRule: ({ props }) => props.columnRule && ({
       columnRule: transformBorder(props.columnRule)
+    }),
+
+    appearance: ({ props }) => props.appearance && ({
+      appearance: props.appearance
     })
   }
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.94",
+  "version": "2.11.101",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "80354d405a3dd6085ee93472538ebef687c97764",
+  "gitHead": "e6e99cfe2412652932a3c0eb2f580b427e6b8096",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",