grevlingui 0.1.35 → 0.1.37
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/CheckBox.js +18 -19
- package/index.js +8 -0
- package/package.json +1 -1
package/CheckBox.js
CHANGED
|
@@ -9,20 +9,19 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
|
|
12
|
-
// export const CheckBox = ({checked, setChecked, label, color = 'white', v2, time = 200}) => {
|
|
13
12
|
const CheckBox = _ref => {
|
|
14
13
|
let {
|
|
15
14
|
checked,
|
|
16
15
|
setChecked,
|
|
17
16
|
label,
|
|
17
|
+
color = 'white',
|
|
18
18
|
v2,
|
|
19
19
|
time = 200
|
|
20
20
|
} = _ref;
|
|
21
|
-
const color = 'hotpink';
|
|
22
21
|
|
|
23
22
|
const getStyle = (opening, i) => ({
|
|
24
|
-
|
|
25
|
-
transition:
|
|
23
|
+
transition: "height ".concat(time, "ms, width ").concat(time, "ms ").concat(opening ? 'ease-out' : 'ease-in'),
|
|
24
|
+
// transition: `height ${time}ms, width ${time}ms`,
|
|
26
25
|
transitionDelay: "".concat(i * time / 5, "ms"),
|
|
27
26
|
fill: color
|
|
28
27
|
});
|
|
@@ -52,10 +51,10 @@ const CheckBox = _ref => {
|
|
|
52
51
|
y: "-20",
|
|
53
52
|
width: "200",
|
|
54
53
|
height: "200",
|
|
55
|
-
fill: "white"
|
|
56
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
57
|
-
d: "M135.658 141.294H-5.65894V-6.66338H135.658V141.294ZM21.7649 9.06612C18.2495 9.06619 15.2401 10.3177 12.7366 12.821C10.233 15.3246 8.98076 18.3346 8.98071 21.8503V111.342C8.98079 114.858 10.233 117.867 12.7366 120.371C15.2401 122.874 18.2493 124.127 21.7649 124.127H111.257C114.773 124.127 117.783 122.874 120.286 120.371C122.79 117.867 124.041 114.858 124.041 111.342V21.8503C124.041 18.3346 122.79 15.3246 120.286 12.821C117.783 10.3174 114.773 9.06617 111.257 9.06612H21.7649Z",
|
|
58
54
|
fill: "black"
|
|
55
|
+
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
56
|
+
d: "M21.7652 124.127C18.2495 124.127 15.2398 122.875 12.7361 120.371C10.2325 117.868 8.98068 114.858 8.98068 111.342V21.8505C8.98068 18.3347 10.2325 15.3251 12.7361 12.8214C15.2398 10.3178 18.2495 9.06596 21.7652 9.06596H111.257C114.773 9.06596 117.782 10.3178 120.286 12.8214C122.79 15.3251 124.041 18.3347 124.041 21.8505V111.342C124.041 114.858 122.79 117.868 120.286 120.371C117.782 122.875 114.773 124.127 111.257 124.127H21.7652Z",
|
|
57
|
+
fill: "white"
|
|
59
58
|
})), /*#__PURE__*/_react.default.createElement("g", {
|
|
60
59
|
mask: "url(#checkMask)",
|
|
61
60
|
className: "transformers"
|
|
@@ -89,20 +88,20 @@ const CheckBox = _ref => {
|
|
|
89
88
|
transform: "rotate(50 98.5041 2.19794)"
|
|
90
89
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
91
90
|
style: getStyle(true, 4 + twoPhaseDiff),
|
|
92
|
-
x: "
|
|
93
|
-
y: "
|
|
94
|
-
width: "
|
|
95
|
-
height: "
|
|
96
|
-
transform: "rotate(
|
|
91
|
+
x: "48.968",
|
|
92
|
+
y: "-28.5624",
|
|
93
|
+
width: "63.3354",
|
|
94
|
+
height: "93.5079",
|
|
95
|
+
transform: "rotate(50 48.968 -28.5624)"
|
|
97
96
|
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
|
|
98
|
-
style: getStyle(false,
|
|
97
|
+
style: getStyle(false, 3 + twoPhaseDiff),
|
|
99
98
|
x: "72.3839",
|
|
100
99
|
y: "-31.2401",
|
|
101
100
|
width: "7.42665",
|
|
102
101
|
height: "88.4339",
|
|
103
102
|
transform: "rotate(50 72.3839 -31.2401)"
|
|
104
103
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
105
|
-
style: getStyle(false,
|
|
104
|
+
style: getStyle(false, 4 + twoPhaseDiff),
|
|
106
105
|
x: "71.5962",
|
|
107
106
|
y: "148.092",
|
|
108
107
|
width: "1.70323",
|
|
@@ -124,11 +123,11 @@ const CheckBox = _ref => {
|
|
|
124
123
|
transform: "rotate(50 98.5041 2.19794)"
|
|
125
124
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
126
125
|
style: getStyle(false, 0),
|
|
127
|
-
x: "
|
|
128
|
-
y: "
|
|
129
|
-
width: "
|
|
130
|
-
height: "
|
|
131
|
-
transform: "rotate(
|
|
126
|
+
x: "48.968",
|
|
127
|
+
y: "-28.5624",
|
|
128
|
+
width: "18.3253",
|
|
129
|
+
height: "93.5079",
|
|
130
|
+
transform: "rotate(50 48.968 -28.5624)"
|
|
132
131
|
})), /*#__PURE__*/_react.default.createElement("path", {
|
|
133
132
|
d: "M21.7652 147.556C14.7876 147.556 -13.189 118.32 -13.189 111.342V21.8505C-13.189 14.8729 14.7876 -12.096 21.7652 -12.096H111.257C118.234 -12.096 141.928 14.8729 141.928 21.8505V111.342C141.928 118.32 118.234 147.556 111.257 147.556H21.7652ZM111.257 111.317V21.8505H21.7652V111.317C56.197 111.317 76.8251 111.317 111.257 111.317Z",
|
|
134
133
|
fill: color
|
package/index.js
CHANGED
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "Dots", {
|
|
|
15
15
|
return _Dots.Dots;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "Loader", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _Loader.Loader;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
Object.defineProperty(exports, "Menu", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function get() {
|
|
@@ -122,4 +128,6 @@ var _NumberSelect = require("./NumberSelect/NumberSelect");
|
|
|
122
128
|
|
|
123
129
|
var _PaneView = require("./PaneView/PaneView");
|
|
124
130
|
|
|
131
|
+
var _Loader = require("./Loader/Loader");
|
|
132
|
+
|
|
125
133
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|