smbls 0.15.25 → 0.15.27

package/package.json

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

package/src/atoms/Animation.js

@@ -18,7 +18,7 @@ export const Animation = {
     animation: (el) => el.props.animation && {
       animationName: applyAnimationProps(el.props.animation, el),
       animationDuration: getTimingByKey(el.props.animationDuration || 'A').timing,
-      animationDelay: getTimingByKey(el.props.animationDelay).timing || '0s',
+      animationDelay: getTimingByKey(el.props.animationDelay || '0s').timing,
       animationTimingFunction: getTimingFunction(el.props.animationTimingFunction || 'ease'),
       animationFillMode: el.props.animationFillMode || 'both',
       animationPlayState: el.props.animationPlayState,

package/src/atoms/Block.js

@@ -142,3 +142,4 @@ export const Block = {
 }
 
 export const Span = { tag: 'span' }
+// export const Article = { tag: 'article' }

package/src/atoms/Text.js

@@ -13,7 +13,10 @@ export const Text = {
     textTransform: ({ props }) => props.textTransform && ({ textTransform: props.textTransform }),
     whiteSpace: ({ props }) => props.whiteSpace && ({ whiteSpace: props.whiteSpace }),
     textAlign: ({ props }) => props.textAlign && ({ textAlign: props.textAlign }),
-    fontWeight: ({ props }) => props.fontWeight && ({ fontWeight: props.fontWeight })
+    fontWeight: ({ props }) => props.fontWeight && ({
+      fontWeight: props.fontWeight,
+      fontVariationSettings: '"wdth" ' + props.fontWeight
+    })
   }
 }
 
@@ -29,3 +32,5 @@ export const Strong = {
   tag: 'strong',
   props: { fontWeight: '900' }
 }
+export const Underline = { tag: 'u' }
+export const Italic = { tag: 'i' }