grevlingui 0.1.36 → 0.1.38
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 +24 -24
- package/index.js +8 -0
- package/package.json +1 -1
package/CheckBox.js
CHANGED
|
@@ -22,12 +22,11 @@ const CheckBox = _ref => {
|
|
|
22
22
|
const getStyle = (opening, i) => ({
|
|
23
23
|
transition: "height ".concat(time, "ms, width ").concat(time, "ms ").concat(opening ? 'ease-out' : 'ease-in'),
|
|
24
24
|
// transition: `height ${time}ms, width ${time}ms`,
|
|
25
|
-
transitionDelay: "".concat(i * time / 5, "ms")
|
|
26
|
-
fill: color
|
|
25
|
+
transitionDelay: "".concat(i * time / 5, "ms")
|
|
27
26
|
});
|
|
28
27
|
|
|
29
|
-
const twoPhaseDiff = 1;
|
|
30
28
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
|
+
className: "checkBoxWrapper ".concat(checked ? ' checked' : ''),
|
|
31
30
|
style: {
|
|
32
31
|
display: 'inline-block'
|
|
33
32
|
}
|
|
@@ -43,8 +42,9 @@ const CheckBox = _ref => {
|
|
|
43
42
|
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
44
43
|
viewBox: "0 0 132.29166 132.29167",
|
|
45
44
|
height: "35",
|
|
46
|
-
width: "35"
|
|
47
|
-
|
|
45
|
+
width: "35",
|
|
46
|
+
fill: color
|
|
47
|
+
}, !v2 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("mask", {
|
|
48
48
|
id: "checkMask"
|
|
49
49
|
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
50
50
|
x: "-20",
|
|
@@ -80,54 +80,54 @@ const CheckBox = _ref => {
|
|
|
80
80
|
height: "35.4406",
|
|
81
81
|
transform: "rotate(-130 35.078 136.193)"
|
|
82
82
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
83
|
-
style: getStyle(true,
|
|
84
|
-
x: "98.5041",
|
|
85
|
-
y: "2.19794",
|
|
86
|
-
width: "56.3159",
|
|
87
|
-
height: "27.3439",
|
|
88
|
-
transform: "rotate(50 98.5041 2.19794)"
|
|
89
|
-
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
90
|
-
style: getStyle(true, 4 + twoPhaseDiff),
|
|
83
|
+
style: getStyle(true, 4),
|
|
91
84
|
x: "48.968",
|
|
92
85
|
y: "-28.5624",
|
|
93
86
|
width: "63.3354",
|
|
94
87
|
height: "93.5079",
|
|
95
88
|
transform: "rotate(50 48.968 -28.5624)"
|
|
89
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
90
|
+
style: getStyle(true, 5),
|
|
91
|
+
x: "98.5041",
|
|
92
|
+
y: "2.19794",
|
|
93
|
+
width: "56.3159",
|
|
94
|
+
height: "27.3439",
|
|
95
|
+
transform: "rotate(50 98.5041 2.19794)"
|
|
96
96
|
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("rect", {
|
|
97
|
-
style: getStyle(false,
|
|
97
|
+
style: getStyle(false, 2.6),
|
|
98
98
|
x: "72.3839",
|
|
99
99
|
y: "-31.2401",
|
|
100
100
|
width: "7.42665",
|
|
101
101
|
height: "88.4339",
|
|
102
102
|
transform: "rotate(50 72.3839 -31.2401)"
|
|
103
103
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
104
|
-
style: getStyle(false,
|
|
104
|
+
style: getStyle(false, 2.3),
|
|
105
105
|
x: "71.5962",
|
|
106
106
|
y: "148.092",
|
|
107
107
|
width: "1.70323",
|
|
108
108
|
height: "103.342",
|
|
109
109
|
transform: "rotate(-130 71.5962 148.092)"
|
|
110
110
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
111
|
-
style: getStyle(false,
|
|
111
|
+
style: getStyle(false, 1.5),
|
|
112
112
|
x: "35.078",
|
|
113
113
|
y: "136.193",
|
|
114
114
|
width: "65.7519",
|
|
115
115
|
height: "2.75196",
|
|
116
116
|
transform: "rotate(-130 35.078 136.193)"
|
|
117
117
|
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
118
|
-
style: getStyle(false,
|
|
119
|
-
x: "98.5041",
|
|
120
|
-
y: "2.19794",
|
|
121
|
-
width: "56.3159",
|
|
122
|
-
height: "1.80076",
|
|
123
|
-
transform: "rotate(50 98.5041 2.19794)"
|
|
124
|
-
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
125
|
-
style: getStyle(false, 0),
|
|
118
|
+
style: getStyle(false, 0.2),
|
|
126
119
|
x: "48.968",
|
|
127
120
|
y: "-28.5624",
|
|
128
121
|
width: "18.3253",
|
|
129
122
|
height: "93.5079",
|
|
130
123
|
transform: "rotate(50 48.968 -28.5624)"
|
|
124
|
+
}), /*#__PURE__*/_react.default.createElement("rect", {
|
|
125
|
+
style: getStyle(false, 0),
|
|
126
|
+
x: "98.5041",
|
|
127
|
+
y: "2.19794",
|
|
128
|
+
width: "56.3159",
|
|
129
|
+
height: "1.80076",
|
|
130
|
+
transform: "rotate(50 98.5041 2.19794)"
|
|
131
131
|
})), /*#__PURE__*/_react.default.createElement("path", {
|
|
132
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",
|
|
133
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 }; }
|