funuicss 1.2.0 → 1.4.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.
Files changed (34) hide show
  1. package/README.md +38 -0
  2. package/component/Alert.jsx +99 -0
  3. package/component/Avatar.jsx +79 -0
  4. package/component/Button.jsx +3 -2
  5. package/component/CloseModal.jsx +90 -0
  6. package/component/Div.jsx +92 -0
  7. package/component/Hr.jsx +72 -0
  8. package/component/LinkWrapper.jsx +72 -0
  9. package/component/List.jsx +79 -0
  10. package/component/ListItem.jsx +73 -0
  11. package/component/Modal.jsx +93 -0
  12. package/component/ModalAction.jsx +71 -0
  13. package/component/ModalContent.jsx +77 -0
  14. package/component/ModalHeader.jsx +105 -0
  15. package/component/NavBar.jsx +78 -0
  16. package/component/NavLink.jsx +74 -0
  17. package/component/NavLogo.jsx +95 -0
  18. package/component/ProgressBar.jsx +91 -0
  19. package/component/Section.jsx +76 -0
  20. package/component/SidebarTrigger.jsx +96 -0
  21. package/component/Snackbar.jsx +90 -0
  22. package/component/Table.jsx +82 -0
  23. package/component/TableBody.jsx +72 -0
  24. package/component/TableData.jsx +74 -0
  25. package/component/TableHead.jsx +72 -0
  26. package/component/TableRow.jsx +74 -0
  27. package/component/Tip.jsx +78 -0
  28. package/component/ToolTip.jsx +72 -0
  29. package/component/fun.css +593 -0
  30. package/css/062f2c55ba707b91a7b7.ttf +0 -0
  31. package/css/entry/index.js +1 -0
  32. package/css/fun.jsx +604 -0
  33. package/package.json +2 -1
  34. package/css/fun.css +0 -664
package/README.md ADDED
@@ -0,0 +1,38 @@
1
+ <h1>Getting Started</h1>
2
+ Download the funcss framework to start creating awesome responsive website for free.
3
+ You can also use the funcss cdn.
4
+
5
+ <h3>Using Npm</h3>
6
+ Install the package via NPM
7
+
8
+ <pre>
9
+ npm install funuicss
10
+ </pre>
11
+
12
+ <h3>Import CSS file</h3>
13
+ Import the css file at your root directory to apply our classes,for example: _app.js, _app.jsx, index.js, index,jsx file
14
+
15
+ <pre>
16
+ import 'funuicss/css/fun.css'
17
+ </pre>
18
+
19
+ <h3>CDN</h3>
20
+ You can use the CDN for your HTML file, you can only use our css defined classes
21
+
22
+ <pre>
23
+ https://github.com/FunUi-io/cdn.git'
24
+ </pre>
25
+
26
+ <h3>Import CDN</h3>
27
+ You can also import the CDN in your CSS file
28
+
29
+ <pre>
30
+ @import url('https://github.com/FunUi-io/cdn.git');'
31
+ </pre>
32
+
33
+ <h3>Download</h3>
34
+ Download the CSS File and link it to your HTML Document
35
+
36
+ https://github.com/FunUi-io/cdn/archive/refs/heads/main.zip
37
+
38
+ <pre><link rel="stylesheet" href="./css/fun.css"></pre>
package/component/Alert.jsx ADDED
@@ -0,0 +1,99 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ Alert)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/Alert.js
61
+
62
+ function Alert(_ref) {
63
+ var message = _ref.message,
64
+ funcss = _ref.funcss,
65
+ type = _ref.type,
66
+ outlined = _ref.outlined;
67
+ return /*#__PURE__*/external_react_default().createElement("div", null, outlined ? /*#__PURE__*/external_react_default().createElement("div", {
68
+ className: "alert ".concat(type, "-outline")
69
+ }, /*#__PURE__*/external_react_default().createElement("div", {
70
+ className: "alert-icon"
71
+ }, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
72
+ className: "fa fa-check"
73
+ }), type === "info" && /*#__PURE__*/external_react_default().createElement("i", {
74
+ className: "fa fa-info-circle"
75
+ }), type === "warning" && /*#__PURE__*/external_react_default().createElement("i", {
76
+ className: "fa fa-exclamation-triangle"
77
+ }), type === "danger" && /*#__PURE__*/external_react_default().createElement("i", {
78
+ className: "far fa-times-circle"
79
+ })), /*#__PURE__*/external_react_default().createElement("div", {
80
+ className: "alert-text"
81
+ }, message)) : "", !outlined ? /*#__PURE__*/external_react_default().createElement("div", {
82
+ className: "alert ".concat(funcss, " ").concat(type, " ")
83
+ }, /*#__PURE__*/external_react_default().createElement("div", {
84
+ className: "alert-icon"
85
+ }, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
86
+ className: "fa fa-check"
87
+ }), type === "info" && /*#__PURE__*/external_react_default().createElement("i", {
88
+ className: "fa fa-info-circle"
89
+ }), type === "warning" && /*#__PURE__*/external_react_default().createElement("i", {
90
+ className: "fa fa-exclamation-triangle"
91
+ }), type === "danger" && /*#__PURE__*/external_react_default().createElement("i", {
92
+ className: "far fa-times-circle"
93
+ })), /*#__PURE__*/external_react_default().createElement("div", {
94
+ className: "alert-text"
95
+ }, message)) : "");
96
+ }
97
+ module.exports = __webpack_exports__;
98
+ /******/ })()
99
+ ;
package/component/Avatar.jsx ADDED
@@ -0,0 +1,79 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ Avatar)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/Avatar.js
61
+
62
+ function Avatar(_ref) {
63
+ var funcss = _ref.funcss,
64
+ children = _ref.children,
65
+ width = _ref.width,
66
+ height = _ref.height,
67
+ bg = _ref.bg,
68
+ content = _ref.content;
69
+ return /*#__PURE__*/external_react_default().createElement("button", {
70
+ className: "button circle padding ".concat(funcss, " ").concat(bg),
71
+ style: {
72
+ width: "".concat(width),
73
+ height: "".concat(height)
74
+ }
75
+ }, children, content);
76
+ }
77
+ module.exports = __webpack_exports__;
78
+ /******/ })()
79
+ ;
package/component/Button.jsx CHANGED
@@ -75,9 +75,10 @@ function Button(_ref) {
75
75
  width = _ref.width,
76
76
  _float = _ref["float"],
77
77
  hoverUp = _ref.hoverUp,
78
- fullWidth = _ref.fullWidth;
78
+ fullWidth = _ref.fullWidth,
79
+ outlined = _ref.outlined;
79
80
  return /*#__PURE__*/external_react_default().createElement("button", {
80
- className: "button\ntext-".concat(color, "\n").concat(bg, " \n").concat(funcss, "\n").concat(rounded ? "roundBtn" : "", "\n").concat(_float ? "floatBtn" : "", "\n").concat(raised ? "card" : "", "\n").concat(hoverUp ? "hover-up" : "", "\n"),
81
+ className: "button\ntext-".concat(color, "\n").concat(funcss, "\n").concat(rounded ? "roundBtn" : "", "\n").concat(_float ? "floatBtn" : "", "\n").concat(raised ? "card" : "", "\n").concat(hoverUp ? "hover-up" : "", "\n").concat(outlined ? "".concat(bg, "-outline outlined text-").concat(bg) : bg, "\n\n"),
81
82
  onClick: onClick,
82
83
  onChange: onChange,
83
84
  style: {
package/component/CloseModal.jsx ADDED
@@ -0,0 +1,90 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ CloseModal)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/Icon.js
61
+
62
+ function Icon(_ref) {
63
+ var funcss = _ref.funcss,
64
+ color = _ref.color,
65
+ size = _ref.size,
66
+ onClick = _ref.onClick,
67
+ onChange = _ref.onChange,
68
+ icon = _ref.icon;
69
+ return /*#__PURE__*/external_react_default().createElement("i", {
70
+ className: "icon ".concat(icon, " ").concat(funcss, " text-").concat(color, " size-").concat(size, " "),
71
+ onClick: onClick,
72
+ onChange: onChange
73
+ });
74
+ }
75
+ ;// CONCATENATED MODULE: ../Funcss/Components/CloseModal.jsx
76
+
77
+
78
+ function CloseModal(_ref) {
79
+ var funcss = _ref.funcss,
80
+ onClick = _ref.onClick;
81
+ return /*#__PURE__*/external_react_default().createElement("div", {
82
+ className: "".concat(funcss, " closeModal"),
83
+ onClick: onClick
84
+ }, /*#__PURE__*/external_react_default().createElement(Icon, {
85
+ icon: "fas fa-times"
86
+ }));
87
+ }
88
+ module.exports = __webpack_exports__;
89
+ /******/ })()
90
+ ;
package/component/Div.jsx ADDED
@@ -0,0 +1,92 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ Div)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/Div.js
61
+
62
+ var Container = function Container(_ref) {
63
+ var children = _ref.children,
64
+ funcss = _ref.funcss,
65
+ content = _ref.content,
66
+ minHeight = _ref.minHeight,
67
+ maxHeight = _ref.maxHeight,
68
+ maxWidth = _ref.maxWidth,
69
+ minWidth = _ref.minWidth,
70
+ height = _ref.height,
71
+ width = _ref.width,
72
+ padding = _ref.padding,
73
+ margin = _ref.margin,
74
+ fit = _ref.fit;
75
+ return /*#__PURE__*/external_react_default().createElement("div", {
76
+ className: "".concat(fit ? "width-100-p height-100-p" : "", " ").concat(funcss),
77
+ style: {
78
+ height: height ? height : "",
79
+ maxHeight: maxHeight ? maxHeight : "",
80
+ minHeight: minHeight ? minHeight : "",
81
+ maxWidth: maxWidth ? maxWidth : "",
82
+ minWidth: minWidth ? minWidth : "",
83
+ width: width ? width : "",
84
+ padding: padding ? padding : "",
85
+ margin: margin ? margin : ""
86
+ }
87
+ }, children, " ", content);
88
+ };
89
+ /* harmony default export */ const Div = (Container);
90
+ module.exports = __webpack_exports__;
91
+ /******/ })()
92
+ ;
package/component/Hr.jsx ADDED
@@ -0,0 +1,72 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ Components_Hr)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/Hr.js
61
+
62
+ var Hr = function Hr(_ref) {
63
+ var children = _ref.children,
64
+ funcss = _ref.funcss;
65
+ return /*#__PURE__*/external_react_default().createElement("div", {
66
+ className: "hr ".concat(funcss)
67
+ }, children);
68
+ };
69
+ /* harmony default export */ const Components_Hr = (Hr);
70
+ module.exports = __webpack_exports__;
71
+ /******/ })()
72
+ ;
package/component/LinkWrapper.jsx ADDED
@@ -0,0 +1,72 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ LinkWrapper)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/LinkWrapper.js
61
+
62
+
63
+ function LinkWrapper(_ref) {
64
+ var funcss = _ref.funcss,
65
+ children = _ref.children;
66
+ return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
67
+ className: "".concat(funcss, " linkWrapper")
68
+ }, children));
69
+ }
70
+ module.exports = __webpack_exports__;
71
+ /******/ })()
72
+ ;
package/component/List.jsx ADDED
@@ -0,0 +1,79 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/compat get default export */
8
+ /******/ (() => {
9
+ /******/ // getDefaultExport function for compatibility with non-harmony modules
10
+ /******/ __webpack_require__.n = (module) => {
11
+ /******/ var getter = module && module.__esModule ?
12
+ /******/ () => (module['default']) :
13
+ /******/ () => (module);
14
+ /******/ __webpack_require__.d(getter, { a: getter });
15
+ /******/ return getter;
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/define property getters */
20
+ /******/ (() => {
21
+ /******/ // define getter functions for harmony exports
22
+ /******/ __webpack_require__.d = (exports, definition) => {
23
+ /******/ for(var key in definition) {
24
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
25
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
26
+ /******/ }
27
+ /******/ }
28
+ /******/ };
29
+ /******/ })();
30
+ /******/
31
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
32
+ /******/ (() => {
33
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
34
+ /******/ })();
35
+ /******/
36
+ /******/ /* webpack/runtime/make namespace object */
37
+ /******/ (() => {
38
+ /******/ // define __esModule on exports
39
+ /******/ __webpack_require__.r = (exports) => {
40
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
41
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
42
+ /******/ }
43
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
44
+ /******/ };
45
+ /******/ })();
46
+ /******/
47
+ /************************************************************************/
48
+ var __webpack_exports__ = {};
49
+ // ESM COMPAT FLAG
50
+ __webpack_require__.r(__webpack_exports__);
51
+
52
+ // EXPORTS
53
+ __webpack_require__.d(__webpack_exports__, {
54
+ "default": () => (/* binding */ Components_List)
55
+ });
56
+
57
+ ;// CONCATENATED MODULE: external "react"
58
+ const external_react_namespaceObject = require("react");
59
+ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
60
+ ;// CONCATENATED MODULE: ../Funcss/Components/List.js
61
+
62
+ var List = function List(_ref) {
63
+ var children = _ref.children,
64
+ funcss = _ref.funcss,
65
+ content = _ref.content,
66
+ dark = _ref.dark,
67
+ light = _ref.light,
68
+ stripped = _ref.stripped,
69
+ bordered = _ref.bordered,
70
+ hoverable = _ref.hoverable,
71
+ roundItems = _ref.roundItems;
72
+ return /*#__PURE__*/external_react_default().createElement("ul", {
73
+ className: "list \n".concat(funcss, "\n").concat(dark ? "dark" : "", "\n").concat(light ? "light" : "", "\n").concat(hoverable ? "hoverable" : "", "\n").concat(stripped ? "stripped" : "", "\n").concat(bordered ? "bordered" : "", "\n").concat(roundItems ? "roundItems" : "", "\n")
74
+ }, children, " ", content);
75
+ };
76
+ /* harmony default export */ const Components_List = (List);
77
+ module.exports = __webpack_exports__;
78
+ /******/ })()
79
+ ;