colibri-ui 0.8.100 → 0.8.102

package/Editable/Editable.js

@@ -59,12 +59,28 @@ const Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, fo
   const [currentValue, setCurrentValue] = React.useState(value !== null && value !== void 0 ? value : "");
   const [isEditing, setIsEditing] = React.useState(false);
   const lastValidValue = React.useRef(value !== null && value !== void 0 ? value : "");
+  // React must not rewrite the text node while typing: that resets the caret.
+  // A new text element is created only with a new component, so seed it then.
+  const [textSeed, setTextSeed] = React.useState({
+    component: TextComponent,
+    text: value !== null && value !== void 0 ? value : ""
+  });
+  if (textSeed.component !== TextComponent) {
+    setTextSeed({
+      component: TextComponent,
+      text: currentValue
+    });
+  }
+  const isMouseFocus = React.useRef(false);
   React.useImperativeHandle(forwardedRef, () => editorRef.current, []);
   React.useEffect(() => {
     if (value === undefined || value === lastValidValue.current) return;
     lastValidValue.current = value;
     setCurrentValue(value);
-    if (editorRef.current) editorRef.current.textContent = value;
+    const editor = editorRef.current;
+    if (!editor) return;
+    editor.textContent = value;
+    if (document.activeElement === editor) placeCaretAtEnd(editor);
   }, [value]);
   const commitInput = React.useCallback(event => {
     var _a;
@@ -82,6 +98,10 @@ const Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, fo
   }, [maxLength, onChange]);
   const handleFocus = event => {
     setIsEditing(true);
+    if (isMouseFocus.current) {
+      isMouseFocus.current = false;
+      return;
+    }
     const selection = window.getSelection();
     const range = document.createRange();
     range.selectNodeContents(event.currentTarget);
@@ -91,6 +111,7 @@ const Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, fo
   const handleBlur = event => {
     var _a;
     setIsEditing(false);
+    isMouseFocus.current = false;
     (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges();
     if (event.currentTarget.innerHTML === "<br>") event.currentTarget.innerHTML = "";
     onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
@@ -113,8 +134,10 @@ const Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, fo
     onPaste === null || onPaste === void 0 ? void 0 : onPaste(event);
   };
   const focusEditor = () => {
-    var _a;
-    if (!disabled) (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    const editor = editorRef.current;
+    if (disabled || !editor) return;
+    editor.focus();
+    placeCaretAtEnd(editor);
   };
   return /*#__PURE__*/React__default.default.createElement("span", Object.assign({}, rest, {
     className: [styles__default.default.root, disabled ? styles__default.default.disabled : "", className !== null && className !== void 0 ? className : ""].filter(Boolean).join(" ")
@@ -129,11 +152,14 @@ const Editable = /*#__PURE__*/React.forwardRef(function EditableComponent(_a, fo
     suppressContentEditableWarning: true,
     spellCheck: spellCheck,
     onInput: commitInput,
+    onMouseDown: () => {
+      isMouseFocus.current = !disabled;
+    },
     onFocus: handleFocus,
     onBlur: handleBlur,
     onKeyDown: handleKeyDown,
     onPaste: handlePaste
-  }, currentValue), !currentValue && !isEditing && placeholder && (/*#__PURE__*/React__default.default.createElement("span", {
+  }, textSeed.text), !currentValue && !isEditing && placeholder && (/*#__PURE__*/React__default.default.createElement("span", {
     className: styles__default.default.placeholder,
     onClick: focusEditor,
     "aria-hidden": "true"

package/Icons/ArrowNext.js

@@ -10,8 +10,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const ArrowNext = _a => {
   var {
       fill = "currentColor",
-      width = 10,
-      height = 16,
+      width = 24,
+      height = 24,
       ref
     } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
@@ -20,7 +20,7 @@ const ArrowNext = _a => {
     fill: "none",
     width: width,
     height: height,
-    viewBox: "0 0 10 16",
+    viewBox: "-7.3 -4 24 24",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), /*#__PURE__*/React__default.default.createElement("path", {
     d: "M1 1L8 8L1 15",

package/Icons/{Exit.d.ts → Book.d.ts}

@@ -1,3 +1,3 @@
 import React from "react";
 import type { Props } from "./index.props";
-export declare const Exit: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;
+export declare const Book: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Book.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Book = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "1.9 1.1 50 50",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M27.09 15.13C22.3 11.67 16.28 9.3 9.54 10.2c-.35 0-.7.36-.88.73L6.18 15.3c-.18.18-.18.37-.18.73L7.77 35.9c.36 1.46.89 2 1.95 2.2 5.14.36 9.04 1.09 13.65 3.1.7 2.36 6.9 2.54 7.8 0 4.6-2.01 7.97-2.74 13.1-3.1a2 2 0 0 0 1.96-2.01c.35-4.01 1.42-18.05 1.6-20.42 0-.19 0-.55-.18-.73l-1.95-4.01c-.18-.37-.54-.55-.89-.73a23.6 23.6 0 0 0-17.72 4.92M27 18.05c-4.6-4.01-10.42-6.08-16.62-5.35l1.74 19.62c5.5.18 10.1 1.2 14.88 3.57zm0 0c4.6-4.01 10.42-6.08 16.63-5.35l-1.76 19.62c-5.49.18-10.09 1.2-14.87 3.57z"
+  }));
+};
+
+exports.Book = Book;

package/Icons/Bug.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Bug: ({ width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Bug.js

@@ -0,0 +1,165 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Bug = _a => {
+  var {
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "5.8 5.75 141.6 141.6",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M100.6 49.2s2.8-5.9-3.5-11.6C93 34 89.8 22.5 90.5 20.4s-.3-4.9-1.4-.4c-1 3.8.7 11.9 5.2 17 2.8 3.2 5.4 5.3 4.7 10.6z"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#331A0F",
+    d: "M99.2 54s-13.8-13.5-28.7.6c0 0 14.1 7.3 8.3 19.8z"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M90.6 49s4.1-5.6 8.9-1.1c2.6 2.5 1.4 4.4 1.4 4.4l-2.2 2.2s-2.9-3-8.1-5.5m13.3 3.6s5.9-2.8 11.6 3.5c3.7 4.1 15.2 7.3 17.3 6.6s4.9.3.4 1.4c-3.8 1-11.9-.7-17-5.2-3.2-2.8-5.3-5.4-10.6-4.6z"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#331A0F",
+    d: "M99.2 53.9s13.5 13.8-.6 28.7c0 0-7.3-14.1-19.8-8.3z"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M104.1 62.5s5.6-4.1 1.1-8.9c-2.5-2.6-4.4-1.4-4.4-1.4l-2.2 2.2c.1.1 3 3 5.5 8.1"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#010202",
+    d: "M77.7 56.2c1.5 4.6 6.1 7.7 7.8 11.5s8.3 7.7 10.9 5 4.9-11.8 1.9-15.1 6.3-.9 4.8 11.7-10.6 15.9-10.6 15.9-20.3-11.7-20.6-11.9c-.2-.2-5.8-10.4-5.6-10.9s1.6-5.4 1.6-5.4 8.3-5.5 9.8-.8"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M39.5 79.7s-11.6 16.4 2.6 30.4c14.2 13.9 35.6 1.9 35.4 1.3-.2-.5-38-31.7-38-31.7m37.6-8.3s-3.4-5.3-8-6.5c0 0-1.7.2-.3-1.9s8.3-12.7 5.9-17.4-8-8.3-7.7-10.4c.2-2.1-.6-3-1.7-2.3-1.2.7-1.6 1.5-1.6 1.5s.7-3.7-.7-3.2.2 3.5.2 3.5-2.4 3.1.5 3.3 8.1 4.5 8.7 7.6c.5 3.1-1.3 8-2.8 11.1-1.4 3-6.3 7.2-1.8 11 4.4 3.9 8.9 4.8 8.9 4.8z"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M69.5 65.6c-.2 0-1.1-6.5-9.2-9 0 0-1.2.5-2.9 2.4s-7.3 6.6-9.6 6.2-9.4-4.2-9.4-4.2-2.2-3.1-3.2-1.9-.8 2.3-.8 2.3-5.2-2.3-4.1-.2 3.3 1.7 3.3 1.7-1.5 3.1.6 2.9c2.1-.3 4.3-1.5 5.8-.9s4.6 2.1 6.5 3 2.5 1.5 3.9.1 9.9-8.9 9.9-8.9.6 5.6 5 6.9zm-14.9 9.1s-8-4.3-12.5-.3-7.4 10.3-10 10.6c-2.6.2-9.1-2.6-10.5-1.4s-1 2.5-1 2.5-1.8-3.1-2.6-1.2-.3 4.5.5 3.8 2.1-1.4 2.1-1.4.7 2.7 2.7 1.5 3.4-1.2 5.4-1.4 5.4.5 6.5-1.4c0 0 6-9.6 9.6-9.2s4.6 4 4.6 4 6.3-3.4 5.2-6.1"
+  }), /*#__PURE__*/React__default.default.createElement("linearGradient", {
+    id: "bugGradA",
+    x1: "36.13",
+    x2: "64.67",
+    y1: "46.77",
+    y2: "46.77",
+    gradientTransform: "rotate(45 -98.52 20.44)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: "0",
+    stopColor: "#b0191a"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: ".21",
+    stopColor: "#e94e22"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: ".53",
+    stopColor: "#ef7a57"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: "1",
+    stopColor: "#e84423"
+  })), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "url(#bugGradA)",
+    d: "m79.4 73.2-34.1 34.1s-1.7 1.6-4.9-1.7c-3.2-3.2-8.6-15.5-1.9-28.9 8-16 24.6-21.8 24.6-21.8s4.5-2.7 9.9 1.1c5.4 3.9 9.7 11.2 6.4 17.2"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M81.7 75.6s5.3 3.4 6.5 8c0 0-.2 1.7 1.9.3s12.7-8.3 17.4-5.9 8.3 8 10.4 7.7c2.1-.2 3 .6 2.3 1.7-.7 1.2-1.5 1.6-1.5 1.6s3.7-.7 3.2.7-3.5-.2-3.5-.2-3.1 2.4-3.3-.5-4.5-8.1-7.6-8.7c-3.1-.5-8 1.3-11.1 2.8-3 1.4-7.2 6.3-11 1.8-3.9-4.4-4.8-8.9-4.8-8.9z"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    d: "M84.9 80.4c.1.2 6.6-.3 10.8 7 0 0-.2 1.3-1.7 3.4s-4.9 8.6-3.9 10.7c.9 2.1 6.1 8.3 6.1 8.3s3.5 1.5 2.6 2.7-2 1.2-2 1.2 3.3 4.6 1 4-2.4-2.9-2.4-2.9-2.7 2.2-2.9 0c-.2-2.1.5-4.5-.4-5.8s-3.1-4-4.3-5.7c-1.3-1.6-2-2.1-1-3.7C87.9 98 93.3 88 93.3 88s-5.6.6-7.8-3.4zm-5.7 16.7s5.1 8.6 1 13.2-10.6 7.6-10.9 10.3c-.2 2.6 2.7 9.3 1.5 10.8s-2.5 1.1-2.5 1.1 3.2 1.8 1.2 2.6-4.7.3-3.9-.5c.7-.8 1.5-2.1 1.5-2.1s-2.8-.7-1.6-2.8 1.2-3.5 1.4-5.6-.5-5.5 1.4-6.7c0 0 9.9-6.2 9.5-9.9s-3.2-5.3-3.2-5.3 1.8-6.2 4.6-5.1"
+  }), /*#__PURE__*/React__default.default.createElement("linearGradient", {
+    id: "bugGradB",
+    x1: "60.66",
+    x2: "89.29",
+    y1: "46.75",
+    y2: "46.75",
+    gradientTransform: "rotate(-135 85.4 72.68)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: "0",
+    stopColor: "#751613"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: ".21",
+    stopColor: "#bf391d"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: ".53",
+    stopColor: "#ef7a57"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: "1",
+    stopColor: "#cf3320"
+  })), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "url(#bugGradB)",
+    d: "m79.4 73.2-34.1 34.1s-1.5 2.6 2.6 5.7c3.6 2.8 13.1 6.5 26.5 1 18.9-7.7 23.3-24.5 23.3-24.5s2.7-4.5-1.1-9.9c-3.8-5.3-11.2-9.7-17.2-6.4"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#F4C490",
+    d: "M73.6 58.5c-.2-.2-5-5.5-14.1 2.6-9.2 8-11.1 26.5 2.2 21 8.7-3.5 22.9-16.1 11.9-23.6",
+    opacity: ".3"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#EBEABC",
+    d: "M91.4 76.1c-.2-.2-5.3-5.6-11.2-1-5.9 4.7-3.4 19.6 6.4 18 6.5-1.1 15.5-8.4 4.8-17",
+    opacity: ".11"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#331A0F",
+    d: "M77.9 60.9s6.6 10.5-19.1 33c0 0 21.5-20.7 29.3-21.1z",
+    opacity: ".47"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#FFA88A",
+    d: "M96.4 55.6c-3-4.8-15.6-8.4-11.6.8 4.1 9.2 11.8 10.1 12.8 7.4.9-2.5 1-4.7-1.2-8.2",
+    opacity: ".19"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#F2AD91",
+    d: "M95.2 56.7c-3.7-6-19.4-10.4-14.4 1 5.1 11.4 14.6 12.5 16 9.2 1.3-3.4 1.4-5.6-1.6-10.2",
+    opacity: ".09"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#D11317",
+    d: "M38.5 77.5c4.2 2.5 7.3 5.1 26.2 11 16 5 29 7.5 29 7.5s-24.3 36.3-52.5 11.7c-13.5-11.9-2.7-30.2-2.7-30.2",
+    opacity: ".25"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#331A0F",
+    d: "M64.9 54.2s17.7 3.4 10.9 21.6c0 0 23.7 2.1 15.5 18.2 0 0-.3 2.9 2.6 0 5.4-5.4 6-14.2 1.9-19s-12.4-9-12.7-10S74 54.5 73 54.1c-.9-.4-6.6-.4-8.1.1",
+    opacity: ".25"
+  }), /*#__PURE__*/React__default.default.createElement("linearGradient", {
+    id: "bugGradC",
+    x1: "88.19",
+    x2: "80.98",
+    y1: "43.57",
+    y2: "61.07",
+    gradientTransform: "matrix(1.1102 -.1102 .1102 -1.1102 -26.45 173.38)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: "0",
+    stopColor: "#6c1512"
+  }), /*#__PURE__*/React__default.default.createElement("stop", {
+    offset: "1",
+    stopColor: "#d42900"
+  })), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "url(#bugGradC)",
+    d: "M88 73s1.5 4.3-8.9 14.9c-8.7 8.8-28.2 10.2-35 14.5-7.3 4.6 6.8 13.5 12.8 13.8 21.4 1.3 31.8-11.8 35.8-18 4.6-7.1 9.4-16.6-4.7-25.2",
+    opacity: ".81"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#331A0F",
+    d: "M37.5 101.1s5.1 7.8 12 1.5c8.7-8 13-12.4 13-12.4s-13.5 14-14.8 18.1c-1.6 5.1 8.7 8.1 8.7 8.1s-13.8 0-18.9-15.3",
+    opacity: ".47"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#F96A58",
+    d: "M54 106.5s-9.9 3.4-1.3 7.3 19.6.3 15.8-4.1c-4-4.4-8.8-4.1-14.5-3.2",
+    opacity: ".64"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#F4C490",
+    d: "M74.3 57c-7.2 1.1-16.7 3.9-17 11.3C57 74.4 63.8 79 71 81.6l8.4-8.4c3-5.5-.3-12.1-5.1-16.2",
+    opacity: ".17"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#F4C490",
+    d: "M82.2 56.4s-24.4 0-24.9 11.9c-.6 11.8 25 17.8 29.3 15.4 4.3-2.3 8.5-22.8-4.4-27.3",
+    opacity: ".1"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#EBE1E1",
+    d: "M47.9 101.4c.3 1.9-1.9 3.1-4.8 2.7s-5.5-2.2-5.8-4.1 1.9-3 4.8-2.7c3 .4 5.6 2.2 5.8 4.1",
+    opacity: ".35"
+  }), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: "#FFCF9F",
+    d: "M73.5 60.1S62 61.7 61 67.3s10.6 6.8 12.8 5.4 5.5-11.3-.3-12.6",
+    opacity: ".44"
+  }));
+};
+
+exports.Bug = Bug;

