jbx 1.7.0 → 1.7.1

package/index.js

@@ -1,12 +1,12 @@
-import { createElement, Fragment } from 'react';
+import React, { Fragment } from 'react';
 
 import Styled from 'styled-components';
 import capsize from 'capsize';
 
 import { createGlobalStyle } from 'styled-components';
 
-const BASE_SIZE = 16;
-const SIZE = window.innerHeight > 640 ? 16 : 14;
+const SIZE = window.innerHeight > 640 ? 16 : 13;
+const BASE_SIZE = SIZE;
 const BASE_RADIUS = SIZE / 2;
 const SPACE = SIZE;
 const BASE_FONT_SIZE = SIZE;
@@ -43,7 +43,6 @@ export const JBX = createGlobalStyle`
   input,
   textarea {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
-    font-size: 16px;
   }
 
   body {
@@ -106,7 +105,7 @@ export const ButtonContainer = Styled.button({
 
 export const Button = function Button(props) {
   const { children, ...other } = props;
-  return createElement(ButtonContainer, other, createElement(Text, {}, children));
+  return React.createElement(ButtonContainer, other, React.createElement(Text, {}, children));
 };
 
 export const Input = Styled.input({
@@ -203,11 +202,11 @@ export const HeaderH1 = Styled.h1({
 export const MainHeader = function MainHeader({ children }) {
   const content = String(children).split(' ');
 
-  return createElement(
+  return React.createElement(
     Fragment,
     {},
     content.map((word) =>
-      createElement(
+      React.createElement(
         HeaderH1,
         {
           key: word,
@@ -374,7 +373,7 @@ export const CheckboxHidden = Styled.div(({ checked }) => {
 });
 
 export const Checkbox = function Checkbox({ label, checked, onChange }) {
-  return createElement(
+  return React.createElement(
     Inline,
     {
       onClick: () => {
@@ -388,13 +387,13 @@ export const Checkbox = function Checkbox({ label, checked, onChange }) {
       }
     },
     [
-      createElement(
+      React.createElement(
         CheckboxHidden,
         {
           key: 0,
           checked
         },
-        createElement(
+        React.createElement(
           'svg',
           {
             xmlns: 'http://www.w3.org/2000/svg',
@@ -409,13 +408,13 @@ export const Checkbox = function Checkbox({ label, checked, onChange }) {
             viewBox: '0 0 24 24',
             color: checked ? 'white' : '#ddd'
           },
-          createElement('path', {
+          React.createElement('path', {
             d: 'M20 6L9 17 4 12'
           })
         )
       ),
-      createElement(Space, { key: 1, w: 0.5 }),
-      createElement(Text, { key: 2, style: { userSelect: 'none' } }, label)
+      React.createElement(Space, { key: 1, w: 0.5 }),
+      React.createElement(Text, { key: 2, style: { userSelect: 'none' } }, label)
     ]
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jbx",
-  "version": "1.7.0",
+  "version": "1.7.1",
   "description": "",
   "main": "index.js",
   "author": "hi@javier.xyz",