funuicss 1.9.9 → 1.9.11

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 (21) hide show
  1. package/LICENSE.txt +21 -0
  2. package/README.md +91 -24
  3. package/component/Alert.jsx +11 -5
  4. package/component/DarkMode.jsx +83 -0
  5. package/component/Div.jsx +4 -1
  6. package/component/FunLoader.jsx +5 -5
  7. package/component/LinkWrapper.jsx +3 -2
  8. package/component/NavBar.jsx +4 -2
  9. package/component/Notification.jsx +82 -0
  10. package/component/NotificationContent.jsx +71 -0
  11. package/component/NotificationFooter.jsx +71 -0
  12. package/component/NotificationHeader.jsx +71 -0
  13. package/component/Step.jsx +72 -0
  14. package/component/StepContainer.jsx +75 -0
  15. package/component/StepHeader.jsx +72 -0
  16. package/component/StepLine.jsx +72 -0
  17. package/css/fun.css +184 -71
  18. package/package-lock.json +4155 -0
  19. package/package.json +2 -1
  20. /package/component/pages/{404.jsx → NotFound.jsx} +0 -0
  21. /package/component/pages/{401.jsx → UnAuthotorized.jsx} +0 -0
package/LICENSE.txt ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2023 FunUi
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/README.md CHANGED
@@ -1,9 +1,23 @@
1
- <h1>Create Beutiful UI/UX Components</h1>
1
+ <p align="center">
2
+ <img src="https://funui.netlify.app/logo.png" width="200px">
3
+ </p>
4
+ <h1 align="center">The React & Next Js Ui Library</h1>
5
+
6
+ <p>
7
+ The framework is easy to integrate, just install the package and import the CSS file
8
+ </p>
9
+
10
+ <h3>Why Choose FunUi </h3>
11
+ <ul>
12
+ <li>The framework is build in modules, you just need to import the module you want to use</li>
13
+ <li>The framework is build with flexbox, which makes it easy to fit all screen sizes</li>
14
+ <li>The framework is easy to integrate, just install the package and import the CSS file</li>
15
+ </ul>
16
+
2
17
  <h3>Learn how to use the framework at our official website 👎</h3>
3
18
  https://funui.netlify.app
4
19
 
5
- <h3> FunUi Starter template </h3>
6
- <img src="https://raw.githubusercontent.com/FunUi-io/starterImage/main/starter.png" width="80%" style="border-radius:2rem"/>
20
+ <h3>Installation</h3>
7
21
 
8
22
  <h3>Using Npm</h3>
9
23
  Install the package via NPM
@@ -18,33 +32,86 @@ Import the css file at your entry point to apply our classes,for example: _app.j
18
32
  import 'funuicss/css/fun.css'
19
33
  </pre>
20
34
 
35
+ <h3>Simple Progress Bars </h3>
36
+ <p> These progress bars are good for showind the state of an action, for example, a user downloading an asset </p>
21
37
 
22
- <h3>Clone The Reposotory</h3>
23
- You can use the CDN for your HTML file, you can only use our css defined classes
38
+ ```jsx
39
+ import React from 'react'
40
+ import ProgressBar from 'funuicss/component/ProgressBar'
41
+ import Typography from 'funuicss/component/Typography'
42
+ export default function App() {
24
43
 
25
- <pre>
26
- git clone git@github.com:FunUi-io/starter.git
27
- </pre>
44
+ return (
28
45
 
29
- <h3>CDN</h3>
30
- You can use the CDN for your HTML file, you can only use our css defined classes
46
+ <div>
47
+ <ProgressBar
48
+ progress={99}
49
+ content={"Success! 99%"}
50
+ bg="light-success"
51
+ />
52
+ <ProgressBar
53
+ progress={85}
54
+ content={<Typography text="85%" color="primary" bold/>}
55
+ bg="primary"
56
+ lined
57
+ />
58
+ <ProgressBar
59
+ progress={90}
60
+ content={<Typography text="90%" color="secondary" bold/>}
61
+ bg="secondary"
62
+ lined/>
63
+ </div>
31
64
 
32
- <pre>
33
- https://unpkg.com/funuicss@latest/css/fun.css
34
- </pre>
65
+ )
66
+ }
67
+ ```
35
68
 
