funuicss 1.9.5 → 1.9.7

package/component/Alert.jsx

@@ -63,9 +63,13 @@ function Alert(_ref) {
   var message = _ref.message,
     funcss = _ref.funcss,
     type = _ref.type,
-    outlined = _ref.outlined;
+    outlined = _ref.outlined,
+    fixed = _ref.fixed;
   return /*#__PURE__*/external_react_default().createElement("div", null, outlined ? /*#__PURE__*/external_react_default().createElement("div", {
-    className: "alert ".concat(type, "-outline")
+    style: {
+      animation: " ".concat(0.3, "s ", "ScaleUp")
+    },
+    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 ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "alert-icon"
   }, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {
@@ -79,7 +83,10 @@ function Alert(_ref) {
   })), /*#__PURE__*/external_react_default().createElement("div", {
     className: "alert-text"
   }, message)) : "", !outlined ? /*#__PURE__*/external_react_default().createElement("div", {
-    className: "alert ".concat(funcss, " ").concat(type, " ")
+    style: {
+      animation: " ".concat(0.3, "s ", "ScaleUp")
+    },
+    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" : "", " ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "alert-icon"
   }, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {

package/component/Input.jsx

@@ -59,7 +59,6 @@ const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
 ;// CONCATENATED MODULE: ../Funcss/Components/Input.js
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -85,8 +84,9 @@ var Input = /*#__PURE__*/function (_Component) {
     value: function render() {
       if (this.props.select) {
         if (this.props.bordered) {
-          return /*#__PURE__*/external_react_default().createElement("select", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        bordered\n        "),
+          return /*#__PURE__*/external_react_default().createElement("select", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderedInput\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -96,15 +96,16 @@ var Input = /*#__PURE__*/function (_Component) {
               width: "".concat(this.props.fullWidth ? "100%" : "")
             },
             value: this.props.value
-          }), this.props.options ? this.props.options.map(function (doc) {
+          }, this.props.options ? this.props.options.map(function (doc) {
             return /*#__PURE__*/external_react_default().createElement("option", {
               value: doc.value,
               key: doc.value
             }, doc.text);
           }) : "");
         } else if (this.props.bordereless) {
-          return /*#__PURE__*/external_react_default().createElement("select", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderless\n        "),
+          return /*#__PURE__*/external_react_default().createElement("select", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderless\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -115,15 +116,16 @@ var Input = /*#__PURE__*/function (_Component) {
               borderRadius: "".concat(this.props.rounded ? "400rem" : ""),
               width: "".concat(this.props.fullWidth ? "100%" : "")
             }
-          }), this.props.options ? this.props.options.map(function (doc) {
+          }, this.props.options ? this.props.options.map(function (doc) {
             return /*#__PURE__*/external_react_default().createElement("option", {
               value: doc.value,
               key: doc.value
             }, doc.text);
           }) : "");
         } else {
-          return /*#__PURE__*/external_react_default().createElement("select", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        "),
+          return /*#__PURE__*/external_react_default().createElement("select", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -134,7 +136,7 @@ var Input = /*#__PURE__*/function (_Component) {
               borderRadius: "".concat(this.props.rounded ? "400rem" : ""),
               width: "".concat(this.props.fullWidth ? "100%" : "")
             }
-          }), this.props.options ? this.props.options.map(function (doc) {
+          }, this.props.options ? this.props.options.map(function (doc) {
             return /*#__PURE__*/external_react_default().createElement("option", {
               value: doc.value,
               key: doc.value
@@ -143,8 +145,9 @@ var Input = /*#__PURE__*/function (_Component) {
         }
       } else if (this.props.multiline) {
         if (this.props.bordered) {
-          return /*#__PURE__*/external_react_default().createElement("textarea", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        bordered\n        "),
+          return /*#__PURE__*/external_react_default().createElement("textarea", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderedInput\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -156,10 +159,11 @@ var Input = /*#__PURE__*/function (_Component) {
             },
             value: this.props.value,
             rows: this.props.rows ? this.props.rows : 2
-          }));
+          });
         } else if (this.props.bordereless) {
-          return /*#__PURE__*/external_react_default().createElement("textarea", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderless\n        "),
+          return /*#__PURE__*/external_react_default().createElement("textarea", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderless\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -171,10 +175,11 @@ var Input = /*#__PURE__*/function (_Component) {
               width: "".concat(this.props.fullWidth ? "100%" : "")
             },
             rows: this.props.rows ? this.props.rows : 2
-          }));
+          });
         } else {
-          return /*#__PURE__*/external_react_default().createElement("textarea", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        "),
+          return /*#__PURE__*/external_react_default().createElement("textarea", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -186,12 +191,13 @@ var Input = /*#__PURE__*/function (_Component) {
               width: "".concat(this.props.fullWidth ? "100%" : "")
             },
             rows: this.props.rows ? this.props.rows : 2
-          }));
+          });
         }
       } else {
         if (this.props.bordered) {
-          return /*#__PURE__*/external_react_default().createElement("input", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        bordered\n        "),
+          return /*#__PURE__*/external_react_default().createElement("input", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderedInput\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -202,10 +208,11 @@ var Input = /*#__PURE__*/function (_Component) {
               width: "".concat(this.props.fullWidth ? "100%" : "")
             },
             value: this.props.value
-          }));
+          });
         } else if (this.props.bordereless) {
-          return /*#__PURE__*/external_react_default().createElement("input", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderless\n        "),
+          return /*#__PURE__*/external_react_default().createElement("input", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        borderless\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -216,10 +223,11 @@ var Input = /*#__PURE__*/function (_Component) {
               borderRadius: "".concat(this.props.rounded ? "400rem" : ""),
               width: "".concat(this.props.fullWidth ? "100%" : "")
             }
-          }));
+          });
         } else {
-          return /*#__PURE__*/external_react_default().createElement("input", _extends({}, this.props.disabled ? "disabled" : "", {
-            className: "\n        input\n        ".concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        "),
+          return /*#__PURE__*/external_react_default().createElement("input", {
+            id: this.props.id,
+            className: "\n        ".concat(this.props.status === "success" ? "success-input" : "", "\n        ").concat(this.props.status === "warning" ? "warning-input" : "", "\n        ").concat(this.props.status === "danger" ? "danger-input" : "", "\n        input\n        ").concat(this.props.funcss, " ").concat(this.props.flat ? "flat" : "", "\n        ").concat(this.props.leftRounded ? "leftRounded" : this.props.rightRounded ? "rightRounded" : "", "\n        "),
             onChange: this.props.onChange,
             defaultValue: this.props.defaultValue,
             type: this.props.type,
@@ -230,7 +238,7 @@ var Input = /*#__PURE__*/function (_Component) {
               borderRadius: "".concat(this.props.rounded ? "400rem" : ""),
               width: "".concat(this.props.fullWidth ? "100%" : "")
             }
-          }));
+          });
         }
       }
     }

