@symbo.ls/button 1.1.0 → 1.1.3

package/index.js

@@ -1,27 +1,28 @@
 'use strict'
 
-import { Shape } from '@symbo.ls/shape'
 import { IconText } from '@symbo.ls/icon-text'
-import { Block } from '@symbo.ls/block'
-import { Direction } from '@symbo.ls/direction'
 
-import style from './style'
+const css = {
+  appearance: 'none',
+  border: 'none',
+  outline: 0,
+  cursor: 'pointer',
+  fontFamily: 'inherit'
+}
 
 export const Button = {
   extends: IconText,
   tag: 'button',
-  style,
   props: {
-    type: 'button'
+    type: 'button',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    textDecoration: 'none',
+    css
   },
   attr: {
     type: ({ props }) => props.type
-  },
-
-  on: {
-    click: (event, { key, value, props }) => {
-      props.onClick && props.onClick(event)
-    }
   }
 }
 
@@ -32,13 +33,9 @@ export const SquareButton = {
     width: 'A',
     padding: 'Z',
     aspectRatio: '1 / 1',
-    round: 'Z'
-  },
-  class: {
-    squareButton: {
-      justifyContent: 'center',
-      boxSizing: 'content-box'
-    }
+    justifyContent: 'center',
+    round: 'Z',
+    css: { boxSizing: 'content-box' }
   }
 }
 
@@ -49,10 +46,8 @@ export const CircleButton = {
 
 export const KangorooButton = {
   tag: 'button',
-  style,
+  props: { css },
 
   iconText: { extends: IconText },
   child: { extends: IconText }
 }
-
-export default Button

package/package.json

@@ -1,14 +1,12 @@
 {
   "name": "@symbo.ls/button",
-  "version": "1.1.0",
+  "version": "1.1.3",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "f70e3ed520d8f5419235b2ad355ed579e4df3435",
+  "gitHead": "455d3ae68d10da97cc04e538844f668d0df790cc",
   "dependencies": {
-    "@symbo.ls/block": "latest",
     "@symbo.ls/direction": "latest",
-    "@symbo.ls/icon-text": "latest",
-    "@symbo.ls/shape": "latest"
+    "@symbo.ls/icon-text": "latest"
   },
   "source": "src/index.js"
 }

package/packages/react/index.js

@@ -1,12 +0,0 @@
-'use strict'
-
-import { DOMQLReact } from '@symbo.ls/transform-react'
-import { Button as ButtonCopy, SquareButton as SquareButtonCopy } from '@symbo.ls/button'
-
-export const Button = (props, state) => {
-  return DOMQLReact(ButtonCopy, props, state)
-}
-
-export const SquareButton = (props, state) => {
-  return DOMQLReact(SquareButtonCopy, props, state)
-}

package/packages/react/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@symbo.ls/react-button",
-  "version": "1.1.0",
-  "main": "dist/index.js",
-  "license": "MIT",
-  "gitHead": "f70e3ed520d8f5419235b2ad355ed579e4df3435",
-  "dependencies": {
-    "@symbo.ls/button": "latest",
-    "@symbo.ls/transform-react": "latest"
-  },
-  "source": "src/index.js"
-}