smbls 0.15.37 → 0.15.39

package/package.json

@@ -3,7 +3,7 @@
   "description": "UI Library built on Scratch and DOMQL",
   "private": false,
   "author": "symbo.ls",
-  "version": "0.15.37",
+  "version": "0.15.39",
   "repository": "https://github.com/symbo-ls/smbls",
   "main": "src/index.js",
   "files": [

package/src/atoms/Picture.js

@@ -1,18 +1,31 @@
 'use strict'
 
+import { getSystemTheme } from './Theme'
+
 export const Picture = {
   tag: 'picture',
 
   childExtend: {
     tag: 'source',
     attr: {
-      media: ({ props, key, context }) => {
+      media: element => {
+        const { props, key, context } = element
         const { MEDIA } = context.SYSTEM
-        return MEDIA[(props.media || key).slice(1)]
+        const globalTheme = getSystemTheme(element)
+        const mediaName = (props.media || key).slice(1)
+
+        if (mediaName === globalTheme) return '(min-width: 0px)'
+        else if (mediaName === 'dark' || mediaName === 'light') return '(max-width: 0px)'
+
+        return MEDIA[mediaName]
       },
       srcset: ({ props }) => props.srcset
     }
   },
 
-  Img: ({ props }) => ({ src: props.src })
+  Img: ({ props }) => ({
+    width: 'inherit',
+    height: 'inherit',
+    src: props.src
+  })
 }