smbls 0.15.4 → 0.15.6

package/package.json

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

package/src/Button.js

@@ -7,10 +7,7 @@ const style = {
   appearance: 'none',
   border: 'none',
   cursor: 'pointer',
-  fontFamily: 'inherit',
-  '& > *': {
-    pointerEvents: 'none'
-  }
+  fontFamily: 'inherit'
 }
 
 export const Button = {

package/src/Link.js

@@ -15,6 +15,6 @@ export const Link = {
   attr: {
     href: element => exec(element.props.href, element) || exec(element.props, element).href,
     target: ({ props }) => props.target,
-    'aria-label': ({ props }) => props.aria.label || props.text
+    'aria-label': ({ props }) => props.aria ? props.aria.label : props.text
   }
 }

package/src/User.js

@@ -4,26 +4,25 @@ import { Img, Flex } from '.'
 
 export const User = {
   extend: Img,
-  props: {
+  key: 'nikoloza',
+  props: ({ key }) => ({
     borderRadius: '100%',
     boxSize: 'B',
-    src: 'https://p194.p3.n0.cdn.getcloudapp.com/items/yAubz2KN/IMG_2375.jpg?v=c59a92ea47a959e386e952c3d84c08e5',
-    style: {
-      cursor: 'pointer'
-    }
-  }
+    src: `https://avatars.dicebear.com/api/adventurer-neutral/${key}.svg`,
+    cursor: 'pointer'
+  })
 }
 
 export const UserBundle = {
   extend: Flex,
   childExtend: {
     extend: User,
-    props: {
+    props: ({ key }) => ({
       boxSize: 'B1',
       border: '0.1312em, black .85, solid',
       ':not(:last-child)': {
         margin: '0 -Y2 0 0'
       }
-    }
+    })
   }
 }