package/Icons/Cart.js

@@ -22,7 +22,7 @@ const Cart = _a => {
     fill: fill,
     width: width,
     height: height,
-    viewBox: "0 0 20 24"
+    viewBox: "-4.73 -2.38 28.5 28.5"
   }, props), /*#__PURE__*/React__default.default.createElement("path", {
     d: "M17.677,5.214 C17.6474966,4.87676512 17.3655221,4.61778237 17.027,4.617 L14.47,4.617 C14.47,2.033 12.103,0 9.54,0 C6.976,0 4.768,2.063 4.729,4.617 L2.052,4.617 C1.71273371,4.61587046 1.42966152,4.87586137 1.402,5.214 L0.042,20.519 C0.037,22.32 1.634,23.738 3.601,23.738 L15.478,23.738 C17.444,23.738 19.042,22.32 19.042,20.578 C19.042,20.558 17.677,5.214 17.677,5.214 L17.677,5.214 Z M15.762,22.62 L3.438,22.62 C2.158,22.62 1.12,21.774 1.1,20.731 L2.45,5.5 L4.73,5.5 L4.728,7.566 C4.728,7.944 5.03,8.246 5.408,8.246 C5.786,8.246 6.088,7.944 6.088,7.566 L6.09,5.5 L13.107,5.5 L13.107,7.566 C13.107,7.944 13.409,8.246 13.787,8.246 C13.9678664,8.24679795 14.1415988,8.17550771 14.2697731,8.04789639 C14.3979474,7.92028506 14.4700018,7.7468682 14.47,7.566 L14.47,5.5 L16.745,5.5 L18.1,20.731 C18.08,21.774 17.037,22.621 15.762,22.621 L15.762,22.62 Z M9.595,1.13 C11.482,1.13 13.07,2.716 13.11,4.62 L6.09,4.62 C6.13,2.716 7.708,1.13 9.595,1.13 L9.595,1.13 Z"
   }));

