@quintoandar-tokko/jopijs 1.5.411
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/README.md +48 -0
- package/lib/index.js +307 -0
- package/package.json +56 -0
package/README.md
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
## Jopi.js
|
|
2
|
+
|
|
3
|
+
Jopi.js is a component library full of cool stuff.
|
|
4
|
+
We try to give developers every component they need in their UX in a simple, minimal and beautiful way.
|
|
5
|
+
|
|
6
|
+
### Installation
|
|
7
|
+
|
|
8
|
+
You can install Jopi.js from:
|
|
9
|
+
|
|
10
|
+
`npm i @quintoandar-tokko/jopijs`
|
|
11
|
+
|
|
12
|
+
Or
|
|
13
|
+
|
|
14
|
+
`yarn add @quintoandar-tokko/jopijs`
|
|
15
|
+
|
|
16
|
+
For now, we recommend to install Jopi.js with it's theme while we tried to decouple some stuff and give you more flexibility.
|
|
17
|
+
For install Jopi.js theme run
|
|
18
|
+
|
|
19
|
+
`npm i @quintoandar-tokko/theme`
|
|
20
|
+
|
|
21
|
+
or
|
|
22
|
+
|
|
23
|
+
`yarn add @quintoandar-tokko/theme`
|
|
24
|
+
|
|
25
|
+
### Usage
|
|
26
|
+
|
|
27
|
+
Jopi.js is built using [styled-system](https://styled-system.com/) so you can use all the props they give us to style or position the component.
|
|
28
|
+
|
|
29
|
+
### Components
|
|
30
|
+
|
|
31
|
+
- Alert
|
|
32
|
+
- Badge
|
|
33
|
+
- Box
|
|
34
|
+
- Button
|
|
35
|
+
- Checkbox
|
|
36
|
+
- Collapsible
|
|
37
|
+
- Dropdown
|
|
38
|
+
- Image
|
|
39
|
+
- Input
|
|
40
|
+
- Label
|
|
41
|
+
- List
|
|
42
|
+
- Loader
|
|
43
|
+
- Modal
|
|
44
|
+
- Radio
|
|
45
|
+
- Switch
|
|
46
|
+
- Table
|
|
47
|
+
- Tabs
|
|
48
|
+
- Text
|
package/lib/index.js
ADDED
|
@@ -0,0 +1,307 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Alert", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _alert.Alert;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Badge", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function get() {
|
|
15
|
+
return _badge.Badge;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Box", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function get() {
|
|
21
|
+
return _box.Box;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Button", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function get() {
|
|
27
|
+
return _button.Button;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "ButtonIcon", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function get() {
|
|
33
|
+
return _button.ButtonIcon;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
Object.defineProperty(exports, "Calendar", {
|
|
37
|
+
enumerable: true,
|
|
38
|
+
get: function get() {
|
|
39
|
+
return _calendar.Calendar;
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, "Card", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function get() {
|
|
45
|
+
return _card.Card;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
Object.defineProperty(exports, "Carousel", {
|
|
49
|
+
enumerable: true,
|
|
50
|
+
get: function get() {
|
|
51
|
+
return _carousel.Carousel;
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, "Checkbox", {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function get() {
|
|
57
|
+
return _checkbox.Checkbox;
|
|
58
|
+
}
|
|
59
|
+
});
|
|
60
|
+
Object.defineProperty(exports, "Collapsible", {
|
|
61
|
+
enumerable: true,
|
|
62
|
+
get: function get() {
|
|
63
|
+
return _collapsible.Collapsible;
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
Object.defineProperty(exports, "ContainerMenu", {
|
|
67
|
+
enumerable: true,
|
|
68
|
+
get: function get() {
|
|
69
|
+
return _containermenu.ContainerMenu;
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
Object.defineProperty(exports, "Datepicker", {
|
|
73
|
+
enumerable: true,
|
|
74
|
+
get: function get() {
|
|
75
|
+
return _datepicker.Datepicker;
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
Object.defineProperty(exports, "Drawer", {
|
|
79
|
+
enumerable: true,
|
|
80
|
+
get: function get() {
|
|
81
|
+
return _drawer.Drawer;
|
|
82
|
+
}
|
|
83
|
+
});
|
|
84
|
+
Object.defineProperty(exports, "Dropdown", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function get() {
|
|
87
|
+
return _dropdown.Dropdown;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "Flex", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function get() {
|
|
93
|
+
return _box.Flex;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "Fonts", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function get() {
|
|
99
|
+
return _fonts.Fonts;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "GridImagePicker", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function get() {
|
|
105
|
+
return _gridimagepicker.GridImagePicker;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "Heading", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function get() {
|
|
111
|
+
return _text.Heading;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
Object.defineProperty(exports, "Icon", {
|
|
115
|
+
enumerable: true,
|
|
116
|
+
get: function get() {
|
|
117
|
+
return _icons.Icon;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
Object.defineProperty(exports, "Image", {
|
|
121
|
+
enumerable: true,
|
|
122
|
+
get: function get() {
|
|
123
|
+
return _image.Image;
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
Object.defineProperty(exports, "Input", {
|
|
127
|
+
enumerable: true,
|
|
128
|
+
get: function get() {
|
|
129
|
+
return _input.Input;
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
Object.defineProperty(exports, "InputHours", {
|
|
133
|
+
enumerable: true,
|
|
134
|
+
get: function get() {
|
|
135
|
+
return _inputHours.InputHours;
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
Object.defineProperty(exports, "InputNumber", {
|
|
139
|
+
enumerable: true,
|
|
140
|
+
get: function get() {
|
|
141
|
+
return _inputNumber.InputNumber;
|
|
142
|
+
}
|
|
143
|
+
});
|
|
144
|
+
Object.defineProperty(exports, "Label", {
|
|
145
|
+
enumerable: true,
|
|
146
|
+
get: function get() {
|
|
147
|
+
return _label.Label;
|
|
148
|
+
}
|
|
149
|
+
});
|
|
150
|
+
Object.defineProperty(exports, "List", {
|
|
151
|
+
enumerable: true,
|
|
152
|
+
get: function get() {
|
|
153
|
+
return _list.List;
|
|
154
|
+
}
|
|
155
|
+
});
|
|
156
|
+
Object.defineProperty(exports, "Loader", {
|
|
157
|
+
enumerable: true,
|
|
158
|
+
get: function get() {
|
|
159
|
+
return _loader.Loader;
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
Object.defineProperty(exports, "Modal", {
|
|
163
|
+
enumerable: true,
|
|
164
|
+
get: function get() {
|
|
165
|
+
return _modal.Modal;
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
Object.defineProperty(exports, "MultiRangeCalendar", {
|
|
169
|
+
enumerable: true,
|
|
170
|
+
get: function get() {
|
|
171
|
+
return _multirangecalendar.MultiRangeCalendar;
|
|
172
|
+
}
|
|
173
|
+
});
|
|
174
|
+
Object.defineProperty(exports, "Paginator", {
|
|
175
|
+
enumerable: true,
|
|
176
|
+
get: function get() {
|
|
177
|
+
return _paginator.Paginator;
|
|
178
|
+
}
|
|
179
|
+
});
|
|
180
|
+
Object.defineProperty(exports, "ParentSubmenu", {
|
|
181
|
+
enumerable: true,
|
|
182
|
+
get: function get() {
|
|
183
|
+
return _submenu.ParentSubmenu;
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
Object.defineProperty(exports, "ParentTooltip", {
|
|
187
|
+
enumerable: true,
|
|
188
|
+
get: function get() {
|
|
189
|
+
return _tooltip.ParentTooltip;
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
Object.defineProperty(exports, "Radio", {
|
|
193
|
+
enumerable: true,
|
|
194
|
+
get: function get() {
|
|
195
|
+
return _radio.Radio;
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
Object.defineProperty(exports, "Submenu", {
|
|
199
|
+
enumerable: true,
|
|
200
|
+
get: function get() {
|
|
201
|
+
return _submenu.Submenu;
|
|
202
|
+
}
|
|
203
|
+
});
|
|
204
|
+
Object.defineProperty(exports, "Switch", {
|
|
205
|
+
enumerable: true,
|
|
206
|
+
get: function get() {
|
|
207
|
+
return _switch.Switch;
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
Object.defineProperty(exports, "Table", {
|
|
211
|
+
enumerable: true,
|
|
212
|
+
get: function get() {
|
|
213
|
+
return _table.Table;
|
|
214
|
+
}
|
|
215
|
+
});
|
|
216
|
+
Object.defineProperty(exports, "Tabs", {
|
|
217
|
+
enumerable: true,
|
|
218
|
+
get: function get() {
|
|
219
|
+
return _tabs.Tabs;
|
|
220
|
+
}
|
|
221
|
+
});
|
|
222
|
+
Object.defineProperty(exports, "Tags", {
|
|
223
|
+
enumerable: true,
|
|
224
|
+
get: function get() {
|
|
225
|
+
return _tags.Tags;
|
|
226
|
+
}
|
|
227
|
+
});
|
|
228
|
+
Object.defineProperty(exports, "Text", {
|
|
229
|
+
enumerable: true,
|
|
230
|
+
get: function get() {
|
|
231
|
+
return _text.Text;
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
Object.defineProperty(exports, "Textarea", {
|
|
235
|
+
enumerable: true,
|
|
236
|
+
get: function get() {
|
|
237
|
+
return _textarea.Textarea;
|
|
238
|
+
}
|
|
239
|
+
});
|
|
240
|
+
Object.defineProperty(exports, "ThemeProvider", {
|
|
241
|
+
enumerable: true,
|
|
242
|
+
get: function get() {
|
|
243
|
+
return _styledComponents.ThemeProvider;
|
|
244
|
+
}
|
|
245
|
+
});
|
|
246
|
+
Object.defineProperty(exports, "Toast", {
|
|
247
|
+
enumerable: true,
|
|
248
|
+
get: function get() {
|
|
249
|
+
return _toast.Toast;
|
|
250
|
+
}
|
|
251
|
+
});
|
|
252
|
+
Object.defineProperty(exports, "Tooltip", {
|
|
253
|
+
enumerable: true,
|
|
254
|
+
get: function get() {
|
|
255
|
+
return _tooltip.Tooltip;
|
|
256
|
+
}
|
|
257
|
+
});
|
|
258
|
+
Object.defineProperty(exports, "Wrapped", {
|
|
259
|
+
enumerable: true,
|
|
260
|
+
get: function get() {
|
|
261
|
+
return _wrapped.Wrapped;
|
|
262
|
+
}
|
|
263
|
+
});
|
|
264
|
+
Object.defineProperty(exports, "useFilterData", {
|
|
265
|
+
enumerable: true,
|
|
266
|
+
get: function get() {
|
|
267
|
+
return _list.useFilterData;
|
|
268
|
+
}
|
|
269
|
+
});
|
|
270
|
+
var _alert = require("@quintoandar-tokko/alert");
|
|
271
|
+
var _badge = require("@quintoandar-tokko/badge");
|
|
272
|
+
var _box = require("@quintoandar-tokko/box");
|
|
273
|
+
var _button = require("@quintoandar-tokko/button");
|
|
274
|
+
var _calendar = require("@quintoandar-tokko/calendar");
|
|
275
|
+
var _card = require("@quintoandar-tokko/card");
|
|
276
|
+
var _carousel = require("@quintoandar-tokko/carousel");
|
|
277
|
+
var _checkbox = require("@quintoandar-tokko/checkbox");
|
|
278
|
+
var _collapsible = require("@quintoandar-tokko/collapsible");
|
|
279
|
+
var _containermenu = require("@quintoandar-tokko/containermenu");
|
|
280
|
+
var _datepicker = require("@quintoandar-tokko/datepicker");
|
|
281
|
+
var _drawer = require("@quintoandar-tokko/drawer");
|
|
282
|
+
var _dropdown = require("@quintoandar-tokko/dropdown");
|
|
283
|
+
var _fonts = require("@quintoandar-tokko/fonts");
|
|
284
|
+
var _gridimagepicker = require("@quintoandar-tokko/gridimagepicker");
|
|
285
|
+
var _icons = require("@quintoandar-tokko/icons");
|
|
286
|
+
var _image = require("@quintoandar-tokko/image");
|
|
287
|
+
var _input = require("@quintoandar-tokko/input");
|
|
288
|
+
var _inputHours = require("@quintoandar-tokko/input-hours");
|
|
289
|
+
var _inputNumber = require("@quintoandar-tokko/input-number");
|
|
290
|
+
var _label = require("@quintoandar-tokko/label");
|
|
291
|
+
var _list = require("@quintoandar-tokko/list");
|
|
292
|
+
var _loader = require("@quintoandar-tokko/loader");
|
|
293
|
+
var _modal = require("@quintoandar-tokko/modal");
|
|
294
|
+
var _multirangecalendar = require("@quintoandar-tokko/multirangecalendar");
|
|
295
|
+
var _paginator = require("@quintoandar-tokko/paginator");
|
|
296
|
+
var _radio = require("@quintoandar-tokko/radio");
|
|
297
|
+
var _switch = require("@quintoandar-tokko/switch");
|
|
298
|
+
var _submenu = require("@quintoandar-tokko/submenu");
|
|
299
|
+
var _table = require("@quintoandar-tokko/table");
|
|
300
|
+
var _tabs = require("@quintoandar-tokko/tabs");
|
|
301
|
+
var _tags = require("@quintoandar-tokko/tags");
|
|
302
|
+
var _text = require("@quintoandar-tokko/text");
|
|
303
|
+
var _textarea = require("@quintoandar-tokko/textarea");
|
|
304
|
+
var _tooltip = require("@quintoandar-tokko/tooltip");
|
|
305
|
+
var _toast = require("@quintoandar-tokko/toast");
|
|
306
|
+
var _wrapped = require("@quintoandar-tokko/wrapped");
|
|
307
|
+
var _styledComponents = require("styled-components");
|
package/package.json
ADDED
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@quintoandar-tokko/jopijs",
|
|
3
|
+
"version": "1.5.411",
|
|
4
|
+
"main": "lib/index.js",
|
|
5
|
+
"module": "src/index.js",
|
|
6
|
+
"files": [
|
|
7
|
+
"lib"
|
|
8
|
+
],
|
|
9
|
+
"dependencies": {
|
|
10
|
+
"@quintoandar-tokko/alert": "^1.2.371",
|
|
11
|
+
"@quintoandar-tokko/badge": "^1.2.306",
|
|
12
|
+
"@quintoandar-tokko/box": "^1.2.286",
|
|
13
|
+
"@quintoandar-tokko/button": "^1.2.371",
|
|
14
|
+
"@quintoandar-tokko/calendar": "^1.0.90",
|
|
15
|
+
"@quintoandar-tokko/card": "^1.0.100",
|
|
16
|
+
"@quintoandar-tokko/carousel": "^1.0.54",
|
|
17
|
+
"@quintoandar-tokko/checkbox": "^1.2.328",
|
|
18
|
+
"@quintoandar-tokko/collapsible": "^1.2.373",
|
|
19
|
+
"@quintoandar-tokko/containermenu": "^1.0.127",
|
|
20
|
+
"@quintoandar-tokko/datepicker": "^1.2.377",
|
|
21
|
+
"@quintoandar-tokko/drawer": "^1.0.276",
|
|
22
|
+
"@quintoandar-tokko/dropdown": "^1.2.388",
|
|
23
|
+
"@quintoandar-tokko/fonts": "^1.0.135",
|
|
24
|
+
"@quintoandar-tokko/gridimagepicker": "^1.0.17",
|
|
25
|
+
"@quintoandar-tokko/icons": "^1.2.317",
|
|
26
|
+
"@quintoandar-tokko/image": "^1.2.303",
|
|
27
|
+
"@quintoandar-tokko/input": "^1.2.362",
|
|
28
|
+
"@quintoandar-tokko/input-hours": "^1.0.91",
|
|
29
|
+
"@quintoandar-tokko/input-number": "^1.0.110",
|
|
30
|
+
"@quintoandar-tokko/label": "^1.2.286",
|
|
31
|
+
"@quintoandar-tokko/list": "^1.2.365",
|
|
32
|
+
"@quintoandar-tokko/loader": "^1.2.327",
|
|
33
|
+
"@quintoandar-tokko/modal": "^1.2.379",
|
|
34
|
+
"@quintoandar-tokko/multirangecalendar": "^1.0.12",
|
|
35
|
+
"@quintoandar-tokko/paginator": "^1.0.166",
|
|
36
|
+
"@quintoandar-tokko/radio": "^1.2.317",
|
|
37
|
+
"@quintoandar-tokko/submenu": "^1.0.131",
|
|
38
|
+
"@quintoandar-tokko/switch": "^1.2.290",
|
|
39
|
+
"@quintoandar-tokko/table": "^1.2.314",
|
|
40
|
+
"@quintoandar-tokko/tabs": "^1.4.303",
|
|
41
|
+
"@quintoandar-tokko/tags": "^1.0.68",
|
|
42
|
+
"@quintoandar-tokko/text": "^1.2.287",
|
|
43
|
+
"@quintoandar-tokko/textarea": "^1.0.247",
|
|
44
|
+
"@quintoandar-tokko/toast": "^1.0.101",
|
|
45
|
+
"@quintoandar-tokko/tooltip": "^1.0.129",
|
|
46
|
+
"@quintoandar-tokko/wrapped": "^1.0.83",
|
|
47
|
+
"styled-components": "^5.3.5"
|
|
48
|
+
},
|
|
49
|
+
"peerDependencies": {
|
|
50
|
+
"react": "^16.8.0"
|
|
51
|
+
},
|
|
52
|
+
"publishConfig": {
|
|
53
|
+
"access": "public"
|
|
54
|
+
},
|
|
55
|
+
"gitHead": "3c5995a3482c9cd1b428a69e135c934c37bce2ae"
|
|
56
|
+
}
|