nzk-react-components 0.4.0-0 → 0.4.2-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/icons/games.svg.js +137 -0
- package/dist/assets/icons/games.svg.js.map +1 -0
- package/dist/assets/icons/send.svg +43 -0
- package/dist/assets/icons/send.svg.js +132 -0
- package/dist/assets/icons/send.svg.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +9 -1
- package/dist/components/DatePicker/DatePicker.js +10 -6
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts +2 -0
- package/dist/components/Icon/icons.d.ts +2 -0
- package/dist/components/Icon/icons.js +24 -20
- package/dist/components/Icon/icons.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopNamespace(e) {
|
|
6
|
+
if (e && e.__esModule) return e;
|
|
7
|
+
var n = Object.create(null);
|
|
8
|
+
if (e) {
|
|
9
|
+
Object.keys(e).forEach(function (k) {
|
|
10
|
+
if (k !== 'default') {
|
|
11
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return e[k];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n['default'] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
26
|
+
|
|
27
|
+
var _defs, _path, _path2, _path3, _path4, _path5, _path6, _path7, _path8, _path9, _path10, _path11, _path12, _path13, _path14, _path15, _path16, _path17, _path18, _path19, _path20, _path21, _path22, _path23, _path24, _path25, _path26, _path27, _path28, _path29, _path30, _path31, _path32;
|
|
28
|
+
|
|
29
|
+
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); }
|
|
30
|
+
|
|
31
|
+
function SvgGames(props) {
|
|
32
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
+
width: 120,
|
|
35
|
+
height: 120,
|
|
36
|
+
viewBox: "0 0 120 120"
|
|
37
|
+
}, props), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("style", null, ".games_svg__c{fill:#222c3f}.games_svg__d{fill:#1d1e28}.games_svg__e{fill:#4c6284}.games_svg__f{fill:#364760}.games_svg__g{fill:#00c1bc}.games_svg__h{fill:#0ff}.games_svg__i{fill:#94333a}.games_svg__j{fill:#b24352}"))), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
38
|
+
d: "M40.343 9.126s-11.546 2.309-23.349 18.73S-2.634 64.932 5.063 70.449s21.168-3.592 25.273-11.033a9.87 9.87 0 007.954 6.414c6.158.77 12.572-2.95 12.572-2.95l5.389 2.18s-1.54 12.7 11.161 13.471l5.26.256s1.924-.256 1.539 3.977-.77 23.606 11.674 26.685 18.6-17.191 21.681-26.813 18.474-40.026-1.154-48.75c0 0-6.286-2.822-11.675-2.181s-7.569 3.079-10.648 2.053-17.19-6.8-17.19-6.8a4.408 4.408 0 01-2.823-3.592c-.385-2.822-1.026-5.131-4.618-7.44S46.629 8.1 40.343 9.126z",
|
|
39
|
+
opacity: 0.3
|
|
40
|
+
})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
41
|
+
d: "M40.343 4.126s-11.546 2.309-23.349 18.73S-2.634 59.932 5.063 65.449s21.168-3.592 25.273-11.033a9.87 9.87 0 007.954 6.414c6.158.77 12.572-2.95 12.572-2.95l5.389 2.18s-1.54 12.7 11.161 13.471l5.26.256s1.924-.256 1.539 3.977-.77 23.606 11.674 26.685 18.6-17.191 21.681-26.813 18.474-40.026-1.154-48.75c0 0-6.286-2.822-11.675-2.181s-7.569 3.079-10.648 2.053-17.19-6.8-17.19-6.8a4.408 4.408 0 01-2.823-3.592c-.385-2.822-1.026-5.131-4.618-7.44S46.629 3.1 40.343 4.126z",
|
|
42
|
+
fill: "#333e59"
|
|
43
|
+
})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
44
|
+
className: "games_svg__c",
|
|
45
|
+
d: "M78.701 65.004a12.687 12.687 0 01-4.109 2.112c-6.158 1.925-12.444 0-15.266-2.822s-3.849-8.595-3.849-8.595-4.1-1.925-5.773-2.566-2.053-.128-2.053-.128a20.849 20.849 0 01-9.75 1.026c-5.9-.642-6.286-2.694-8.724-4.875s-2.565-.642-3.848 2.694-6.8 9.622-10.52 12.572a15.573 15.573 0 01-5.123 2.672c7.614.643 17.279-6.576 20.646-12.678a9.87 9.87 0 007.954 6.414c6.158.77 12.572-2.95 12.572-2.95l5.389 2.18s-1.54 12.7 11.161 13.471l5.26.256s1.924-.256 1.539 3.977a47.232 47.232 0 00.559 11.556 1.708 1.708 0 00.467-1.421c-.256-2.052 1.155-8.082.9-8.98a23.113 23.113 0 01.129-7.826 48.835 48.835 0 012.954-5.835c.309-.548.047-.691-.515-.254zM66.501 21.787a4.4 4.4 0 01-2.423-3.421c-.385-2.822-1.026-5.131-4.618-7.44a9.952 9.952 0 011.668 4.361c.123 2.13-.227 4.138 5.373 6.5z"
|
|
46
|
+
})), _path4 || (_path4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
47
|
+
className: "games_svg__d",
|
|
48
|
+
d: "M23.591 21.75s-.216 13.157 15.317 12.765c16.878-.425 15.034-13.9 15.034-13.9-.283-4.4-4.255-11.488-15.176-11.488-12.907.001-15.175 9.503-15.175 12.623z"
|
|
49
|
+
})), _path5 || (_path5 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
50
|
+
className: "games_svg__e",
|
|
51
|
+
d: "M22.801 20.175s-.215 13.157 15.318 12.765c16.878-.425 15.034-13.9 15.034-13.9-.284-4.4-4.255-11.489-15.176-11.489-12.905.001-15.176 9.504-15.176 12.624z"
|
|
52
|
+
})), _path6 || (_path6 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
53
|
+
className: "games_svg__d",
|
|
54
|
+
d: "M78.328 45.692s-.233 14.229 16.567 13.806c18.254-.461 16.26-15.034 16.26-15.034-.307-4.755-4.6-12.425-16.414-12.425-13.96 0-16.413 10.278-16.413 13.653z"
|
|
55
|
+
})), _path7 || (_path7 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
56
|
+
className: "games_svg__e",
|
|
57
|
+
d: "M77.54 44.117s-.233 14.229 16.567 13.8c18.255-.46 16.26-15.033 16.26-15.033-.306-4.755-4.6-12.425-16.413-12.425-13.96.008-16.414 10.283-16.414 13.658z"
|
|
58
|
+
})), _path8 || (_path8 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
59
|
+
className: "games_svg__d",
|
|
60
|
+
d: "M29.173 43.455s-.162 9.88 11.5 9.586c12.676-.32 11.291-10.438 11.291-10.438-.213-3.3-3.2-8.628-11.4-8.628-9.687 0-11.391 7.136-11.391 9.48z"
|
|
61
|
+
})), _path9 || (_path9 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
62
|
+
className: "games_svg__e",
|
|
63
|
+
d: "M28.385 42.667s-.161 9.88 11.5 9.586c12.675-.319 11.29-10.438 11.29-10.438-.213-3.3-3.2-8.628-11.4-8.628-9.686 0-11.39 7.137-11.39 9.48z"
|
|
64
|
+
})), _path10 || (_path10 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
65
|
+
className: "games_svg__f",
|
|
66
|
+
d: "M29.627 20.993s-.13 7.933 9.237 7.7c10.177-.256 9.066-8.381 9.066-8.381-.172-2.652-2.566-6.928-9.152-6.928-7.783-.003-9.151 5.727-9.151 7.609z"
|
|
67
|
+
})), _path11 || (_path11 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
68
|
+
className: "games_svg__g",
|
|
69
|
+
d: "M28.839 20.205s-.13 7.934 9.237 7.7c10.178-.257 9.066-8.382 9.066-8.382-.171-2.651-2.566-6.928-9.151-6.928-7.784-.002-9.152 5.729-9.152 7.61z"
|
|
70
|
+
})), _path12 || (_path12 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
71
|
+
className: "games_svg__h",
|
|
72
|
+
d: "M28.839 18.63s-.13 7.934 9.237 7.7c10.178-.256 9.066-8.381 9.066-8.381-.171-2.651-2.566-6.928-9.151-6.928-7.784-.003-9.152 5.727-9.152 7.609z"
|
|
73
|
+
})), _path13 || (_path13 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
74
|
+
className: "games_svg__f",
|
|
75
|
+
d: "M83.851 41.717s-.053 3.234 3.766 3.138c4.149-.1 3.7-3.417 3.7-3.417-.07-1.081-1.046-2.824-3.731-2.824-3.178 0-3.735 2.336-3.735 3.103zM95.401 39.237s-.053 3.234 3.766 3.138c4.149-.1 3.7-3.417 3.7-3.417-.07-1.081-1.046-2.825-3.731-2.825-3.182 0-3.735 2.334-3.735 3.104zM86.16 51.039s-.053 3.235 3.766 3.139c4.149-.1 3.7-3.418 3.7-3.418-.07-1.081-1.046-2.824-3.731-2.824-3.177 0-3.735 2.336-3.735 3.103zM97.701 48.559s-.053 3.235 3.766 3.138c4.149-.1 3.7-3.417 3.7-3.417-.07-1.081-1.046-2.824-3.731-2.824-3.172 0-3.735 2.336-3.735 3.103z"
|
|
76
|
+
})), _path14 || (_path14 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
77
|
+
className: "games_svg__g",
|
|
78
|
+
d: "M83.063 40.929s-.053 3.235 3.766 3.139c4.149-.1 3.7-3.418 3.7-3.418-.07-1.08-1.046-2.824-3.731-2.824-3.177 0-3.735 2.341-3.735 3.103z"
|
|
79
|
+
})), _path15 || (_path15 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
80
|
+
className: "games_svg__i",
|
|
81
|
+
d: "M94.609 38.449s-.053 3.235 3.766 3.138c4.149-.1 3.7-3.417 3.7-3.417-.07-1.081-1.046-2.824-3.731-2.824-3.177 0-3.735 2.336-3.735 3.103zM85.372 50.252s-.053 3.234 3.766 3.138c4.15-.1 3.7-3.417 3.7-3.417-.069-1.081-1.046-2.825-3.731-2.825-3.177 0-3.735 2.337-3.735 3.104z"
|
|
82
|
+
})), _path16 || (_path16 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
83
|
+
className: "games_svg__g",
|
|
84
|
+
d: "M96.918 47.772s-.053 3.234 3.766 3.138c4.15-.105 3.7-3.417 3.7-3.417-.069-1.081-1.046-2.825-3.731-2.825-3.177-.001-3.735 2.336-3.735 3.104z"
|
|
85
|
+
})), _path17 || (_path17 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
86
|
+
className: "games_svg__h",
|
|
87
|
+
d: "M83.063 39.354s-.053 3.235 3.766 3.138c4.149-.1 3.7-3.417 3.7-3.417-.07-1.081-1.046-2.824-3.731-2.824-3.177 0-3.735 2.336-3.735 3.103z"
|
|
88
|
+
})), _path18 || (_path18 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
89
|
+
className: "games_svg__j",
|
|
90
|
+
d: "M94.609 36.874s-.053 3.234 3.766 3.138c4.149-.1 3.7-3.417 3.7-3.417-.07-1.081-1.046-2.824-3.731-2.824-3.177-.004-3.735 2.336-3.735 3.103zM85.372 48.677s-.053 3.234 3.766 3.138c4.15-.105 3.7-3.417 3.7-3.417-.069-1.081-1.046-2.825-3.731-2.825-3.177 0-3.735 2.337-3.735 3.104z"
|
|
91
|
+
})), _path19 || (_path19 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
92
|
+
className: "games_svg__h",
|
|
93
|
+
d: "M96.918 46.196s-.053 3.235 3.766 3.139c4.15-.1 3.7-3.418 3.7-3.418-.069-1.08-1.046-2.824-3.731-2.824-3.177 0-3.735 2.336-3.735 3.103z"
|
|
94
|
+
})), _path20 || (_path20 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
95
|
+
className: "games_svg__f",
|
|
96
|
+
d: "M33.561 45.013s-.1 5.317 6.764 5.159c7.452-.172 6.638-5.617 6.638-5.617-.126-1.777-1.879-4.643-6.7-4.643-5.7 0-6.702 3.84-6.702 5.101z"
|
|
97
|
+
})), _path21 || (_path21 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
98
|
+
className: "games_svg__i",
|
|
99
|
+
d: "M32.774 43.438s-.1 5.317 6.763 5.158c7.452-.171 6.638-5.617 6.638-5.617-.125-1.776-1.879-4.642-6.7-4.642-5.7 0-6.701 3.84-6.701 5.101z"
|
|
100
|
+
})), _path22 || (_path22 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
101
|
+
className: "games_svg__i",
|
|
102
|
+
d: "M32.774 37.653h3.164v6.158h-3.164zM43.037 37.653h3.164v6.158h-3.164z"
|
|
103
|
+
})), _path23 || (_path23 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
104
|
+
className: "games_svg__j",
|
|
105
|
+
d: "M32.774 38.05s-.1 5.317 6.763 5.158c7.452-.172 6.638-5.617 6.638-5.617-.125-1.777-1.879-4.642-6.7-4.642-5.7 0-6.701 3.84-6.701 5.101z"
|
|
106
|
+
})), _path24 || (_path24 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
107
|
+
className: "games_svg__d",
|
|
108
|
+
d: "M58.321 56.441s-.162 10.23 11.507 9.925c12.68-.33 11.295-10.807 11.295-10.807-.213-3.419-3.2-8.933-11.4-8.933-9.698 0-11.402 7.389-11.402 9.815z"
|
|
109
|
+
})), _path25 || (_path25 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
110
|
+
className: "games_svg__e",
|
|
111
|
+
d: "M57.534 55.654s-.162 10.229 11.507 9.925c12.679-.331 11.294-10.812 11.294-10.812-.213-3.418-3.2-8.932-11.4-8.932-9.697.004-11.401 7.393-11.401 9.819z"
|
|
112
|
+
})), _path26 || (_path26 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
113
|
+
className: "games_svg__f",
|
|
114
|
+
d: "M62.711 57.999s-.1 5.5 6.765 5.341c7.455-.178 6.641-5.816 6.641-5.816-.126-1.839-1.88-4.806-6.7-4.806-5.704 0-6.706 3.976-6.706 5.281z"
|
|
115
|
+
})), _path27 || (_path27 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
116
|
+
className: "games_svg__i",
|
|
117
|
+
d: "M61.923 56.424s-.1 5.505 6.766 5.341c7.455-.178 6.64-5.816 6.64-5.816-.125-1.839-1.879-4.807-6.7-4.807-5.704 0-6.706 3.976-6.706 5.282z"
|
|
118
|
+
})), _path28 || (_path28 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
119
|
+
className: "games_svg__i",
|
|
120
|
+
d: "M61.923 50.434h3.166v6.376h-3.166zM72.19 50.434h3.166v6.376H72.19z"
|
|
121
|
+
})), _path29 || (_path29 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
122
|
+
className: "games_svg__j",
|
|
123
|
+
d: "M61.923 50.845s-.1 5.5 6.766 5.341c7.455-.178 6.64-5.815 6.64-5.815-.125-1.84-1.879-4.807-6.7-4.807-5.704.003-6.706 3.976-6.706 5.281z"
|
|
124
|
+
})), _path30 || (_path30 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
125
|
+
d: "M9.435 35.699a3.729 3.729 0 00-1.055 1.584q-1.251 2.565-2.357 5.2a61.534 61.534 0 00-2.4 6.644 19.817 19.817 0 00-1 6.1c.233 6.675 5.613 1.973 6.364-2.12a18.377 18.377 0 00.152-4.026c-.085-2.187-.276-4.374-.181-6.564a15.968 15.968 0 01.408-3.132 23.976 23.976 0 00.93-3.1c.032-.31-.04-.715-.346-.771a.584.584 0 00-.4.108c-.032.02-.074.045-.115.077z",
|
|
126
|
+
fill: "#3e4c66"
|
|
127
|
+
})), _path31 || (_path31 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
128
|
+
className: "games_svg__c",
|
|
129
|
+
d: "M107.566 77.636c1.41-4.4 5.4-13.161 7.427-22.2-.614 1.027-1.081 2.167-1.685 3.183a49.754 49.754 0 01-3.721 5.123 34.8 34.8 0 00-4.023 5.976c-2.031 4.124-2.432 8.832-2.8 13.415l-.748 9.337a112.545 112.545 0 005.55-14.834z"
|
|
130
|
+
})), _path32 || (_path32 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
131
|
+
fill: "none",
|
|
132
|
+
d: "M0 0h120v120H0z"
|
|
133
|
+
})));
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
module.exports = SvgGames;
|
|
137
|
+
//# sourceMappingURL=games.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"games.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<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">
|
|
2
|
+
<defs>
|
|
3
|
+
<clipPath id="clip-path">
|
|
4
|
+
<rect id="Rectangle_1599" data-name="Rectangle 1599" width="120.234" height="120.234" transform="translate(0 0)" fill="none"/>
|
|
5
|
+
</clipPath>
|
|
6
|
+
<clipPath id="clip-path-2">
|
|
7
|
+
<rect id="Rectangle_1598" data-name="Rectangle 1598" width="67.676" height="38.026" transform="translate(38.428 6.104)" fill="none"/>
|
|
8
|
+
</clipPath>
|
|
9
|
+
<clipPath id="clip-path-3">
|
|
10
|
+
<rect id="Rectangle_1600" data-name="Rectangle 1600" width="40.395" height="33.158" transform="translate(62.419 71.104)" fill="none"/>
|
|
11
|
+
</clipPath>
|
|
12
|
+
</defs>
|
|
13
|
+
<rect id="frame" width="120" height="120" fill="none"/>
|
|
14
|
+
<g id="Group_1625" data-name="Group 1625" transform="translate(0.322)">
|
|
15
|
+
<path id="Path_1851" data-name="Path 1851" d="M11.63,38.472,40.709,44.13,106.1,6.1Z" fill="#fff"/>
|
|
16
|
+
<path id="Path_1852" data-name="Path 1852" d="M11.63,38.472,40.709,44.13,106.1,6.1Z" fill="#fff"/>
|
|
17
|
+
<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"/>
|
|
18
|
+
<g id="Group_1617" data-name="Group 1617">
|
|
19
|
+
<g id="Group_1616" data-name="Group 1616" clip-path="url(#clip-path)">
|
|
20
|
+
<g id="Group_1615" data-name="Group 1615" opacity="0.3">
|
|
21
|
+
<g id="Group_1614" data-name="Group 1614">
|
|
22
|
+
<g id="Group_1613" data-name="Group 1613" clip-path="url(#clip-path-2)">
|
|
23
|
+
<path id="Path_1854" data-name="Path 1854" d="M40.709,44.13,106.1,6.1l-.742.254L38.428,43.686Z" fill="#c6cbd6"/>
|
|
24
|
+
</g>
|
|
25
|
+
</g>
|
|
26
|
+
</g>
|
|
27
|
+
</g>
|
|
28
|
+
</g>
|
|
29
|
+
<path id="Path_1855" data-name="Path 1855" d="M40.709,44.13,44.92,77.946,106.1,6.1Z" fill="#fff"/>
|
|
30
|
+
<path id="Path_1856" data-name="Path 1856" d="M40.709,44.13,44.92,77.946,106.1,6.1Z" fill="#c6cbd6"/>
|
|
31
|
+
<path id="Path_1857" data-name="Path 1857" d="M50.84,52.025,87.157,70.314,106.1,6.1Z" fill="#ecf0f1"/>
|
|
32
|
+
<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"/>
|
|
33
|
+
<path id="Path_1859" data-name="Path 1859" d="M50.84,52.025,44.919,77.946,66.5,52.814Z" fill="#22588f"/>
|
|
34
|
+
<path id="Path_1860" data-name="Path 1860" d="M50.84,52.025,87.157,70.314l1.413-4.79L70,36.1Z" fill="#53b4ed"/>
|
|
35
|
+
<g id="Group_1620" data-name="Group 1620" opacity="0.3">
|
|
36
|
+
<g id="Group_1619" data-name="Group 1619">
|
|
37
|
+
<g id="Group_1618" data-name="Group 1618" clip-path="url(#clip-path-3)">
|
|
38
|
+
<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"/>
|
|
39
|
+
</g>
|
|
40
|
+
</g>
|
|
41
|
+
</g>
|
|
42
|
+
</g>
|
|
43
|
+
</svg>
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
|
|
5
|
+
function _interopNamespace(e) {
|
|
6
|
+
if (e && e.__esModule) return e;
|
|
7
|
+
var n = Object.create(null);
|
|
8
|
+
if (e) {
|
|
9
|
+
Object.keys(e).forEach(function (k) {
|
|
10
|
+
if (k !== 'default') {
|
|
11
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
12
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return e[k];
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
n['default'] = e;
|
|
22
|
+
return Object.freeze(n);
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
26
|
+
|
|
27
|
+
var _defs, _path, _g;
|
|
28
|
+
|
|
29
|
+
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); }
|
|
30
|
+
|
|
31
|
+
function SvgSend(props) {
|
|
32
|
+
return /*#__PURE__*/React__namespace.createElement("svg", _extends({
|
|
33
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
34
|
+
width: 120.556,
|
|
35
|
+
height: 120.234,
|
|
36
|
+
viewBox: "0 0 120.556 120.234"
|
|
37
|
+
}, props), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
38
|
+
id: "send_svg__a"
|
|
39
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
40
|
+
"data-name": "Rectangle 1599",
|
|
41
|
+
fill: "none",
|
|
42
|
+
d: "M0 0h120.234v120.234H0z"
|
|
43
|
+
})), /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
44
|
+
id: "send_svg__b"
|
|
45
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
46
|
+
"data-name": "Rectangle 1598",
|
|
47
|
+
transform: "translate(38.428 6.104)",
|
|
48
|
+
fill: "none",
|
|
49
|
+
d: "M0 0h67.676v38.026H0z"
|
|
50
|
+
})), /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
51
|
+
id: "send_svg__c"
|
|
52
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
53
|
+
"data-name": "Rectangle 1600",
|
|
54
|
+
transform: "translate(62.419 71.104)",
|
|
55
|
+
fill: "none",
|
|
56
|
+
d: "M0 0h40.395v33.158H0z"
|
|
57
|
+
})))), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
|
|
58
|
+
fill: "none",
|
|
59
|
+
d: "M0 0h120v120H0z"
|
|
60
|
+
})), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
61
|
+
"data-name": "Group 1625"
|
|
62
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
63
|
+
"data-name": "Path 1851",
|
|
64
|
+
d: "M11.952 38.472l29.079 5.658L106.422 6.1z",
|
|
65
|
+
fill: "#fff"
|
|
66
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
67
|
+
"data-name": "Path 1852",
|
|
68
|
+
d: "M11.952 38.472l29.079 5.658L106.422 6.1z",
|
|
69
|
+
fill: "#fff"
|
|
70
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
71
|
+
"data-name": "Path 1853",
|
|
72
|
+
d: "M21.622 35.16l-9.67 3.313 29.08 5.658 18.74-10.9z",
|
|
73
|
+
fill: "#53b4ed"
|
|
74
|
+
}), /*#__PURE__*/React__namespace.createElement("g", {
|
|
75
|
+
"data-name": "Group 1617"
|
|
76
|
+
}, /*#__PURE__*/React__namespace.createElement("g", {
|
|
77
|
+
"data-name": "Group 1616",
|
|
78
|
+
clipPath: "url(#send_svg__a)",
|
|
79
|
+
transform: "translate(.322)"
|
|
80
|
+
}, /*#__PURE__*/React__namespace.createElement("g", {
|
|
81
|
+
"data-name": "Group 1615"
|
|
82
|
+
}, /*#__PURE__*/React__namespace.createElement("g", {
|
|
83
|
+
"data-name": "Group 1614",
|
|
84
|
+
opacity: 0.3
|
|
85
|
+
}, /*#__PURE__*/React__namespace.createElement("g", {
|
|
86
|
+
"data-name": "Group 1613",
|
|
87
|
+
clipPath: "url(#send_svg__b)"
|
|
88
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
89
|
+
"data-name": "Path 1854",
|
|
90
|
+
d: "M40.709 44.13L106.1 6.1l-.742.254-66.93 37.332z",
|
|
91
|
+
fill: "#c6cbd6"
|
|
92
|
+
})))))), /*#__PURE__*/React__namespace.createElement("path", {
|
|
93
|
+
"data-name": "Path 1855",
|
|
94
|
+
d: "M41.031 44.13l4.211 33.816L106.422 6.1z",
|
|
95
|
+
fill: "#fff"
|
|
96
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
97
|
+
"data-name": "Path 1856",
|
|
98
|
+
d: "M41.031 44.13l4.211 33.816L106.422 6.1z",
|
|
99
|
+
fill: "#c6cbd6"
|
|
100
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
101
|
+
"data-name": "Path 1857",
|
|
102
|
+
d: "M51.162 52.025l36.317 18.289L106.422 6.1z",
|
|
103
|
+
fill: "#ecf0f1"
|
|
104
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
105
|
+
"data-name": "Path 1858",
|
|
106
|
+
d: "M56.295 64.967l3.946-31.758-.47.024-18.74 10.9 4.21 33.816z",
|
|
107
|
+
fill: "#2a68a6"
|
|
108
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
109
|
+
"data-name": "Path 1859",
|
|
110
|
+
d: "M51.162 52.025l-5.921 25.921 21.581-25.132z",
|
|
111
|
+
fill: "#22588f"
|
|
112
|
+
}), /*#__PURE__*/React__namespace.createElement("path", {
|
|
113
|
+
"data-name": "Path 1860",
|
|
114
|
+
d: "M51.162 52.025l36.317 18.289 1.413-4.79L70.322 36.1z",
|
|
115
|
+
fill: "#53b4ed"
|
|
116
|
+
}), /*#__PURE__*/React__namespace.createElement("g", {
|
|
117
|
+
"data-name": "Group 1620"
|
|
118
|
+
}, /*#__PURE__*/React__namespace.createElement("g", {
|
|
119
|
+
"data-name": "Group 1619",
|
|
120
|
+
opacity: 0.3
|
|
121
|
+
}, /*#__PURE__*/React__namespace.createElement("g", {
|
|
122
|
+
"data-name": "Group 1618",
|
|
123
|
+
clipPath: "url(#send_svg__c)",
|
|
124
|
+
transform: "translate(.322)"
|
|
125
|
+
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
126
|
+
"data-name": "Path 1861",
|
|
127
|
+
d: "M77.551 103.472L74 94.525 62.419 91.1l40.4-20-9.219 33.161-11.181-6.052z"
|
|
128
|
+
})))))));
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
module.exports = SvgSend;
|
|
132
|
+
//# sourceMappingURL=send.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"send.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
export interface DatePickerProps {
|
|
3
3
|
primary: string;
|
|
4
4
|
autoFocus?: boolean;
|
|
5
5
|
onChange?: (date: Date) => void;
|
|
6
|
+
defaultValue?: Date;
|
|
7
|
+
input?: ReactElement<{
|
|
8
|
+
onClick: any;
|
|
9
|
+
ref: any;
|
|
10
|
+
children: any;
|
|
11
|
+
}>;
|
|
6
12
|
}
|
|
7
13
|
declare const DatePicker: {
|
|
8
14
|
(props: DatePickerProps): JSX.Element;
|
|
@@ -11,6 +17,8 @@ declare const DatePicker: {
|
|
|
11
17
|
autoFocus: boolean;
|
|
12
18
|
onChange: null;
|
|
13
19
|
range: boolean;
|
|
20
|
+
defaultValue: null;
|
|
21
|
+
input: null;
|
|
14
22
|
};
|
|
15
23
|
};
|
|
16
24
|
export default DatePicker;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
|
+
var polished = require('polished');
|
|
4
5
|
var React = require('react');
|
|
5
|
-
var styled = require('styled-components');
|
|
6
6
|
var ReactDatePicker = require('react-datepicker');
|
|
7
|
-
var
|
|
7
|
+
var styled = require('styled-components');
|
|
8
8
|
var Button = require('../Button/Button.js');
|
|
9
9
|
|
|
10
10
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
14
13
|
var ReactDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(ReactDatePicker);
|
|
14
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
15
15
|
|
|
16
16
|
var getColors = function (props) {
|
|
17
17
|
var primary = props.primary;
|
|
@@ -24,13 +24,13 @@ var getColors = function (props) {
|
|
|
24
24
|
color: light ? '#000' : '#fff'
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
|
-
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) {
|
|
27
|
+
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) {
|
|
28
28
|
var colors = getColors(props);
|
|
29
29
|
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);
|
|
30
30
|
});
|
|
31
31
|
var DatePicker = function (props) {
|
|
32
32
|
var datePickerRef = React.useRef(null);
|
|
33
|
-
var _a = React.useState(new Date()), startDate = _a[0], setStartDate = _a[1];
|
|
33
|
+
var _a = React.useState(props.defaultValue || new Date()), startDate = _a[0], setStartDate = _a[1];
|
|
34
34
|
React.useEffect(function () {
|
|
35
35
|
if (props.autoFocus && datePickerRef.current && datePickerRef.current.input) {
|
|
36
36
|
datePickerRef.current.input.focus();
|
|
@@ -38,6 +38,8 @@ var DatePicker = function (props) {
|
|
|
38
38
|
}, []);
|
|
39
39
|
var ButtonInput = React.forwardRef(function (_a, ref) {
|
|
40
40
|
var value = _a.value, onClick = _a.onClick;
|
|
41
|
+
if (props.input)
|
|
42
|
+
return React__default['default'].cloneElement(props.input, { onClick: onClick, ref: ref, children: value });
|
|
41
43
|
return React__default['default'].createElement(Button, { onClick: onClick, ref: ref, theme: 'primary', size: 'small' }, value);
|
|
42
44
|
});
|
|
43
45
|
React.useEffect(function () {
|
|
@@ -52,7 +54,9 @@ DatePicker.defaultProps = {
|
|
|
52
54
|
primary: '#1EA7FD',
|
|
53
55
|
autoFocus: false,
|
|
54
56
|
onChange: null,
|
|
55
|
-
range: false
|
|
57
|
+
range: false,
|
|
58
|
+
defaultValue: null,
|
|
59
|
+
input: null,
|
|
56
60
|
};
|
|
57
61
|
var templateObject_1, templateObject_2;
|
|
58
62
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -4,3 +4,5 @@ import { DatePickerProps } from "./DatePicker";
|
|
|
4
4
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
5
5
|
export default _default;
|
|
6
6
|
export declare const Primary: Story<DatePickerProps>;
|
|
7
|
+
export declare const DefaultValue: Story<DatePickerProps>;
|
|
8
|
+
export declare const CustomInput: Story<DatePickerProps>;
|
|
@@ -22,6 +22,7 @@ export declare const ICONS: {
|
|
|
22
22
|
eye: JSX.Element;
|
|
23
23
|
filter: JSX.Element;
|
|
24
24
|
'for-you': JSX.Element;
|
|
25
|
+
games: JSX.Element;
|
|
25
26
|
goals: JSX.Element;
|
|
26
27
|
heart: JSX.Element;
|
|
27
28
|
help: JSX.Element;
|
|
@@ -120,5 +121,6 @@ export declare const ICONS: {
|
|
|
120
121
|
'drawing-tool-arrow-right': JSX.Element;
|
|
121
122
|
'drawing-tool-sticker': JSX.Element;
|
|
122
123
|
'idea-creator': JSX.Element;
|
|
124
|
+
send: JSX.Element;
|
|
123
125
|
};
|
|
124
126
|
export default ICONS;
|
|
@@ -22,6 +22,23 @@ var customise = require('../../assets/icons/customise.svg.js');
|
|
|
22
22
|
var download = require('../../assets/icons/download.svg.js');
|
|
23
23
|
var draft = require('../../assets/icons/draft.svg.js');
|
|
24
24
|
var drawingTask = require('../../assets/icons/drawing-task.svg.js');
|
|
25
|
+
var drawingToolArrowDown = require('../../assets/icons/drawing-tool-arrow-down.svg.js');
|
|
26
|
+
var drawingToolArrowLeft = require('../../assets/icons/drawing-tool-arrow-left.svg.js');
|
|
27
|
+
var drawingToolArrowRight = require('../../assets/icons/drawing-tool-arrow-right.svg.js');
|
|
28
|
+
var drawingToolArrowUp = require('../../assets/icons/drawing-tool-arrow-up.svg.js');
|
|
29
|
+
var drawingToolCamera = require('../../assets/icons/drawing-tool-camera.svg.js');
|
|
30
|
+
var drawingToolColorMixer = require('../../assets/icons/drawing-tool-color-mixer.svg.js');
|
|
31
|
+
var drawingToolEraser = require('../../assets/icons/drawing-tool-eraser.svg.js');
|
|
32
|
+
var drawingToolFillBrush = require('../../assets/icons/drawing-tool-fill-brush.svg.js');
|
|
33
|
+
var drawingToolLargeLine = require('../../assets/icons/drawing-tool-large-line.svg.js');
|
|
34
|
+
var drawingToolLineBrush = require('../../assets/icons/drawing-tool-line-brush.svg.js');
|
|
35
|
+
var drawingToolMediumLine = require('../../assets/icons/drawing-tool-medium-line.svg.js');
|
|
36
|
+
var drawingToolOpacityFull = require('../../assets/icons/drawing-tool-opacity-full.svg.js');
|
|
37
|
+
var drawingToolOpacityHalf = require('../../assets/icons/drawing-tool-opacity-half.svg.js');
|
|
38
|
+
var drawingToolRedo = require('../../assets/icons/drawing-tool-redo.svg.js');
|
|
39
|
+
var drawingToolSmallLine = require('../../assets/icons/drawing-tool-small-line.svg.js');
|
|
40
|
+
var drawingToolStickers = require('../../assets/icons/drawing-tool-stickers.svg.js');
|
|
41
|
+
var drawingToolUndo = require('../../assets/icons/drawing-tool-undo.svg.js');
|
|
25
42
|
var egg = require('../../assets/icons/egg.svg.js');
|
|
26
43
|
var enclosure = require('../../assets/icons/enclosure.svg.js');
|
|
27
44
|
var exclamationGrey = require('../../assets/icons/exclamation-grey.svg.js');
|
|
@@ -31,10 +48,12 @@ var facebook = require('../../assets/icons/facebook.svg.js');
|
|
|
31
48
|
var filter = require('../../assets/icons/filter.svg.js');
|
|
32
49
|
var flag = require('../../assets/icons/flag.svg.js');
|
|
33
50
|
var forYou = require('../../assets/icons/for-you.svg.js');
|
|
51
|
+
var games = require('../../assets/icons/games.svg.js');
|
|
34
52
|
var gift = require('../../assets/icons/gift.svg.js');
|
|
35
53
|
var goals = require('../../assets/icons/goals.svg.js');
|
|
36
54
|
var heart = require('../../assets/icons/heart.svg.js');
|
|
37
55
|
var help = require('../../assets/icons/help.svg.js');
|
|
56
|
+
var ideaCreator = require('../../assets/icons/idea-creator.svg.js');
|
|
38
57
|
var info = require('../../assets/icons/info.svg.js');
|
|
39
58
|
var instagram = require('../../assets/icons/instagram.svg.js');
|
|
40
59
|
var items = require('../../assets/icons/items.svg.js');
|
|
@@ -72,6 +91,7 @@ var projects = require('../../assets/icons/projects.svg.js');
|
|
|
72
91
|
var refresh = require('../../assets/icons/refresh.svg.js');
|
|
73
92
|
var rewards = require('../../assets/icons/rewards.svg.js');
|
|
74
93
|
var search = require('../../assets/icons/search.svg.js');
|
|
94
|
+
var send = require('../../assets/icons/send.svg.js');
|
|
75
95
|
var settings = require('../../assets/icons/settings.svg.js');
|
|
76
96
|
var sharing = require('../../assets/icons/sharing.svg.js');
|
|
77
97
|
var shop = require('../../assets/icons/shop.svg.js');
|
|
@@ -80,6 +100,7 @@ var soundOn = require('../../assets/icons/sound-on.svg.js');
|
|
|
80
100
|
var starWriting = require('../../assets/icons/star-writing.svg.js');
|
|
81
101
|
var task = require('../../assets/icons/task.svg.js');
|
|
82
102
|
var textToSpeech = require('../../assets/icons/text-to-speech.svg.js');
|
|
103
|
+
var tick = require('../../assets/icons/tick.svg.js');
|
|
83
104
|
var torch = require('../../assets/icons/torch.svg.js');
|
|
84
105
|
var transfer = require('../../assets/icons/transfer.svg.js');
|
|
85
106
|
var trashWhite = require('../../assets/icons/trash-white.svg.js');
|
|
@@ -104,25 +125,6 @@ var writingTypePoem = require('../../assets/icons/writing-type-poem.svg.js');
|
|
|
104
125
|
var writingTypeReport = require('../../assets/icons/writing-type-report.svg.js');
|
|
105
126
|
var writing = require('../../assets/icons/writing.svg.js');
|
|
106
127
|
var zooPoint = require('../../assets/icons/zoo-point.svg.js');
|
|
107
|
-
var tick = require('../../assets/icons/tick.svg.js');
|
|
108
|
-
var drawingToolCamera = require('../../assets/icons/drawing-tool-camera.svg.js');
|
|
109
|
-
var drawingToolUndo = require('../../assets/icons/drawing-tool-undo.svg.js');
|
|
110
|
-
var drawingToolRedo = require('../../assets/icons/drawing-tool-redo.svg.js');
|
|
111
|
-
var drawingToolEraser = require('../../assets/icons/drawing-tool-eraser.svg.js');
|
|
112
|
-
var drawingToolFillBrush = require('../../assets/icons/drawing-tool-fill-brush.svg.js');
|
|
113
|
-
var drawingToolLineBrush = require('../../assets/icons/drawing-tool-line-brush.svg.js');
|
|
114
|
-
var drawingToolSmallLine = require('../../assets/icons/drawing-tool-small-line.svg.js');
|
|
115
|
-
var drawingToolMediumLine = require('../../assets/icons/drawing-tool-medium-line.svg.js');
|
|
116
|
-
var drawingToolLargeLine = require('../../assets/icons/drawing-tool-large-line.svg.js');
|
|
117
|
-
var drawingToolOpacityHalf = require('../../assets/icons/drawing-tool-opacity-half.svg.js');
|
|
118
|
-
var drawingToolOpacityFull = require('../../assets/icons/drawing-tool-opacity-full.svg.js');
|
|
119
|
-
var drawingToolArrowUp = require('../../assets/icons/drawing-tool-arrow-up.svg.js');
|
|
120
|
-
var drawingToolArrowDown = require('../../assets/icons/drawing-tool-arrow-down.svg.js');
|
|
121
|
-
var drawingToolArrowLeft = require('../../assets/icons/drawing-tool-arrow-left.svg.js');
|
|
122
|
-
var drawingToolArrowRight = require('../../assets/icons/drawing-tool-arrow-right.svg.js');
|
|
123
|
-
var drawingToolColorMixer = require('../../assets/icons/drawing-tool-color-mixer.svg.js');
|
|
124
|
-
var drawingToolStickers = require('../../assets/icons/drawing-tool-stickers.svg.js');
|
|
125
|
-
var ideaCreator = require('../../assets/icons/idea-creator.svg.js');
|
|
126
128
|
|
|
127
129
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
128
130
|
|
|
@@ -151,6 +153,7 @@ var ICONS = {
|
|
|
151
153
|
'eye': React__default['default'].createElement(eye, null),
|
|
152
154
|
'filter': React__default['default'].createElement(filter, null),
|
|
153
155
|
'for-you': React__default['default'].createElement(forYou, null),
|
|
156
|
+
'games': React__default['default'].createElement(games, null),
|
|
154
157
|
'goals': React__default['default'].createElement(goals, null),
|
|
155
158
|
'heart': React__default['default'].createElement(heart, null),
|
|
156
159
|
'help': React__default['default'].createElement(help, null),
|
|
@@ -248,7 +251,8 @@ var ICONS = {
|
|
|
248
251
|
'drawing-tool-arrow-left': React__default['default'].createElement(drawingToolArrowLeft, null),
|
|
249
252
|
'drawing-tool-arrow-right': React__default['default'].createElement(drawingToolArrowRight, null),
|
|
250
253
|
'drawing-tool-sticker': React__default['default'].createElement(drawingToolStickers, null),
|
|
251
|
-
'idea-creator': React__default['default'].createElement(ideaCreator, null)
|
|
254
|
+
'idea-creator': React__default['default'].createElement(ideaCreator, null),
|
|
255
|
+
'send': React__default['default'].createElement(send, null),
|
|
252
256
|
};
|
|
253
257
|
|
|
254
258
|
exports.ICONS = ICONS;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"icons.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|