36
- <h3>Import CDN</h3>
37
- You can also import the CDN in your CSS file
69
+ <h3>Simple App NavBar with FunUi </h3>
70
+ <p> This is a simple Navbar you just import and use for your project </p>
38
71
 
39
- <pre>
40
- @import url('https://unpkg.com/funuicss@latest/css/fun.css');
41
- </pre>
72
+ ```jsx
73
+ import React from 'react'
74
+ import Navbar from 'funuicss/component/Navbar'
75
+ import Typography from 'funuicss/component/Typography'
76
+ import LinkWrapper from 'funuicss/component/LinkWrapper'
77
+ import Button from 'funuicss/component/Button'
78
+ import NavLogo from 'funuicss/component/NavLogo'
79
+ export default function App() {
80
+ return (
42
81
 
43
- <h3>Download</h3>
44
- Download the CSS File and link it to your HTML Document
82
+ <div>
83
+ <Navbar>
84
+ <NavLogo>
85
+ <Typography heading="h4" text="Fun Ui" />
86
+ </NavLogo>
45
87
 
46
- https://github.com/FunUi-io/starter
88
+ <LinkWrapper visibleLinks>
89
+ <Button text="Sign In" color="primary"> </Button>
90
+ <Button text="Sign Up" bg="primary" rounded > </Button>
91
+ </LinkWrapper>
47
92
 
48
- <pre>
49
- <link rel="stylesheet" href="./css/fun.css">
50
- </pre>
93
+ </Navbar>
94
+ </div>
95
+
96
+ )
97
+ }
98
+ ```
99
+ <p>
100
+ <h2>Documentaion</h2>
101
+ <div>Check our <a href="https://funui.netlify.app"> Documentation </a> for more exmaples and explanation</div>
102
+ <p>
103
+ <ul>
104
+ <li><a href="https://funui.netlify.app"> Documentation </a></li>
105
+ <li><a href="https://funui.netlify.app/gettingstarted"> Installing </a></li>
106
+ <li><a href="https://funui.netlify.app/components"> Components </a></li>
107
+ <li><a href="https://funui.netlify.app/darkmode"> Dark Mode </a></li>
108
+ <li><a href="https://funui.netlify.app/icons"> Icons </a></li>
109
+ <li><a href="https://funui.netlify.app/notifications"> Notifications </a></li>
110
+ </ul>
111
+ </p>
112
+ </p>
113
+
114
+ <p>
115
+ <h2>License</h2>
116
+ <div> The project is licensed under the terms of <a href="https://github.com/FunUi-io/FunUi/blob/main/LICENSE.txt"> MIT </a>
117
+ </p>
package/component/Alert.jsx CHANGED
@@ -64,15 +64,17 @@ function Alert(_ref) {
64
64
  funcss = _ref.funcss,
65
65
  type = _ref.type,
66
66
  outlined = _ref.outlined,
67
- fixed = _ref.fixed;
67
+ fixed = _ref.fixed,
68
+ fullWidth = _ref.fullWidth,
69
+ isLoading = _ref.isLoading;
68
70
  return /*#__PURE__*/external_react_default().createElement("div", null, outlined ? /*#__PURE__*/external_react_default().createElement("div", {
69
71
  style: {
70
72
  animation: " ".concat(0.3, "s ", "ScaleUp")
71
73
  },
72
- className: "alert ".concat(type, "-outline\n ").concat(fixed == "top-left" ? "top-left" : "", "\n ").concat(fixed == "top-right" ? "top-right" : "", "\n ").concat(fixed == "bottom-left" ? "bottom-left" : "", "\n ").concat(fixed == "bottom-right" ? "bottom-right" : "", " \n \n ")
74
+ className: "alert ".concat(type, "-outline\n ").concat(fixed == "top-left" ? "top-left" : "", "\n ").concat(fixed == "top-right" ? "top-right" : "", "\n ").concat(fixed == "bottom-left" ? "bottom-left" : "", "\n ").concat(fixed == "bottom-right" ? "bottom-right" : "", " \n ").concat(fixed == "top-middle" ? "top-middle" : "", " \n ").concat(fixed == "bottom-middle" ? "bottom-middle" : "", " \n ").concat(fullWidth ? "width-100-p" : "", "\n ")
73
75
  }, /*#__PURE__*/external_react_default().createElement("div", {
74
76
  className: "alert-icon"
75
- }, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
77
+ }, !isLoading ? /*#__PURE__*/external_react_default().createElement("div", null, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
76
78
  className: "fa fa-check"
77
79
  }), type === "info" && /*#__PURE__*/external_react_default().createElement("i", {
78
80
  className: "fa fa-info-circle"
@@ -80,16 +82,18 @@ function Alert(_ref) {
80
82
  className: "fa fa-exclamation-triangle"
81
83
  }), type === "danger" && /*#__PURE__*/external_react_default().createElement("i", {
82
84
  className: "far fa-times-circle"
85
+ })) : /*#__PURE__*/external_react_default().createElement("i", {
86
+ className: "fas fa-spinner fa-spin"
83
87
  })), /*#__PURE__*/external_react_default().createElement("div", {
84
88
  className: "alert-text"
85
89
  }, message)) : "", !outlined ? /*#__PURE__*/external_react_default().createElement("div", {
86
90
  style: {
87
91
  animation: " ".concat(0.3, "s ", "ScaleUp")
88
92
  },
89
- className: "alert ".concat(funcss, " ").concat(type, " \n").concat(fixed == "top-left" ? "top-left" : "", "\n ").concat(fixed == "top-right" ? "top-right" : "", "\n ").concat(fixed == "bottom-left" ? "bottom-left" : "", "\n ").concat(fixed == "bottom-right" ? "bottom-right" : "", " ")
93
+ className: "alert ".concat(funcss, " ").concat(type, " \n").concat(fixed == "top-left" ? "top-left" : "", "\n ").concat(fixed == "top-right" ? "top-right" : "", "\n ").concat(fixed == "bottom-left" ? "bottom-left" : "", "\n ").concat(fixed == "bottom-right" ? "bottom-right" : "", " \n ").concat(fixed == "top-middle" ? "top-middle" : "", " \n ").concat(fixed == "bottom-middle" ? "bottom-middle" : "", " \n ").concat(fullWidth ? "width-100-p" : "", "\n \n ")
90
94
  }, /*#__PURE__*/external_react_default().createElement("div", {
91
95
  className: "alert-icon"
92
- }, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
96
+ }, !isLoading ? /*#__PURE__*/external_react_default().createElement("div", null, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
93
97
  className: "fa fa-check"
94
98
  }), type === "info" && /*#__PURE__*/external_react_default().createElement("i", {
95
99
  className: "fa fa-info-circle"
@@ -97,6 +101,8 @@ function Alert(_ref) {
97
101
  className: "fa fa-exclamation-triangle"
98
102
  }), type === "danger" && /*#__PURE__*/external_react_default().createElement("i", {
99
103
  className: "far fa-times-circle"
104
+ })) : /*#__PURE__*/external_react_default().createElement("i", {
105
+ className: "fas fa-spinner fa-spin"
100
106
  })), /*#__PURE__*/external_react_default().createElement("div", {
101
107
  className: "alert-text"
102
108
  }, message)) : "");
