smbls 0.9.4 → 0.9.5

package/package.json

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

package/src/Button.js

@@ -7,7 +7,7 @@ const style = {
   border: 'none',
   outline: 0,
   cursor: 'pointer',
-  fontFamily: 'inherit'
+  fontFamily: 'default'
 }
 
 export const Button = {

package/src/Transition.js

@@ -2,25 +2,31 @@
 
 import { mapTiming } from '@symbo.ls/scratch'
 
-const diffTransition = (transition, key = 'transition') => {
+const diffTransition = transition => {
   const arr = transition.split(' ')
 
-  if (!arr.length) return { transition: props.transition }
+  if (!arr.length) return transition
 
+  return arr.map(v => {
+    if (v.length < 3 || v.includes('ms')) {
+      const mapWithSequence = mapTiming(v)
+      return mapWithSequence.duration
+    }
+    return v
+  }).join(' ')
+}
+
+const splitTransition = transition => {
+  const arr = transition.split(',')
+  if (!arr.length) return
   return {
-    transition: arr.map(v => {
-      if (v.length < 3 || v.includes('ms')) {
-        const mapWithSequence = mapTiming(v)
-        return mapWithSequence.duration
-      }
-      return v
-    }).join(' ')
+    transition: arr.map(diffTransition).join(',')
   }
 }
 
 export const Transition = {
   class: {
-    transition: ({ props }) => props.transition && diffTransition(props.transition),
+    transition: ({ props }) => props.transition && splitTransition(props.transition),
     transitionProperty: ({ props }) => props.transitionProperty && ({
       transitionProperty: props.transitionProperty,
       willChange: props.transitionProperty