@symbo.ls/button 0.6.15 → 0.6.18

package/dist/index.js

@@ -0,0 +1,99 @@
+var $eKWst$symbolsshape = require("@symbo.ls/shape");
+var $eKWst$symbolsicontext = require("@symbo.ls/icon-text");
+var $eKWst$symbolsblock = require("@symbo.ls/block");
+var $eKWst$symbolsdirection = require("@symbo.ls/direction");
+
+function $parcel$defineInteropFlag(a) {
+  Object.defineProperty(a, '__esModule', {value: true, configurable: true});
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$defineInteropFlag(module.exports);
+
+$parcel$export(module.exports, "Button", () => $d81ab3f5655f26d0$export$353f5b6fc5456de1);
+$parcel$export(module.exports, "SquareButton", () => $d81ab3f5655f26d0$export$51cd5c72b5e560c6);
+$parcel$export(module.exports, "CircleButton", () => $d81ab3f5655f26d0$export$235c11ae4b685dbd);
+$parcel$export(module.exports, "KangorooButton", () => $d81ab3f5655f26d0$export$6fbe98cd572b6a70);
+$parcel$export(module.exports, "default", () => $d81ab3f5655f26d0$export$2e2bcd8739ae039);
+
+
+
+
+'use strict';
+var $a066f8277a467f68$export$2e2bcd8739ae039 = {
+    appearance: 'none',
+    border: 'none',
+    outline: 0,
+    cursor: 'pointer',
+    fontFamily: 'inherit',
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    textDecoration: 'none'
+};
+
+
+'use strict';
+const $d81ab3f5655f26d0$export$353f5b6fc5456de1 = {
+    proto: [
+        $eKWst$symbolsshape.Shape,
+        $eKWst$symbolsblock.Block,
+        $eKWst$symbolsicontext.IconText,
+        $eKWst$symbolsdirection.Direction
+    ],
+    tag: 'button',
+    style: $a066f8277a467f68$export$2e2bcd8739ae039,
+    props: {
+        type: 'button'
+    },
+    attr: {
+        type: ({ props: props  })=>props.type
+    }
+};
+const $d81ab3f5655f26d0$export$51cd5c72b5e560c6 = {
+    proto: $d81ab3f5655f26d0$export$353f5b6fc5456de1,
+    props: {
+        size: 'A',
+        width: 'A',
+        padding: 'Z',
+        aspectRatio: '1 / 1',
+        round: 'Z'
+    },
+    class: {
+        squareButton: {
+            justifyContent: 'center',
+            boxSizing: 'content-box'
+        }
+    }
+};
+const $d81ab3f5655f26d0$export$235c11ae4b685dbd = {
+    proto: $d81ab3f5655f26d0$export$51cd5c72b5e560c6,
+    props: {
+        round: 'C'
+    }
+};
+const $d81ab3f5655f26d0$export$6fbe98cd572b6a70 = {
+    tag: 'button',
+    proto: [
+        $eKWst$symbolsshape.Shape,
+        $eKWst$symbolsdirection.Direction,
+        $eKWst$symbolsblock.Block
+    ],
+    style: $a066f8277a467f68$export$2e2bcd8739ae039,
+    iconText: {
+        proto: $eKWst$symbolsicontext.IconText
+    },
+    child: {
+        proto: [
+            $eKWst$symbolsshape.Shape,
+            $eKWst$symbolsblock.Block,
+            $eKWst$symbolsicontext.IconText
+        ]
+    }
+};
+var $d81ab3f5655f26d0$export$2e2bcd8739ae039 = $d81ab3f5655f26d0$export$353f5b6fc5456de1;
+
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;ACAA,CAAY;IAEZ,wCAUC,GAVc,CAAC;IACd,UAAU,EAAE,CAAM;IAClB,MAAM,EAAE,CAAM;IACd,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAS;IACjB,UAAU,EAAE,CAAS;IACrB,OAAO,EAAE,CAAa;IACtB,UAAU,EAAE,CAAQ;IACpB,cAAc,EAAE,CAAQ;IACxB,cAAc,EAAE,CAAM;AACxB,CAAC;;;ADZD,CAAY;AASL,KAAK,CAAC,yCAAM,GAAG,CAAC;IACrB,KAAK,EAAE,CAAC;QAAA,yBAAK;QAAE,yBAAK;QAAE,+BAAQ;QAAE,iCAAS;IAAA,CAAC;IAC1C,GAAG,EAAE,CAAQ;WACb,wCAAK;IACL,KAAK,EAAE,CAAC;QACN,IAAI,EAAE,CAAQ;IAChB,CAAC;IACD,IAAI,EAAE,CAAC;QACL,IAAI,GAAG,CAAC,QAAC,KAAK,EAAC,CAAC,GAAK,KAAK,CAAC,IAAI;IACjC,CAAC;AACH,CAAC;AAEM,KAAK,CAAC,yCAAY,GAAG,CAAC;IAC3B,KAAK,EAAE,yCAAM;IACb,KAAK,EAAE,CAAC;QACN,IAAI,EAAE,CAAG;QACT,KAAK,EAAE,CAAG;QACV,OAAO,EAAE,CAAG;QACZ,WAAW,EAAE,CAAO;QACpB,KAAK,EAAE,CAAG;IACZ,CAAC;IACD,KAAK,EAAE,CAAC;QACN,YAAY,EAAE,CAAC;YACb,cAAc,EAAE,CAAQ;YACxB,SAAS,EAAE,CAAa;QAC1B,CAAC;IACH,CAAC;AACH,CAAC;AAEM,KAAK,CAAC,yCAAY,GAAG,CAAC;IAC3B,KAAK,EAAE,yCAAY;IACnB,KAAK,EAAE,CAAC;QAAC,KAAK,EAAE,CAAG;IAAC,CAAC;AACvB,CAAC;AAEM,KAAK,CAAC,yCAAc,GAAG,CAAC;IAC7B,GAAG,EAAE,CAAQ;IACb,KAAK,EAAE,CAAC;QAAA,yBAAK;QAAE,iCAAS;QAAE,yBAAK;IAAA,CAAC;WAChC,wCAAK;IAEL,QAAQ,EAAE,CAAC;QACT,KAAK,EAAE,+BAAQ;IACjB,CAAC;IAED,KAAK,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;YAAA,yBAAK;YAAE,yBAAK;YAAE,+BAAQ;QAAA,CAAC;IACjC,CAAC;AACH,CAAC;IAED,wCAAqB,GAAN,yCAAM","sources":["packages/button/src/index.js","packages/button/src/style.js"],"sourcesContent":["'use strict'\n\nimport { Shape } from '@symbo.ls/shape'\nimport { IconText } from '@symbo.ls/icon-text'\nimport { Block } from '@symbo.ls/block'\nimport { Direction } from '@symbo.ls/direction'\n\nimport style from './style'\n\nexport const Button = {\n  proto: [Shape, Block, IconText, Direction],\n  tag: 'button',\n  style,\n  props: {\n    type: 'button'\n  },\n  attr: {\n    type: ({ props }) => props.type\n  }\n}\n\nexport const SquareButton = {\n  proto: Button,\n  props: {\n    size: 'A',\n    width: 'A',\n    padding: 'Z',\n    aspectRatio: '1 / 1',\n    round: 'Z'\n  },\n  class: {\n    squareButton: {\n      justifyContent: 'center',\n      boxSizing: 'content-box'\n    }\n  }\n}\n\nexport const CircleButton = {\n  proto: SquareButton,\n  props: { round: 'C' }\n}\n\nexport const KangorooButton = {\n  tag: 'button',\n  proto: [Shape, Direction, Block],\n  style,\n\n  iconText: {\n    proto: IconText\n  },\n\n  child: {\n    proto: [Shape, Block, IconText]\n  }\n}\n\nexport default Button\n","'use strict'\n\nexport default {\n  appearance: 'none',\n  border: 'none',\n  outline: 0,\n  cursor: 'pointer',\n  fontFamily: 'inherit',\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  textDecoration: 'none'\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/index.js

@@ -8,7 +8,7 @@ import { Direction } from '@symbo.ls/direction'
 import style from './style'
 
 export const Button = {
-  proto: [Shape, Block, IconText, Direction],
+  extends: [Shape, Block, IconText, Direction],
   tag: 'button',
   style,
   props: {
@@ -16,11 +16,17 @@ export const Button = {
   },
   attr: {
     type: ({ props }) => props.type
+  },
+
+  on: {
+    click: (event, { key, value, props }) => {
+      props.onClick && props.onClick(event)
+    }
   }
 }
 
 export const SquareButton = {
-  proto: Button,
+  extends: Button,
   props: {
     size: 'A',
     width: 'A',
@@ -37,21 +43,21 @@ export const SquareButton = {
 }
 
 export const CircleButton = {
-  proto: SquareButton,
+  extends: SquareButton,
   props: { round: 'C' }
 }
 
 export const KangorooButton = {
   tag: 'button',
-  proto: [Shape, Direction, Block],
+  extends: [Shape, Direction, Block],
   style,
 
   iconText: {
-    proto: IconText
+    extends: IconText
   },
 
   child: {
-    proto: [Shape, Block, IconText]
+    extends: [Shape, Block, IconText]
   }
 }
 

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@symbo.ls/button",
-  "version": "0.6.15",
-  "main": "dist/index.js",
+  "version": "0.6.18",
+  "main": "index.js",
   "license": "MIT",
-  "gitHead": "538c70b8727a5c40d70155d34fecdfc914e26a5b",
+  "gitHead": "eabd5282ecb233f09e8654db6c42186b0f73c2fd",
   "dependencies": {
-    "@symbo.ls/block": "^0.6.15",
-    "@symbo.ls/direction": "^0.6.15",
-    "@symbo.ls/icon-text": "^0.6.15",
-    "@symbo.ls/shape": "^0.6.15"
+    "@symbo.ls/block": "^0.6.18",
+    "@symbo.ls/direction": "^0.6.18",
+    "@symbo.ls/icon-text": "^0.6.18",
+    "@symbo.ls/shape": "^0.6.18"
   },
   "source": "src/index.js"
 }

package/packages/react/dist/index.js

@@ -0,0 +1,17 @@
+var $4nQLP$symbolsreacttransformer = require("@symbo.ls/react-transformer");
+var $4nQLP$symbolsbutton = require("@symbo.ls/button");
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "Button", () => $d19727fd684347e6$export$353f5b6fc5456de1);
+
+
+'use strict';
+const $d19727fd684347e6$export$353f5b6fc5456de1 = (props, state)=>{
+    return $4nQLP$symbolsreacttransformer.reactTransformer($4nQLP$symbolsbutton.Button, props, state);
+};
+
+
+//# sourceMappingURL=index.js.map

package/packages/react/dist/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA,CAAY;AAKL,KAAK,CAAC,yCAAM,IAAI,KAAK,EAAE,KAAK,GAAK,CAAC;IACvC,MAAM,CAAC,+CAAgB,CAAC,2BAAS,EAAE,KAAK,EAAE,KAAK;AACjD,CAAC","sources":["packages/button/packages/react/src/index.js"],"sourcesContent":["'use strict'\n\nimport { reactTransformer } from '@symbo.ls/react-transformer'\nimport { Button as component } from '@symbo.ls/button'\n\nexport const Button = (props, state) => {\n  return reactTransformer(component, props, state)\n}\n"],"names":[],"version":3,"file":"index.js.map"}

package/packages/react/index.js

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

package/packages/react/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@symbo.ls/react-button",
-  "version": "0.6.15",
+  "version": "0.6.18",
   "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "538c70b8727a5c40d70155d34fecdfc914e26a5b",
+  "gitHead": "eabd5282ecb233f09e8654db6c42186b0f73c2fd",
   "dependencies": {
-    "@symbo.ls/button": "^0.6.15",
-    "@symbo.ls/transform-react": "^0.6.15"
+    "@symbo.ls/button": "^0.6.18",
+    "@symbo.ls/transform-react": "^0.6.18"
   },
   "source": "src/index.js"
 }