@symbo.ls/button 0.0.1

package/README.md

@@ -0,0 +1,11 @@
+# `Button`
+
+> TODO: description
+
+## Usage
+
+```
+const button = require('Button');
+
+// TODO: DEMONSTRATE API
+```

package/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@symbo.ls/button",
+  "version": "0.0.1",
+  "main": "src/index.js",
+  "license": "MIT",
+  "gitHead": "d24315993386338af456a720afccf6f4e12645b8"
+}

package/packages/react/index.js

@@ -0,0 +1 @@
+'use strict'

package/packages/react/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@symbo.ls/react-button",
+  "version": "0.0.1",
+  "main": "index.js",
+  "license": "MIT",
+  "gitHead": "d24315993386338af456a720afccf6f4e12645b8"
+}

package/src/index.js

@@ -0,0 +1,55 @@
+'use strict'
+
+import { Shape, Block, IconText, Direction } from '../'
+
+import style from './style'
+
+export const Button = {
+  proto: [Shape, Block, IconText, Direction],
+  tag: 'button',
+  style,
+  props: {
+    type: 'button'
+  },
+  attr: {
+    type: ({ props }) => props.type
+  }
+}
+
+export const SquareButton = {
+  proto: Button,
+  props: {
+    size: 'A',
+    width: 'A',
+    padding: 'Z',
+    aspectRatio: '1 / 1',
+    round: 'Z'
+  },
+  class: {
+    squareButton: {
+      justifyContent: 'center',
+      boxSizing: 'content-box'
+    }
+  }
+}
+
+export const CircleButton = {
+  proto: SquareButton,
+  props: { round: 'C' }
+}
+
+export const KangorooButton = {
+  tag: 'button',
+  proto: [Shape, Direction, Block],
+  style,
+
+  iconText: {
+    proto: IconText
+  },
+
+  child: {
+    proto: [Shape, Block, IconText]
+  }
+}
+
+export default Button

package/src/style.js

@@ -0,0 +1,13 @@
+'use strict'
+
+export default {
+  appearance: 'none',
+  border: 'none',
+  outline: 0,
+  cursor: 'pointer',
+  fontFamily: 'inherit',
+  display: 'inline-flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  textDecoration: 'none'
+}