@symbo.ls/button 0.6.5 → 0.6.16

package/{src/index.js → 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: {
@@ -20,7 +20,7 @@ export const Button = {
 }
 
 export const SquareButton = {
-  proto: Button,
+  extends: Button,
   props: {
     size: 'A',
     width: 'A',
@@ -37,21 +37,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.5",
+  "version": "0.6.16",
   "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "c24282f90804b63aed2b6f2f8be812d04100de5d",
+  "gitHead": "0cc8d34533c6e162987c235296c7bb66b975fac7",
   "dependencies": {
-    "@symbo.ls/block": "^0.6.5",
-    "@symbo.ls/direction": "^0.6.5",
-    "@symbo.ls/icon-text": "^0.6.5",
-    "@symbo.ls/shape": "^0.6.5"
+    "@symbo.ls/block": "^0.6.15",
+    "@symbo.ls/direction": "^0.6.15",
+    "@symbo.ls/icon-text": "^0.6.16",
+    "@symbo.ls/shape": "^0.6.15"
   },
   "source": "src/index.js"
 }

package/packages/react/{src/index.js → index.js}

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

package/packages/react/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@symbo.ls/react-button",
-  "version": "0.6.5",
+  "version": "0.6.16",
   "main": "dist/index.js",
   "license": "MIT",
-  "gitHead": "c24282f90804b63aed2b6f2f8be812d04100de5d",
+  "gitHead": "0cc8d34533c6e162987c235296c7bb66b975fac7",
   "dependencies": {
-    "@symbo.ls/button": "^0.6.5",
-    "@symbo.ls/react-transformer": "^0.6.5"
+    "@symbo.ls/button": "^0.6.16",
+    "@symbo.ls/transform-react": "^0.6.15"
   },
   "source": "src/index.js"
 }

package/dist/index.js

@@ -1,99 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/packages/react/dist/index.js

@@ -1,17 +0,0 @@
-var $4nQLP$domqlreacttransformer = require("@domql/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$domqlreacttransformer.reactTransformer($4nQLP$symbolsbutton.Button, props, state);
-};
-
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;AAAA,CAAY;AAKL,KAAK,CAAC,yCAAM,IAAI,KAAK,EAAE,KAAK,GAAK,CAAC;IACvC,MAAM,CAAC,6CAAgB,CAAC,2BAAS,EAAE,KAAK,EAAE,KAAK;AACjD,CAAC","sources":["packages/button/packages/react/src/index.js"],"sourcesContent":["'use strict'\n\nimport { reactTransformer } from '@domql/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"}