package/Icons/Close.js

@@ -18,7 +18,7 @@ const Close = _a => {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
-    viewBox: "0 0 24 24",
+    viewBox: "-2 -2 28 28",
     ref: ref
   }, props, {
     fill: "none"

package/Icons/Comment.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Comment: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Comment.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Comment = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22 10.79c0 4.85-4.25 8.79-9.5 8.79a10 10 0 0 1-2.68-.36 12.4 12.4 0 0 1-5.49 1.73c-.29.03-.43-.35-.24-.56.6-.65 1.43-1.8 1.72-3.37A8.5 8.5 0 0 1 3 10.8C3 5.93 7.25 2 12.5 2S22 5.93 22 10.79"
+  }));
+};
+
+exports.Comment = Comment;

package/Icons/Console.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Console: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Console.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Console = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "-0.125 0 20 20",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M2 3.63c0-.83.67-1.5 1.5-1.5h3.75c.83 0 1.5.67 1.5 1.5v3.75c0 .82-.67 1.5-1.5 1.5H3.5A1.5 1.5 0 0 1 2 7.38zM11 12.5c0-.83.67-1.5 1.5-1.5h3.75c.83 0 1.5.67 1.5 1.5v3.75c0 .83-.67 1.5-1.5 1.5H12.5a1.5 1.5 0 0 1-1.5-1.5zM2 12.63c0-.83.67-1.5 1.5-1.5h3.75c.83 0 1.5.67 1.5 1.5v3.74c0 .83-.67 1.5-1.5 1.5H3.5a1.5 1.5 0 0 1-1.5-1.5zM11 3.63c0-.83.67-1.5 1.5-1.5h3.75c.83 0 1.5.67 1.5 1.5v3.75c0 .82-.67 1.5-1.5 1.5H12.5a1.5 1.5 0 0 1-1.5-1.5z"
+  }));
+};
+
+exports.Console = Console;

package/Icons/Cookie.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Cookie: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Cookie.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Cookie = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M12 3a9 9 0 1 0 8.87 7.5C20.6 10 20 10 20 10h-2V9c0-1-1-1-1-1h-2V7c0-1-1-1-1-1h-1V4c0-1-1-1-1-1M9.5 6a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m-3 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5 1a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3m5 2a1.5 1.5 0 1 1 0 3 1.5 1.5 0 1 1 0-3M11 16a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3"
+  }));
+};
+
+exports.Cookie = Cookie;

package/Icons/Copy.js

@@ -22,7 +22,7 @@ const Copy = _a => {
     height: height,
     ref: ref
   }, props, {
-    viewBox: "0 0 16 16"
+    viewBox: "-0.9 -0.9 17.8 17.8"
   }), /*#__PURE__*/React__default.default.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",

package/Icons/Copyright.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Copyright: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Copyright.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Copyright = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M10.08 10.86q.08-.5.3-.86.2-.39.59-.63a1.8 1.8 0 0 1 1.53-.1q.32.15.53.36.2.23.34.53.13.3.13.64h1.8a3 3 0 0 0-.3-1.3 3 3 0 0 0-.68-1 3.5 3.5 0 0 0-2.47-.89 4 4 0 0 0-1.7.34 4 4 0 0 0-1.2.92q-.48.58-.71 1.36A6 6 0 0 0 8 11.87v.27q0 .87.23 1.64.23.78.71 1.35t1.2.91a4 4 0 0 0 3.02.11q.61-.22 1.08-.65.46-.38.76-.92a3 3 0 0 0 .28-1.15H13.5q-.01.32-.16.57-.14.28-.34.47-.25.2-.54.3t-.6.1a2 2 0 0 1-.89-.23 1.4 1.4 0 0 1-.59-.64 2 2 0 0 1-.3-.86 7 7 0 0 1-.08-1v-.27q0-.53.08-1.01M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20m0 18a8.01 8.01 0 0 1 0-16 8.01 8.01 0 0 1 0 16"
+  }));
+};
+
+exports.Copyright = Copyright;

package/Icons/CurrencyGbp.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const CurrencyGbp: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/CurrencyGbp.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const CurrencyGbp = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M6.5 21v-1.25a6 6 0 0 0 2.31-2.05q.85-1.3.87-2.95l-.02-.98-.09-.77H7v-2h2.4a18 18 0 0 1-.27-2.75 5.3 5.3 0 0 1 1.45-3.84A5.2 5.2 0 0 1 14.32 3q1.07 0 1.81.2.73.18 1.18.45l-.55 1.74a5 5 0 0 0-.97-.39 7 7 0 0 0-1.47-.16q-1.59.03-2.32.99-.73.95-.7 2.45l.1 1.49.2 1.23h3.9v2h-3.71q.14 1.51-.14 2.96A6 6 0 0 1 9.83 19H18v2z"
+  }));
+};
+
+exports.CurrencyGbp = CurrencyGbp;

package/Icons/Github.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const Github: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/Github.js

@@ -0,0 +1,31 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const Github = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    d: "M12 2a10 10 0 0 0-3.16 19.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34-.46-1.16-1.11-1.47-1.11-1.47-.91-.62.07-.6.07-.6 1 .07 1.53 1.03 1.53 1.03.87 1.52 2.34 1.07 2.91.83.09-.65.35-1.09.63-1.34-2.22-.25-4.55-1.11-4.55-4.92 0-1.11.38-2 1.03-2.71-.1-.25-.45-1.29.1-2.64 0 0 .84-.27 2.75 1.02a9.4 9.4 0 0 1 5 0c1.91-1.29 2.75-1.02 2.75-1.02.55 1.35.2 2.39.1 2.64.65.71 1.03 1.6 1.03 2.71 0 3.82-2.34 4.66-4.57 4.91.36.31.69.92.69 1.85V21c0 .27.16.59.67.5A10 10 0 0 0 12 2"
+  }));
+};
+
+exports.Github = Github;

package/Icons/Pipette.js

@@ -21,7 +21,7 @@ const Pipette = _a => {
     height: height
   }, props, {
     ref: ref,
-    viewBox: "0 0 24 24",
+    viewBox: "0.35 -1.5 24 24",
     fill: "none"
   }), /*#__PURE__*/React__default.default.createElement("path", {
     stroke: fill,

package/Icons/Plus.js

@@ -10,8 +10,8 @@ var React__default = /*#__PURE__*/_interopDefault(React);
 const Plus = _a => {
   var {
       fill = "currentColor",
-      width = 18,
-      height = 18,
+      width = 24,
+      height = 24,
       ref
     } = _a,
     props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
@@ -19,7 +19,7 @@ const Plus = _a => {
     xmlns: "http://www.w3.org/2000/svg",
     width: width,
     height: height,
-    viewBox: "0 0 18 18",
+    viewBox: "-1.6 -1.6 21.2 21.2",
     ref: ref
   }, props), /*#__PURE__*/React__default.default.createElement("path", {
     fill: fill,

package/Icons/SignIn.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const SignIn: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;

package/Icons/SignIn.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const SignIn = _a => {
+  var {
+      fill = "currentColor",
+      width = 24,
+      height = 24,
+      ref
+    } = _a,
+    props = tslib.__rest(_a, ["fill", "width", "height", "ref"]);
+  return /*#__PURE__*/React__default.default.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: width,
+    height: height,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ref: ref
+  }, props), /*#__PURE__*/React__default.default.createElement("path", {
+    fill: fill,
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M6.37 10.78a1 1 0 0 0 0 1.44l3.4 3.4a1.02 1.02 0 1 0 1.43-1.45l-1.65-1.65h10.43a1.02 1.02 0 0 0 0-2.04H9.55l1.65-1.65a1.02 1.02 0 0 0-1.44-1.44zM14.54 6.41a1.02 1.02 0 0 1-2.04 0v-.34a2.04 2.04 0 0 0-2.04-2.03H7.07a2.04 2.04 0 0 0-2.03 2.03v10.86a2.04 2.04 0 0 0 2.03 2.04h3.4a2.04 2.04 0 0 0 2.03-2.04v-.34a1.02 1.02 0 0 1 2.04 0v.34A4.07 4.07 0 0 1 10.46 21H7.07A4.07 4.07 0 0 1 3 16.93V6.07A4.07 4.07 0 0 1 7.07 2h3.4a4.07 4.07 0 0 1 4.07 4.07z"
+  }));
+};
+
+exports.SignIn = SignIn;

package/Icons/SignOut.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { Props } from "./index.props";
+export declare const SignOut: ({ fill, width, height, ref, ...props }: Props) => React.JSX.Element;