@symbo.ls/atoms 2.11.262 → 2.11.265

package/Block.js

@@ -58,8 +58,8 @@ export const Block = {
     minHeight: ({ props, deps }) => deps.transformSizeRatio('minHeight', props),
     maxHeight: ({ props, deps }) => deps.transformSizeRatio('maxHeight', props),
     heightRange: ({ props, deps }) => {
-      if (typeof props.widthRange !== 'string') return
-      const [minHeight, maxHeight] = props.widthRange.split(' ')
+      if (typeof props.heightRange !== 'string') return
+      const [minHeight, maxHeight] = props.heightRange.split(' ')
       return {
         ...deps.transformSize('minHeight', minHeight),
         ...deps.transformSize('maxHeight', maxHeight || minHeight)

package/Text.js

@@ -71,5 +71,3 @@ export const Footnote = {
 export const B = { tag: 'b' }
 
 export const I = { tag: 'i' }
-
-// export const Paragraph = { tag: 'p' }

package/Theme.js

@@ -38,8 +38,14 @@ export const Theme = {
       const { props, deps } = element
       const globalTheme = deps.getSystemTheme(element)
       if (!props.theme) return
-      const getMediaTheme = deps.getMediaTheme(props.theme, `@${props.themeModifier || globalTheme}`)
-      return getMediaTheme
+      const hasSubtheme = props.theme.includes(' ') && !props.theme.includes('@')
+      const globalThemeForced = `@${props.themeModifier || globalTheme}`
+      if (hasSubtheme) {
+        const themeAppliedInVal = props.theme.split(' ')
+        themeAppliedInVal.splice(1, 0, globalThemeForced)
+        return deps.getMediaTheme(themeAppliedInVal)
+      } else if (props.theme.includes('@{globalTheme}')) props.theme.replace('@{globalTheme}', globalThemeForced)
+      return deps.getMediaTheme(props.theme, `@${props.themeModifier || globalTheme}`)
     },
 
     color: (element) => {

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.262",
+  "version": "2.11.265",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "f5fc1f8eb0fde32e726a8f46a1c8d2c7c588a8e5",
+  "gitHead": "e96a45d1a191dbcd8ee2d02c969398821e1f446d",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",