@symbo.ls/atoms 2.11.9 → 2.11.19

package/Media.js

@@ -1,6 +1,6 @@
 'use strict'
 
-import { merge, isArray } from '@domql/utils'
+import { merge, isArray, overwriteShallow } from '@domql/utils'
 import { getSystemTheme } from './Theme'
 
 export const keySetters = {
@@ -89,7 +89,7 @@ const applyCaseProps = (key, props, result, element) => {
 
 const applyConditionalCaseProps = (key, props, result, element) => {
   const caseKey = key.slice(1)
-  const isPropTrue = element.props[caseKey] || element.state[caseKey] === true
+  const isPropTrue = element.props[caseKey] || element.state[caseKey]
   if (!isPropTrue) return // remove classname if not here
   return merge(result, convertPropsToClass(props, result, element))
 }
@@ -116,11 +116,12 @@ const beforeClassAssign = (element, s) => {
     if (setter) setter(key, props[key], CLASS_NAMES, element)
   }
 
-  merge(className, CLASS_NAMES)
+  overwriteShallow(className, CLASS_NAMES)
 }
 
 const initUpdate = (changes, element) => {
   const { props, context, class: className } = element
+  if (!context) return
   const globalTheme = context.designSystem.globalTheme
 
   const parentProps = element.parent.props
@@ -164,5 +165,12 @@ const initUpdate = (changes, element) => {
 }
 
 export const Media = {
+  class: {
+    case: (el, s) => {
+      return {
+        //
+      }
+    }
+  },
   on: { beforeClassAssign, initUpdate }
 }

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.9",
+  "version": "2.11.19",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "4b3675a0ee95441998a2c3d064d67bff82cc8b8d",
+  "gitHead": "733340b09ba0357fa3f5b4f5aeae60ff70f4b04e",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",