package/component/Typography.jsx

@@ -71,9 +71,11 @@ function Typography(_ref) {
     funcss = _ref.funcss,
     emp = _ref.emp,
     bold = _ref.bold,
-    block = _ref.block;
+    block = _ref.block,
+    body = _ref.body,
+    article = _ref.article;
   return /*#__PURE__*/external_react_default().createElement("span", {
-    className: "\ntext-".concat(size, " \ntext-").concat(color, "\n").concat(bg, "\nhover-text-").concat(hoverText, "\nhover-").concat(hoverBg, "\n").concat(heading, "\n").concat(funcss, "\n").concat(emp ? "emp" : "", "\n").concat(bold ? "bold" : "", "\n"),
+    className: "\ntext-".concat(size, " \ntext-").concat(color, "\n").concat(bg, "\nhover-text-").concat(hoverText, "\nhover-").concat(hoverBg, "\n").concat(heading, "\n").concat(body ? "body" : "", "\n").concat(article ? "article" : "", "\n").concat(funcss, "\n").concat(emp ? "emp" : "", "\n").concat(bold ? "bold" : "", "\n"),
     style: {
       display: block ? "block" : "",
       transition: "0.2s linear",

package/css/{Maven_Pro → font}/OFL.txt

@@ -1,4 +1,4 @@
-Copyright 2011 The Maven Pro Project Authors (http://www.vissol.co.uk/mavenpro/), with Reserved Font Name "Maven Pro".
+Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at: