nzk-react-components 0.4.0-0 → 0.4.0

package/dist/assets/icons/send.svg

@@ -0,0 +1,43 @@
+<svg id="Icon-set-work" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="120.556" height="120.234" viewBox="0 0 120.556 120.234">
+  <defs>
+    <clipPath id="clip-path">
+      <rect id="Rectangle_1599" data-name="Rectangle 1599" width="120.234" height="120.234" transform="translate(0 0)" fill="none"/>
+    </clipPath>
+    <clipPath id="clip-path-2">
+      <rect id="Rectangle_1598" data-name="Rectangle 1598" width="67.676" height="38.026" transform="translate(38.428 6.104)" fill="none"/>
+    </clipPath>
+    <clipPath id="clip-path-3">
+      <rect id="Rectangle_1600" data-name="Rectangle 1600" width="40.395" height="33.158" transform="translate(62.419 71.104)" fill="none"/>
+    </clipPath>
+  </defs>
+  <rect id="frame" width="120" height="120" fill="none"/>
+  <g id="Group_1625" data-name="Group 1625" transform="translate(0.322)">
+    <path id="Path_1851" data-name="Path 1851" d="M11.63,38.472,40.709,44.13,106.1,6.1Z" fill="#fff"/>
+    <path id="Path_1852" data-name="Path 1852" d="M11.63,38.472,40.709,44.13,106.1,6.1Z" fill="#fff"/>
+    <path id="Path_1853" data-name="Path 1853" d="M21.3,35.16,11.63,38.473l29.08,5.658,18.74-10.9Z" fill="#53b4ed"/>
+    <g id="Group_1617" data-name="Group 1617">
+      <g id="Group_1616" data-name="Group 1616" clip-path="url(#clip-path)">
+        <g id="Group_1615" data-name="Group 1615" opacity="0.3">
+          <g id="Group_1614" data-name="Group 1614">
+            <g id="Group_1613" data-name="Group 1613" clip-path="url(#clip-path-2)">
+              <path id="Path_1854" data-name="Path 1854" d="M40.709,44.13,106.1,6.1l-.742.254L38.428,43.686Z" fill="#c6cbd6"/>
+            </g>
+          </g>
+        </g>
+      </g>
+    </g>
+    <path id="Path_1855" data-name="Path 1855" d="M40.709,44.13,44.92,77.946,106.1,6.1Z" fill="#fff"/>
+    <path id="Path_1856" data-name="Path 1856" d="M40.709,44.13,44.92,77.946,106.1,6.1Z" fill="#c6cbd6"/>
+    <path id="Path_1857" data-name="Path 1857" d="M50.84,52.025,87.157,70.314,106.1,6.1Z" fill="#ecf0f1"/>
+    <path id="Path_1858" data-name="Path 1858" d="M55.973,64.967l3.946-31.758-.47.024-18.74,10.9,4.21,33.816Z" fill="#2a68a6"/>
+    <path id="Path_1859" data-name="Path 1859" d="M50.84,52.025,44.919,77.946,66.5,52.814Z" fill="#22588f"/>
+    <path id="Path_1860" data-name="Path 1860" d="M50.84,52.025,87.157,70.314l1.413-4.79L70,36.1Z" fill="#53b4ed"/>
+    <g id="Group_1620" data-name="Group 1620" opacity="0.3">
+      <g id="Group_1619" data-name="Group 1619">
+        <g id="Group_1618" data-name="Group 1618" clip-path="url(#clip-path-3)">
+          <path id="Path_1861" data-name="Path 1861" d="M77.551,103.472,74,94.525,62.419,91.1l40.4-20L93.6,104.261,82.419,98.209Z"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/dist/assets/icons/send.svg.js

@@ -0,0 +1,132 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n['default'] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _defs, _path, _g;
+
+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); }
+
+function SvgSend(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 120.556,
+    height: 120.234,
+    viewBox: "0 0 120.556 120.234"
+  }, props), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "send_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 1599",
+    fill: "none",
+    d: "M0 0h120.234v120.234H0z"
+  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "send_svg__b"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 1598",
+    transform: "translate(38.428 6.104)",
+    fill: "none",
+    d: "M0 0h67.676v38.026H0z"
+  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "send_svg__c"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Rectangle 1600",
+    transform: "translate(62.419 71.104)",
+    fill: "none",
+    d: "M0 0h40.395v33.158H0z"
+  })))), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    d: "M0 0h120v120H0z"
+  })), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1625"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1851",
+    d: "M11.952 38.472l29.079 5.658L106.422 6.1z",
+    fill: "#fff"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1852",
+    d: "M11.952 38.472l29.079 5.658L106.422 6.1z",
+    fill: "#fff"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1853",
+    d: "M21.622 35.16l-9.67 3.313 29.08 5.658 18.74-10.9z",
+    fill: "#53b4ed"
+  }), /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1617"
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1616",
+    clipPath: "url(#send_svg__a)",
+    transform: "translate(.322)"
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1615"
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1614",
+    opacity: 0.3
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1613",
+    clipPath: "url(#send_svg__b)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1854",
+    d: "M40.709 44.13L106.1 6.1l-.742.254-66.93 37.332z",
+    fill: "#c6cbd6"
+  })))))), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1855",
+    d: "M41.031 44.13l4.211 33.816L106.422 6.1z",
+    fill: "#fff"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1856",
+    d: "M41.031 44.13l4.211 33.816L106.422 6.1z",
+    fill: "#c6cbd6"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1857",
+    d: "M51.162 52.025l36.317 18.289L106.422 6.1z",
+    fill: "#ecf0f1"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1858",
+    d: "M56.295 64.967l3.946-31.758-.47.024-18.74 10.9 4.21 33.816z",
+    fill: "#2a68a6"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1859",
+    d: "M51.162 52.025l-5.921 25.921 21.581-25.132z",
+    fill: "#22588f"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1860",
+    d: "M51.162 52.025l36.317 18.289 1.413-4.79L70.322 36.1z",
+    fill: "#53b4ed"
+  }), /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1620"
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1619",
+    opacity: 0.3
+  }, /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Group 1618",
+    clipPath: "url(#send_svg__c)",
+    transform: "translate(.322)"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    "data-name": "Path 1861",
+    d: "M77.551 103.472L74 94.525 62.419 91.1l40.4-20-9.219 33.161-11.181-6.052z"
+  })))))));
+}
+
+module.exports = SvgSend;
+//# sourceMappingURL=send.svg.js.map

package/dist/assets/icons/send.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"send.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -1,8 +1,14 @@
-/// <reference types="react" />
+import { ReactElement } from 'react';
 export interface DatePickerProps {
     primary: string;
     autoFocus?: boolean;
     onChange?: (date: Date) => void;
+    defaultValue?: Date;
+    input?: ReactElement<{
+        onClick: any;
+        ref: any;
+        children: any;
+    }>;
 }
 declare const DatePicker: {
     (props: DatePickerProps): JSX.Element;
@@ -11,6 +17,8 @@ declare const DatePicker: {
         autoFocus: boolean;
         onChange: null;
         range: boolean;
+        defaultValue: null;
+        input: null;
     };
 };
 export default DatePicker;

package/dist/components/DatePicker/DatePicker.js

@@ -1,17 +1,17 @@
 'use strict';
 
 var tslib = require('tslib');
+var polished = require('polished');
 var React = require('react');
-var styled = require('styled-components');
 var ReactDatePicker = require('react-datepicker');
-var polished = require('polished');
+var styled = require('styled-components');
 var Button = require('../Button/Button.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var ReactDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(ReactDatePicker);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var getColors = function (props) {
     var primary = props.primary;
@@ -24,13 +24,13 @@ var getColors = function (props) {
         color: light ? '#000' : '#fff'
     };
 };
-var Wrapper = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  ", "\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"], ["\n  ", "\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])), function (props) {
+var Wrapper = styled__default['default'].div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  ", "\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"], ["\n  ", "\n  .react-datepicker {\n    position: relative;\n    width: 300px;\n  }\n  .react-datepicker__navigation {\n    align-items: center;\n    background: none;\n    display: flex;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    position: absolute;\n    top: 2px;\n    padding: 0;\n    border: none;\n    z-index: 1;\n    height: 32px;\n    width: 32px;\n    text-indent: -999em;\n    overflow: hidden;\n  }\n  .react-datepicker__navigation-icon::before {\n    border-color: var(--color);\n    border-style: solid;\n    border-width: 5px 5px 0 0;\n    content: \"\";\n    display: block;\n    height: 12px;\n    position: absolute;\n    top: 10px;\n    width: 10px;\n  }\n  .react-datepicker__navigation-icon--previous::before {\n    transform: rotate(225deg);\n    right: -7px;\n  }\n\n  .react-datepicker__navigation-icon--next::before {\n    transform: rotate(45deg);\n    left: -7px;\n  }\n  .react-datepicker__navigation--next {\n    right: 2px;\n  }\n  .react-datepicker__month-container {\n    text-align: center;\n    border-radius: 9px;\n    overflow: hidden;\n    box-shadow: 0 3px 9px 1px rgba(0,0,0,0.3);\n    margin-top: 8px;\n  }\n  .react-datepicker__current-month {\n    padding: 5px 0;\n    font-family: 'Rammetto One';\n    color: var(--color);\n    background: var(--primary);\n  }\n  .react-datepicker__day-names {\n    width: 100%;\n    display: flex;\n    font-weight: bold;\n    color: var(--primary);\n    background-color: var(--secondary);\n    > * { flex: 1; padding: 10px 0; }\n  }\n  .react-datepicker__day {\n    position: relative;\n    background-color: var(--primary);\n    color: var(--color);\n    transition: background-color 0.2s ease-in-out;\n    cursor: pointer;\n    :hover {\n      background-color: var(--secondary);\n      transition: background-color 0.2s ease-in-out;\n    }\n  }\n  .react-datepicker__day--selected {\n    background-color: var(--secondary);\n  }\n  .react-datepicker__day--keyboard-selected {\n    background-color: var(--secondary);\n    transition: background-color 0.2s ease-in-out;\n  }\n  .react-datepicker__day--outside-month {\n    background-color: #ffffffff;\n    color: var(--primary);\n  }\n  .react-datepicker__week {\n    width: 100%;\n    display: flex;\n    > * { flex: 1; padding: 10px; }\n  }\n"])), function (props) {
     var colors = getColors(props);
     return styled.css(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n      --primary: ", ";\n      --secondary: ", ";\n      --color: ", ";\n    "], ["\n      --primary: ", ";\n      --secondary: ", ";\n      --color: ", ";\n    "])), colors.primary, colors.secondary, colors.color);
 });
 var DatePicker = function (props) {
     var datePickerRef = React.useRef(null);
-    var _a = React.useState(new Date()), startDate = _a[0], setStartDate = _a[1];
+    var _a = React.useState(props.defaultValue || new Date()), startDate = _a[0], setStartDate = _a[1];
     React.useEffect(function () {
         if (props.autoFocus && datePickerRef.current && datePickerRef.current.input) {
             datePickerRef.current.input.focus();
@@ -38,6 +38,8 @@ var DatePicker = function (props) {
     }, []);
     var ButtonInput = React.forwardRef(function (_a, ref) {
         var value = _a.value, onClick = _a.onClick;
+        if (props.input)
+            return React__default['default'].cloneElement(props.input, { onClick: onClick, ref: ref, children: value });
         return React__default['default'].createElement(Button, { onClick: onClick, ref: ref, theme: 'primary', size: 'small' }, value);
     });
     React.useEffect(function () {
@@ -52,7 +54,9 @@ DatePicker.defaultProps = {
     primary: '#1EA7FD',
     autoFocus: false,
     onChange: null,
-    range: false
+    range: false,
+    defaultValue: null,
+    input: null,
 };
 var templateObject_1, templateObject_2;
 

package/dist/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -4,3 +4,5 @@ import { DatePickerProps } from "./DatePicker";
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Primary: Story<DatePickerProps>;
+export declare const DefaultValue: Story<DatePickerProps>;
+export declare const CustomInput: Story<DatePickerProps>;

package/dist/components/Icon/icons.d.ts

@@ -120,5 +120,6 @@ export declare const ICONS: {
     'drawing-tool-arrow-right': JSX.Element;
     'drawing-tool-sticker': JSX.Element;
     'idea-creator': JSX.Element;
+    send: JSX.Element;
 };
 export default ICONS;

package/dist/components/Icon/icons.js

@@ -22,6 +22,23 @@ var customise = require('../../assets/icons/customise.svg.js');
 var download = require('../../assets/icons/download.svg.js');
 var draft = require('../../assets/icons/draft.svg.js');
 var drawingTask = require('../../assets/icons/drawing-task.svg.js');
+var drawingToolArrowDown = require('../../assets/icons/drawing-tool-arrow-down.svg.js');
+var drawingToolArrowLeft = require('../../assets/icons/drawing-tool-arrow-left.svg.js');
+var drawingToolArrowRight = require('../../assets/icons/drawing-tool-arrow-right.svg.js');
+var drawingToolArrowUp = require('../../assets/icons/drawing-tool-arrow-up.svg.js');
+var drawingToolCamera = require('../../assets/icons/drawing-tool-camera.svg.js');
+var drawingToolColorMixer = require('../../assets/icons/drawing-tool-color-mixer.svg.js');
+var drawingToolEraser = require('../../assets/icons/drawing-tool-eraser.svg.js');
+var drawingToolFillBrush = require('../../assets/icons/drawing-tool-fill-brush.svg.js');
+var drawingToolLargeLine = require('../../assets/icons/drawing-tool-large-line.svg.js');
+var drawingToolLineBrush = require('../../assets/icons/drawing-tool-line-brush.svg.js');
+var drawingToolMediumLine = require('../../assets/icons/drawing-tool-medium-line.svg.js');
+var drawingToolOpacityFull = require('../../assets/icons/drawing-tool-opacity-full.svg.js');
+var drawingToolOpacityHalf = require('../../assets/icons/drawing-tool-opacity-half.svg.js');
+var drawingToolRedo = require('../../assets/icons/drawing-tool-redo.svg.js');
+var drawingToolSmallLine = require('../../assets/icons/drawing-tool-small-line.svg.js');
+var drawingToolStickers = require('../../assets/icons/drawing-tool-stickers.svg.js');
+var drawingToolUndo = require('../../assets/icons/drawing-tool-undo.svg.js');
 var egg = require('../../assets/icons/egg.svg.js');
 var enclosure = require('../../assets/icons/enclosure.svg.js');
 var exclamationGrey = require('../../assets/icons/exclamation-grey.svg.js');
@@ -35,6 +52,7 @@ var gift = require('../../assets/icons/gift.svg.js');
 var goals = require('../../assets/icons/goals.svg.js');
 var heart = require('../../assets/icons/heart.svg.js');
 var help = require('../../assets/icons/help.svg.js');
+var ideaCreator = require('../../assets/icons/idea-creator.svg.js');
 var info = require('../../assets/icons/info.svg.js');
 var instagram = require('../../assets/icons/instagram.svg.js');
 var items = require('../../assets/icons/items.svg.js');
@@ -72,6 +90,7 @@ var projects = require('../../assets/icons/projects.svg.js');
 var refresh = require('../../assets/icons/refresh.svg.js');
 var rewards = require('../../assets/icons/rewards.svg.js');
 var search = require('../../assets/icons/search.svg.js');
+var send = require('../../assets/icons/send.svg.js');
 var settings = require('../../assets/icons/settings.svg.js');
 var sharing = require('../../assets/icons/sharing.svg.js');
 var shop = require('../../assets/icons/shop.svg.js');
@@ -80,6 +99,7 @@ var soundOn = require('../../assets/icons/sound-on.svg.js');
 var starWriting = require('../../assets/icons/star-writing.svg.js');
 var task = require('../../assets/icons/task.svg.js');
 var textToSpeech = require('../../assets/icons/text-to-speech.svg.js');
+var tick = require('../../assets/icons/tick.svg.js');
 var torch = require('../../assets/icons/torch.svg.js');
 var transfer = require('../../assets/icons/transfer.svg.js');
 var trashWhite = require('../../assets/icons/trash-white.svg.js');
@@ -104,25 +124,6 @@ var writingTypePoem = require('../../assets/icons/writing-type-poem.svg.js');
 var writingTypeReport = require('../../assets/icons/writing-type-report.svg.js');
 var writing = require('../../assets/icons/writing.svg.js');
 var zooPoint = require('../../assets/icons/zoo-point.svg.js');
-var tick = require('../../assets/icons/tick.svg.js');
-var drawingToolCamera = require('../../assets/icons/drawing-tool-camera.svg.js');
-var drawingToolUndo = require('../../assets/icons/drawing-tool-undo.svg.js');
-var drawingToolRedo = require('../../assets/icons/drawing-tool-redo.svg.js');
-var drawingToolEraser = require('../../assets/icons/drawing-tool-eraser.svg.js');
-var drawingToolFillBrush = require('../../assets/icons/drawing-tool-fill-brush.svg.js');
-var drawingToolLineBrush = require('../../assets/icons/drawing-tool-line-brush.svg.js');
-var drawingToolSmallLine = require('../../assets/icons/drawing-tool-small-line.svg.js');
-var drawingToolMediumLine = require('../../assets/icons/drawing-tool-medium-line.svg.js');
-var drawingToolLargeLine = require('../../assets/icons/drawing-tool-large-line.svg.js');
-var drawingToolOpacityHalf = require('../../assets/icons/drawing-tool-opacity-half.svg.js');
-var drawingToolOpacityFull = require('../../assets/icons/drawing-tool-opacity-full.svg.js');
-var drawingToolArrowUp = require('../../assets/icons/drawing-tool-arrow-up.svg.js');
-var drawingToolArrowDown = require('../../assets/icons/drawing-tool-arrow-down.svg.js');
-var drawingToolArrowLeft = require('../../assets/icons/drawing-tool-arrow-left.svg.js');
-var drawingToolArrowRight = require('../../assets/icons/drawing-tool-arrow-right.svg.js');
-var drawingToolColorMixer = require('../../assets/icons/drawing-tool-color-mixer.svg.js');
-var drawingToolStickers = require('../../assets/icons/drawing-tool-stickers.svg.js');
-var ideaCreator = require('../../assets/icons/idea-creator.svg.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -248,7 +249,8 @@ var ICONS = {
     'drawing-tool-arrow-left': React__default['default'].createElement(drawingToolArrowLeft, null),
     'drawing-tool-arrow-right': React__default['default'].createElement(drawingToolArrowRight, null),
     'drawing-tool-sticker': React__default['default'].createElement(drawingToolStickers, null),
-    'idea-creator': React__default['default'].createElement(ideaCreator, null)
+    'idea-creator': React__default['default'].createElement(ideaCreator, null),
+    'send': React__default['default'].createElement(send, null),
 };
 
 exports.ICONS = ICONS;

package/dist/components/Icon/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nzk-react-components",
-  "version": "0.4.0-0",
+  "version": "0.4.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [