@symbo.ls/atoms 2.11.435 → 2.11.439

package/Collection.js

@@ -19,6 +19,7 @@ export const Collection = {
           const val = param[v]
           return addAdditionalExtend(v, val)
         })
+        if (childrenAs) param = param.map(v => ({ extend: childrenExtend, [childrenAs]: v }))
       }
 
       if (!param) return

package/Media.js

@@ -97,7 +97,8 @@ const applyMediaProps = (key, props, result, element) => {
     return
   }
 
-  const mediaKey = mediaValue ? `@media screen and ${mediaValue}` : key
+  const printValue = '@media ' + (mediaValue === 'print' ? `${mediaValue}` : `screen and ${mediaValue}`)
+  const mediaKey = mediaValue ? printValue : key
   result[mediaKey] = generatedClass
   return result[mediaKey]
 }

package/Theme.js

@@ -148,12 +148,29 @@ export const Theme = {
       })
     },
 
-    boxShadow: ({ props, deps }) => isString(props.boxShadow) && ({
-      boxShadow: deps.transformBoxShadow(props.boxShadow)
-    }),
+    // boxShadow: ({ props, deps }) => isString(props.boxShadow) && ({
+    //   boxShadow: deps.transformBoxShadow(props.boxShadow)
+    // }),
+
+    boxShadow: (element, state, context) => {
+      const { props, deps } = element
+      if (!isString(props.boxShadow)) return
+      const [val, hasImportant] = props.boxShadow.split('!importan')
+      const globalTheme = getSystemGlobalTheme(element)
+      const important = hasImportant ? ' !important' : ''
+      if (important) {
+        console.log(val.trim())
+        console.log(deps.transformBoxShadow(val.trim(), globalTheme))
+        console.log(getMediaColor('canvas-card', globalTheme), globalTheme)
+      }
+
+      return {
+        boxShadow: deps.transformBoxShadow(val.trim(), globalTheme) + important
+      }
+    },
 
-    textShadow: ({ props, deps }) => !isUndefined(props.textShadow) && ({
-      textShadow: deps.transformBoxShadow(props.textShadow)
+    textShadow: ({ props, deps, context }) => !isUndefined(props.textShadow) && ({
+      textShadow: deps.transformBoxShadow(props.textShadow, context.designSystem.globalTheme)
     }),
 
     backdropFilter: ({ props, deps }) => !isUndefined(props.backdropFilter) && ({

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.435",
+  "version": "2.11.439",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "734749f8a16b9e84374d68f203f153b87e4d01d2",
+  "gitHead": "b16ac3edce7fceb5e81d7cc7bbad51256e10b166",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",