package/component/DarkMode.jsx ADDED
@@ -0,0 +1,83 @@
1
+ /******/ (() => { // webpackBootstrap
2
+ /******/ "use strict";
3
+ /******/ // The require scope
4
+ /******/ var __webpack_require__ = {};
5
+ /******/
6
+ /************************************************************************/
7
+ /******/ /* webpack/runtime/define property getters */
8
+ /******/ (() => {
9
+ /******/ // define getter functions for harmony exports
10
+ /******/ __webpack_require__.d = (exports, definition) => {
11
+ /******/ for(var key in definition) {
12
+ /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
13
+ /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
14
+ /******/ }
15
+ /******/ }
16
+ /******/ };
17
+ /******/ })();
18
+ /******/
19
+ /******/ /* webpack/runtime/hasOwnProperty shorthand */
20
+ /******/ (() => {
21
+ /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
22
+ /******/ })();
23
+ /******/
24
+ /******/ /* webpack/runtime/make namespace object */
25
+ /******/ (() => {
26
+ /******/ // define __esModule on exports
27
+ /******/ __webpack_require__.r = (exports) => {
28
+ /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
29
+ /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
30
+ /******/ }
31
+ /******/ Object.defineProperty(exports, '__esModule', { value: true });
32
+ /******/ };
33
+ /******/ })();
34
+ /******/
35
+ /************************************************************************/
36
+ var __webpack_exports__ = {};
37
+ // ESM COMPAT FLAG
38
+ __webpack_require__.r(__webpack_exports__);
39
+
40
+ // EXPORTS
41
+ __webpack_require__.d(__webpack_exports__, {
42
+ "default": () => (/* binding */ DarkMode)
43
+ });
44
+
45
+ ;// CONCATENATED MODULE: external "react"
46
+ const external_react_namespaceObject = require("react");
47
+ ;// CONCATENATED MODULE: ../Funcss/Components/DarkMode.js
48
+
49
+ function DarkMode(state) {
50
+ if (state) {
51
+ var root = document.querySelector(':root');
52
+ var bdColor = "#FFFFFFD9";
53
+ var borderColor, raiseColor;
54
+ borderColor = "#444654";
55
+ raiseColor = "#1e1e1e";
56
+ root.style.setProperty('--bd-theme', "#141414");
57
+ root.style.setProperty('--bd-color', bdColor);
58
+ root.style.setProperty('--borderColor', borderColor);
59
+ root.style.setProperty('--raiseThemes', raiseColor);
60
+ root.style.setProperty('--lighter', "#33333349");
61
+ root.style.setProperty('--inputOutline', "#1e1e1e");
62
+ root.style.setProperty('--lightThemeDark', bdColor);
63
+
64
+ // dark theme for all the colors
65
+ root.style.setProperty('--success', "#1d6640");
66
+ root.style.setProperty('--successLight', " #c7e6c8");
67
+ root.style.setProperty('--info', "#2471a3");
68
+ root.style.setProperty('--infoLight', "#b3d9ed");
69
+ root.style.setProperty('--warning', "#8c3d00");
70
+ root.style.setProperty('--warningLight', "#d8b69c");
71
+ root.style.setProperty('--danger', "#6b0600");
72
+ root.style.setProperty('--dangerLight', "#bfbfbf");
73
+
74
+ // root.style.setProperty('--info', "#2471a3");
75
+ // root.style.setProperty('--infoLight', "#b3d9ed");
76
+
77
+ root.style.setProperty('--light', "#c5d8e0");
78
+ root.style.setProperty('--deepLight', "#154556");
79
+ }
80
+ }
81
+ module.exports = __webpack_exports__;
82
+ /******/ })()
83
+ ;
package/component/Div.jsx CHANGED
@@ -72,11 +72,14 @@ var Div = function Div(_ref) {
72
72
  padding = _ref.padding,
73
73
  margin = _ref.margin,
74
74
  fit = _ref.fit,
75
- customStyle = _ref.customStyle;
75
+ customStyle = _ref.customStyle,
76
+ onClick = _ref.onClick;
76
77
  return /*#__PURE__*/external_react_default().createElement("div", null, customStyle ? /*#__PURE__*/external_react_default().createElement("div", {
78
+ onClick: onClick,
77
79
  className: "".concat(fit ? "width-100-p height-100-p" : "", " ").concat(funcss),
78
80
  style: customStyle
79
81
  }, content ? content : children) : /*#__PURE__*/external_react_default().createElement("div", {
82
+ onClick: onClick,
80
83
  className: "".concat(fit ? "width-100-p height-100-p" : "", " ").concat(funcss),
81
84
  style: {
82
85
  height: height ? height : "",
package/component/FunLoader.jsx CHANGED
@@ -63,14 +63,14 @@ function FunLoader(_ref) {
63
63
  var funcss = _ref.funcss,
64
64
  size = _ref.size,
65
65
  fixed = _ref.fixed,
66
- backdrop = _ref.backdrop;
66
+ backdrop = _ref.backdrop,
67
+ color = _ref.color;
67
68
  return /*#__PURE__*/external_react_default().createElement("div", {
68
69
  className: "".concat(fixed ? "fixedLoader" : "", " ").concat(backdrop && fixed ? "backdropLoader" : "", " ")
69
- }, /*#__PURE__*/external_react_default().createElement("div", {
70
- className: "".concat(funcss ? funcss : "", " funLoading "),
70
+ }, /*#__PURE__*/external_react_default().createElement("i", {
71
+ className: "".concat(funcss ? funcss : "", " fas fa-spinner fa-spin text-").concat(color ? color : ""),
71
72
  style: {
72
- height: size ? size : "",
73
- width: size ? size : ""
73
+ fontSize: size ? size : ""
74
74
  }
75
75
  }));
76
76
  }
package/component/LinkWrapper.jsx CHANGED
@@ -62,9 +62,10 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_n
62
62
 
63
63
  function LinkWrapper(_ref) {
64
64
  var funcss = _ref.funcss,
65
- children = _ref.children;
65
+ children = _ref.children,
66
+ visibleLinks = _ref.visibleLinks;
66
67
  return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement("div", {
67
- className: "".concat(funcss, " linkWrapper")
68
+ className: "".concat(funcss, " linkWrapper ").concat(visibleLinks ? "visibleLinks" : "")
68
69
  }, children));
69
70
  }
70
71
  module.exports = __webpack_exports__;
package/component/NavBar.jsx CHANGED
@@ -64,11 +64,13 @@ function Navbar(_ref) {
64
64
  fixedTop = _ref.fixedTop,
65
65
  funcss = _ref.funcss,
66
66
  padding = _ref.padding,
67
- fixedBottom = _ref.fixedBottom;
67
+ fixedBottom = _ref.fixedBottom,
68
+ justify = _ref.justify;
68
69
  return /*#__PURE__*/external_react_default().createElement("div", null, /*#__PURE__*/external_react_default().createElement("nav", {
69
70
  className: "\nnavigation-bar ".concat(funcss, " \n").concat(fixedTop ? "fixedTop" : "", "\n").concat(fixedBottom ? "fixedBottom" : ""),
70
71
  style: {
71
- padding: "".concat(padding ? padding : "")
72
+ padding: "".concat(padding ? padding : ""),
73
+ justifyContent: "".concat(justify ? justify : "")
72
74
  }
73
75
  }, children));
74
76
  }
package/component/Notification.jsx ADDED
@@ -0,0 +1,82 @@
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 */ Notification)
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/Notification.js
61
+
62
+ function Notification(_ref) {
63
+ var position = _ref.position,
64
+ funcss = _ref.funcss,
65
+ animation = _ref.animation,
66
+ duration = _ref.duration,
67
+ children = _ref.children,
68
+ state = _ref.state;
69
+ if (state) {
70
+ return /*#__PURE__*/external_react_default().createElement("div", {
71
+ className: "notification ".concat(position, " ").concat(funcss),
72
+ style: {
73
+ animation: " ".concat(duration ? duration : "0.2", "s ").concat(animation)
74
+ }
75
+ }, children);
76
+ } else {
77
+ return "";
78
+ }
79
+ }
80
+ module.exports = __webpack_exports__;
81
+ /******/ })()
82
+ ;
package/component/NotificationContent.jsx ADDED
@@ -0,0 +1,71 @@
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 */ NotificationContent)
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/NotificationContent.js
61
+
62
+ function NotificationContent(_ref) {
63
+ var funcss = _ref.funcss,
64
+ children = _ref.children;
65
+ return /*#__PURE__*/external_react_default().createElement("div", {
66
+ className: "notificationContent ".concat(funcss ? funcss : "")
67
+ }, children);
68
+ }
69
+ module.exports = __webpack_exports__;
70
+ /******/ })()
71
+ ;
package/component/NotificationFooter.jsx ADDED
@@ -0,0 +1,71 @@
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 */ NotificationFooter)
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/NotificationFooter.js
61
+
62
+ function NotificationFooter(_ref) {
63
+ var funcss = _ref.funcss,
64
+ children = _ref.children;
65
+ return /*#__PURE__*/external_react_default().createElement("div", {
66
+ className: "notificationFooter ".concat(funcss ? funcss : "")
67
+ }, children);
68
+ }
69
+ module.exports = __webpack_exports__;
70
+ /******/ })()
71
+ ;
package/component/NotificationHeader.jsx ADDED
@@ -0,0 +1,71 @@
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 */ NotificationHeader)
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/NotificationHeader.js
61
+
62
+ function NotificationHeader(_ref) {
63
+ var funcss = _ref.funcss,
64
+ children = _ref.children;
65
+ return /*#__PURE__*/external_react_default().createElement("div", {
66
+ className: "notificationHeader ".concat(funcss ? funcss : "")
67
+ }, children);
68
+ }
69
+ module.exports = __webpack_exports__;
70
+ /******/ })()
71
+ ;