fontdue-js 0.1.0-alpha22 → 0.1.0-alpha25

package/dist/__generated__/TypeTesterData_typeTester.graphql.d.ts

@@ -1,6 +1,7 @@
 import { ReaderFragment } from "relay-runtime";
 import { FragmentRefs } from "relay-runtime";
 export declare type TypeTesterData_typeTester = {
+    readonly id: string;
     readonly content: string | null;
     readonly size: string | null;
     readonly lineHeight: string | null;

package/dist/__generated__/TypeTesterData_typeTester.graphql.js

@@ -9,54 +9,62 @@ exports.default = void 0;
 
 /* eslint-disable */
 // @ts-nocheck
-const node = {
-  "argumentDefinitions": [],
-  "kind": "Fragment",
-  "metadata": null,
-  "name": "TypeTesterData_typeTester",
-  "selections": [{
+const node = function () {
+  var v0 = {
     "alias": null,
     "args": null,
     "kind": "ScalarField",
-    "name": "content",
+    "name": "id",
     "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "size",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "lineHeight",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "kind": "ScalarField",
-    "name": "direction",
-    "storageKey": null
-  }, {
-    "alias": null,
-    "args": null,
-    "concreteType": "FontStyle",
-    "kind": "LinkedField",
-    "name": "fontStyle",
-    "plural": false,
-    "selections": [{
+  };
+  return {
+    "argumentDefinitions": [],
+    "kind": "Fragment",
+    "metadata": null,
+    "name": "TypeTesterData_typeTester",
+    "selections": [v0
+    /*: any*/
+    , {
       "alias": null,
       "args": null,
       "kind": "ScalarField",
-      "name": "id",
+      "name": "content",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "size",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "lineHeight",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "kind": "ScalarField",
+      "name": "direction",
+      "storageKey": null
+    }, {
+      "alias": null,
+      "args": null,
+      "concreteType": "FontStyle",
+      "kind": "LinkedField",
+      "name": "fontStyle",
+      "plural": false,
+      "selections": [v0
+      /*: any*/
+      ],
       "storageKey": null
     }],
-    "storageKey": null
-  }],
-  "type": "TypeTester",
-  "abstractKey": null
-};
-node.hash = '3eaea21f10054d052419f28d454d3134';
+    "type": "TypeTester",
+    "abstractKey": null
+  };
+}();
+
+node.hash = 'b70c99fcfa0146529e7879c8704f8a35';
 var _default = node;
 exports.default = _default;

package/dist/__generated__/TypeTesterFloatingToolbar_testers.graphql.d.ts

@@ -0,0 +1,16 @@
+import { ReaderFragment } from "relay-runtime";
+import { FragmentRefs } from "relay-runtime";
+export declare type TypeTesterFloatingToolbar_testers = ReadonlyArray<{
+    readonly id: string;
+    readonly fontStyle: {
+        readonly " $fragmentRefs": FragmentRefs<"TypeTesterFeatures_fontStyle">;
+    } | null;
+    readonly " $refType": "TypeTesterFloatingToolbar_testers";
+}>;
+export declare type TypeTesterFloatingToolbar_testers$data = TypeTesterFloatingToolbar_testers;
+export declare type TypeTesterFloatingToolbar_testers$key = ReadonlyArray<{
+    readonly " $data"?: TypeTesterFloatingToolbar_testers$data;
+    readonly " $fragmentRefs": FragmentRefs<"TypeTesterFloatingToolbar_testers">;
+}>;
+declare const node: ReaderFragment;
+export default node;

package/dist/__generated__/TypeTesterFloatingToolbar_testers.graphql.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+/* tslint:disable */
+
+/* eslint-disable */
+// @ts-nocheck
+const node = {
+  "argumentDefinitions": [],
+  "kind": "Fragment",
+  "metadata": {
+    "plural": true
+  },
+  "name": "TypeTesterFloatingToolbar_testers",
+  "selections": [{
+    "alias": null,
+    "args": null,
+    "kind": "ScalarField",
+    "name": "id",
+    "storageKey": null
+  }, {
+    "alias": null,
+    "args": null,
+    "concreteType": "FontStyle",
+    "kind": "LinkedField",
+    "name": "fontStyle",
+    "plural": false,
+    "selections": [{
+      "args": null,
+      "kind": "FragmentSpread",
+      "name": "TypeTesterFeatures_fontStyle"
+    }],
+    "storageKey": null
+  }],
+  "type": "TypeTester",
+  "abstractKey": null
+};
+node.hash = '5554933cac70854b361575a5ed0af8ac';
+var _default = node;
+exports.default = _default;

package/dist/__generated__/TypeTestersIDQuery.graphql.js

@@ -67,12 +67,20 @@ fragment SelectButton_sku_2AMk59 on Sku {
   ...SKUPrice_sku_2AMk59
 }
 
-fragment TypeTesterData_typeTester on TypeTester {
-  content
-  size
-  lineHeight
-  direction
+fragment TypeTesterFeatures_fontStyle on FontStyle {
+  fontFeatures {
+    supportedFeatures
+    stylisticSetNames {
+      featureName
+      humanName
+    }
+  }
+}
+
+fragment TypeTesterFloatingToolbar_testers on TypeTester {
+  id
   fontStyle {
+    ...TypeTesterFeatures_fontStyle
     id
   }
 }
@@ -81,14 +89,18 @@ fragment TypeTesters_collection_12wzh on FontCollection {
   typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {
     edges {
       node {
-        ...TypeTesterData_typeTester
+        id
+        content
+        size
+        lineHeight
+        direction
         fontStyle {
+          id
           family {
             id
           }
-          id
         }
-        id
+        ...TypeTesterFloatingToolbar_testers
       }
     }
   }
@@ -363,7 +375,9 @@ const node = function () {
                 "kind": "LinkedField",
                 "name": "node",
                 "plural": false,
-                "selections": [{
+                "selections": [v7
+                /*: any*/
+                , {
                   "alias": null,
                   "args": null,
                   "kind": "ScalarField",
@@ -407,11 +421,45 @@ const node = function () {
                     /*: any*/
                     ],
                     "storageKey": null
+                  }, {
+                    "alias": null,
+                    "args": null,
+                    "concreteType": "FontFeatures",
+                    "kind": "LinkedField",
+                    "name": "fontFeatures",
+                    "plural": false,
+                    "selections": [{
+                      "alias": null,
+                      "args": null,
+                      "kind": "ScalarField",
+                      "name": "supportedFeatures",
+                      "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "StylisticSetName",
+                      "kind": "LinkedField",
+                      "name": "stylisticSetNames",
+                      "plural": true,
+                      "selections": [{
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "featureName",
+                        "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "humanName",
+                        "storageKey": null
+                      }],
+                      "storageKey": null
+                    }],
+                    "storageKey": null
                   }],
                   "storageKey": null
-                }, v7
-                /*: any*/
-                ],
+                }],
                 "storageKey": null
               }],
               "storageKey": null
@@ -450,12 +498,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "c0c491bf62edf0779e48c82bb86ee3bc",
+      "cacheID": "b623cd3ca5cfeb1253c989086e1ad636",
       "id": null,
       "metadata": {},
       "name": "TypeTestersIDQuery",
       "operationKind": "query",
-      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_12wzh\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterData_typeTester on TypeTester {\n  content\n  size\n  lineHeight\n  direction\n  fontStyle {\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        ...TypeTesterData_typeTester\n        fontStyle {\n          family {\n            id\n          }\n          id\n        }\n        id\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
+      "text": "query TypeTestersIDQuery(\n  $collectionId: ID!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  collection: node(id: $collectionId) {\n    __typename\n    ...TypeTesters_collection_12wzh\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        direction\n        fontStyle {\n          id\n          family {\n            id\n          }\n        }\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/TypeTestersSlugQuery.graphql.js

@@ -72,12 +72,20 @@ fragment SelectButton_sku_2AMk59 on Sku {
   ...SKUPrice_sku_2AMk59
 }
 
-fragment TypeTesterData_typeTester on TypeTester {
-  content
-  size
-  lineHeight
-  direction
+fragment TypeTesterFeatures_fontStyle on FontStyle {
+  fontFeatures {
+    supportedFeatures
+    stylisticSetNames {
+      featureName
+      humanName
+    }
+  }
+}
+
+fragment TypeTesterFloatingToolbar_testers on TypeTester {
+  id
   fontStyle {
+    ...TypeTesterFeatures_fontStyle
     id
   }
 }
@@ -86,14 +94,18 @@ fragment TypeTesters_collection_12wzh on FontCollection {
   typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {
     edges {
       node {
-        ...TypeTesterData_typeTester
+        id
+        content
+        size
+        lineHeight
+        direction
         fontStyle {
+          id
           family {
             id
           }
-          id
         }
-        id
+        ...TypeTesterFloatingToolbar_testers
       }
     }
   }
@@ -390,7 +402,9 @@ const node = function () {
                   "kind": "LinkedField",
                   "name": "node",
                   "plural": false,
-                  "selections": [{
+                  "selections": [v7
+                  /*: any*/
+                  , {
                     "alias": null,
                     "args": null,
                     "kind": "ScalarField",
@@ -434,11 +448,45 @@ const node = function () {
                       /*: any*/
                       ],
                       "storageKey": null
+                    }, {
+                      "alias": null,
+                      "args": null,
+                      "concreteType": "FontFeatures",
+                      "kind": "LinkedField",
+                      "name": "fontFeatures",
+                      "plural": false,
+                      "selections": [{
+                        "alias": null,
+                        "args": null,
+                        "kind": "ScalarField",
+                        "name": "supportedFeatures",
+                        "storageKey": null
+                      }, {
+                        "alias": null,
+                        "args": null,
+                        "concreteType": "StylisticSetName",
+                        "kind": "LinkedField",
+                        "name": "stylisticSetNames",
+                        "plural": true,
+                        "selections": [{
+                          "alias": null,
+                          "args": null,
+                          "kind": "ScalarField",
+                          "name": "featureName",
+                          "storageKey": null
+                        }, {
+                          "alias": null,
+                          "args": null,
+                          "kind": "ScalarField",
+                          "name": "humanName",
+                          "storageKey": null
+                        }],
+                        "storageKey": null
+                      }],
+                      "storageKey": null
                     }],
                     "storageKey": null
-                  }, v7
-                  /*: any*/
-                  ],
+                  }],
                   "storageKey": null
                 }],
                 "storageKey": null
@@ -484,12 +532,12 @@ const node = function () {
       }]
     },
     "params": {
-      "cacheID": "0977efc39ab67dc2cdf857d3a217044e",
+      "cacheID": "fa11071ff4d490f9477f204b58c7c368",
       "id": null,
       "metadata": {},
       "name": "TypeTestersSlugQuery",
       "operationKind": "query",
-      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_12wzh\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterData_typeTester on TypeTester {\n  content\n  size\n  lineHeight\n  direction\n  fontStyle {\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        ...TypeTesterData_typeTester\n        fontStyle {\n          family {\n            id\n          }\n          id\n        }\n        id\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
+      "text": "query TypeTestersSlugQuery(\n  $collectionSlug: String!\n  $includePriceBar: Boolean!\n  $tags: [String!]\n  $excludeTags: [String!]\n) {\n  viewer {\n    slug(name: $collectionSlug) {\n      collection: fontCollection {\n        ...TypeTesters_collection_12wzh\n        id\n      }\n      id\n    }\n    id\n  }\n}\n\nfragment PriceBarSection_node on FontCollection {\n  id\n  name\n  collectionType\n  sku {\n    ...SelectButton_sku_2AMk59\n    id\n    price(licenseOptions: []) {\n      ...Price_price\n    }\n  }\n  totalStyles\n  totalStylesPrice(licenseOptions: []) {\n    ...Price_price\n  }\n}\n\nfragment PriceBar_node on FontCollection {\n  ...PriceBarSection_node\n  parent {\n    ...PriceBarSection_node\n    id\n  }\n}\n\nfragment Price_price on Money {\n  amount\n  currency\n}\n\nfragment SKUPrice_sku_2AMk59 on Sku {\n  id\n  price(licenseOptions: []) {\n    amount\n    ...Price_price\n  }\n}\n\nfragment SelectButton_sku_2AMk59 on Sku {\n  id\n  ...SKUPrice_sku_2AMk59\n}\n\nfragment TypeTesterFeatures_fontStyle on FontStyle {\n  fontFeatures {\n    supportedFeatures\n    stylisticSetNames {\n      featureName\n      humanName\n    }\n  }\n}\n\nfragment TypeTesterFloatingToolbar_testers on TypeTester {\n  id\n  fontStyle {\n    ...TypeTesterFeatures_fontStyle\n    id\n  }\n}\n\nfragment TypeTesters_collection_12wzh on FontCollection {\n  typeTesters(first: 999, tags: $tags, excludeTags: $excludeTags) {\n    edges {\n      node {\n        id\n        content\n        size\n        lineHeight\n        direction\n        fontStyle {\n          id\n          family {\n            id\n          }\n        }\n        ...TypeTesterFloatingToolbar_testers\n      }\n    }\n  }\n  typeTesterFeatures\n  id\n  ...PriceBar_node @include(if: $includePriceBar)\n  families: children(collectionTypes: [FAMILY]) {\n    id\n    ...PriceBar_node @include(if: $includePriceBar)\n  }\n}\n"
     }
   };
 }();

package/dist/__generated__/TypeTesters_collection.graphql.d.ts

@@ -4,12 +4,18 @@ export declare type TypeTesters_collection = {
     readonly typeTesters: {
         readonly edges: ReadonlyArray<{
             readonly node: {
+                readonly id: string;
+                readonly content: string | null;
+                readonly size: string | null;
+                readonly lineHeight: string | null;
+                readonly direction: string | null;
                 readonly fontStyle: {
+                    readonly id: string;
                     readonly family: {
                         readonly id: string;
                     } | null;
                 } | null;
-                readonly " $fragmentRefs": FragmentRefs<"TypeTesterData_typeTester">;
+                readonly " $fragmentRefs": FragmentRefs<"TypeTesterFloatingToolbar_testers">;
             } | null;
         } | null> | null;
     } | null;

package/dist/__generated__/TypeTesters_collection.graphql.js

@@ -77,14 +77,42 @@ const node = function () {
           "kind": "LinkedField",
           "name": "node",
           "plural": false,
-          "selections": [{
+          "selections": [v0
+          /*: any*/
+          , {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "content",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "size",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "lineHeight",
+            "storageKey": null
+          }, {
+            "alias": null,
+            "args": null,
+            "kind": "ScalarField",
+            "name": "direction",
+            "storageKey": null
+          }, {
             "alias": null,
             "args": null,
             "concreteType": "FontStyle",
             "kind": "LinkedField",
             "name": "fontStyle",
             "plural": false,
-            "selections": [{
+            "selections": [v0
+            /*: any*/
+            , {
               "alias": null,
               "args": null,
               "concreteType": "FontCollection",
@@ -100,7 +128,7 @@ const node = function () {
           }, {
             "args": null,
             "kind": "FragmentSpread",
-            "name": "TypeTesterData_typeTester"
+            "name": "TypeTesterFloatingToolbar_testers"
           }],
           "storageKey": null
         }],
@@ -140,6 +168,6 @@ const node = function () {
   };
 }();
 
-node.hash = '4c9c82fb5c1fc19b5f07bd3f79b28d94';
+node.hash = '8d4ae7b44edf5638fd2cac112aa6a3af';
 var _default = node;
 exports.default = _default;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare type InputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+declare const Checkbox: React.FC<InputProps>;
+export default Checkbox;

package/dist/components/Checkbox/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+
+var _Icons = require("../Icons");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const Checkbox = props => {
+  var _config$form$checkbox, _config$form;
+
+  const config = (0, _react.useContext)(_ConfigContext.default);
+  const checkboxStyle = (_config$form$checkbox = (_config$form = config.form) === null || _config$form === void 0 ? void 0 : _config$form.checkboxStyle) !== null && _config$form$checkbox !== void 0 ? _config$form$checkbox : 'check';
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox"
+  }, /*#__PURE__*/_react.default.createElement("input", _extends({
+    type: "checkbox"
+  }, props)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "checkbox__icon"
+  }, checkboxStyle === 'check' ? /*#__PURE__*/_react.default.createElement(_Icons.Check, null) : /*#__PURE__*/_react.default.createElement(_Icons.X, null)));
+};
+
+var _default = Checkbox;
+exports.default = _default;

package/dist/components/Icons/Align.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare function AlignCenter(): JSX.Element;
+export declare function AlignLeft(): JSX.Element;
+export declare function AlignRight(): JSX.Element;

package/dist/components/Icons/Align.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AlignCenter = AlignCenter;
+exports.AlignLeft = AlignLeft;
+exports.AlignRight = AlignRight;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function AlignCenter() {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon",
+    "data-label": "AlignCenter"
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "18",
+    height: "13",
+    fill: "none",
+    viewBox: "0 0 18 13"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M0 4h18v1H0V4zM2 0h14.078v1H2V0zM2.067 8H16v1H2.067V8zM3 12h12.079v1H3v-1z",
+    clipRule: "evenodd"
+  })));
+}
+
+function AlignLeft() {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon",
+    "data-label": "AlignLeft"
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "19",
+    height: "13",
+    fill: "none",
+    viewBox: "0 0 19 13"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M0 0h14.079v1H0V0zM0 4h18.078v1H0V4zM0 8h16.078v1H0V8zM0 12h14.079v1H0v-1z",
+    clipRule: "evenodd"
+  })));
+}
+
+function AlignRight() {
+  return /*#__PURE__*/_react.default.createElement("span", {
+    className: "icon",
+    "data-label": "AlignRight"
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "19",
+    height: "13",
+    fill: "none",
+    viewBox: "0 0 19 13"
+  }, /*#__PURE__*/_react.default.createElement("path", {
+    fillRule: "evenodd",
+    d: "M3 0h15v1H3V0zM3.47 12H18v1H3.47v-1zM.067 4H18v1H.067V4zM2.067 8H18v1H2.067V8z",
+    clipRule: "evenodd"
+  })));
+}