funuicss 1.9.13 → 1.9.14

package/component/Alert.jsx

@@ -90,7 +90,7 @@ function Alert(_ref) {
     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" : "", " \n ").concat(fixed == "top-middle" ? "top-middle" : "", " \n ").concat(fixed == "bottom-middle" ? "bottom-middle" : "", " \n ").concat(fullWidth ? "width-100-p" : "", "\n \n ")
+    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(fixed == "middle" ? "middle" : "", " \n ").concat(fullWidth ? "width-100-p" : "", "\n \n ")
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "alert-icon"
   }, !isLoading ? /*#__PURE__*/external_react_default().createElement("div", null, type === "success" && /*#__PURE__*/external_react_default().createElement("i", {

package/component/FunLoader.jsx

@@ -68,7 +68,7 @@ function FunLoader(_ref) {
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "".concat(fixed ? "fixedLoader" : "", " ").concat(backdrop && fixed ? "backdropLoader" : "", " ")
   }, /*#__PURE__*/external_react_default().createElement("i", {
-    className: "".concat(funcss ? funcss : "", " fas fa-spinner fa-spin text-").concat(color ? color : ""),
+    className: "funLoader ".concat(funcss ? funcss : "", " fas fa-spinner fa-spin text-").concat(color ? color : ""),
     style: {
       fontSize: size ? size : ""
     }

package/css/fun.css

@@ -51,14 +51,17 @@
   --largeScreen: calc(var(var(--mediumScreen)) + 1px);
   --shadowMedium:0 0.8rem 2rem 0 rgba(0, 0, 0, 0.1);
 
-  /* Darktheme effects */
-  --raiseThemes:"#FFFFFF";
+}
+
+
+
+/* DarkTheme */
+:root{
+  --raiseThemes:#FFFFFF;
   --inputOutline:var(--successLight);
   --lightThemeDark: var(--dark)
-
 }
 
-
 /* normalise css */
 * {
   font-family: var(--fontFamily);
@@ -66,7 +69,7 @@
 *,
 *::before,
 *::after {
-  box-sizing: border-box;
+  box-sizing: border-box !important;
 }
 
 @media (prefers-reduced-motion: no-preference) {
@@ -380,6 +383,7 @@ h1,
   margin-top: 0;
   margin-bottom: 0.5rem;
   line-height: 1.2;
+  font-weight: 300;
 }
 
 h1,
@@ -798,7 +802,10 @@ h6,
   }
 }
 
-
+.page{
+  min-height: 80vh;
+  padding: 2rem 0;
+}
 
 
 /*buttons*/
@@ -1062,13 +1069,12 @@ h6,
 }
 .alert.top-right , .alert.bottom-right , 
 .alert.top-left , .alert.bottom-left, .alert.top-middle ,
-.alert.bottom-middle
+.alert.bottom-middle , .middle
 {
   position: fixed;
   z-index: var(--snackBarZindex);
   box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.2);
   width: fit-content;
-  min-width: 250px;
   height: fit-content;
 }
 .alert.top-middle{
@@ -1097,6 +1103,11 @@ h6,
   bottom: 1rem;
   left: 1rem;
 }
+.alert.middle{
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
 .alert-icon > i {
   cursor: pointer;
   margin: 0;
@@ -1270,6 +1281,7 @@ input , select{height: var(--inputHeight);}
 .input:focus {
   border-bottom: 0.1rem solid var(--primaryColor);
 }
+
 .input.borderedInput {
   border: var(--border);
   border-radius: 0.3rem;
@@ -2079,18 +2091,19 @@ th {
   background-color: var(--danger);
   cursor: pointer;
 }
+
 .modal-title {
   padding: 0.5rem;
-  border-bottom: 1.5px solid #ddd;
+  border-bottom: 1.5px solid var(--borderColor);
   max-height: 70px;
   height: fit-content;
 }
 .modal-content {
-  background-color: var(--white);
+  background-color: var(--raiseThemes);
   max-width: 700px;
   width: 100%;
   border-radius: 10px;
-  background-color: var(--raiseThemes);
+
 }
 .modal-body {
   padding: 0.7rem;
@@ -2115,7 +2128,7 @@ Button,
 .notification{
   position: fixed;
   max-width: 400px;
-  background-color: var(--bd-theme);
+  background-color: var(--raiseThemes);
   width: fit-content;
   padding: 1rem;
   border-radius: 0.3rem;
@@ -2231,7 +2244,7 @@ Button,
 }
 
 /*hide and show on screen */
-@media (max-width: 600px) {
+@media(max-width: 600px) {
   .hide-small {
     display: none;
   }
@@ -2260,7 +2273,7 @@ Button,
     display: none;
   }
 }
-@media (min-width: 601px) {
+ @media (min-width: 601px) {
   .hide-medium {
     display: none;
   }
@@ -2286,7 +2299,8 @@ Button,
     display: none;
   }
 }
-@media (min-width: 101px) {
+
+@media screen and (min-width: 1001px) {
   .show-large {
     display: block;
   }
@@ -2403,14 +2417,14 @@ Button,
 
 .tooltip .tip {
   display: none;
-  width: 100%;
   min-width: 100px;
   max-width: 400px;
-  background-color: #555;
+  width: fit-content;
+  background-color: #1E1E1E;
   color: #fff;
   text-align: center;
   border-radius: 3px;
-  padding: 5px 0;
+  padding: 0.2rem 0.3rem;
   position: absolute;
   z-index: 5;
   transition: opacity 0.3s;
@@ -2458,27 +2472,14 @@ Button,
 }
 
 
-/* animations */
-.animate-underline::after {
-  position: absolute;
-  top: 25px;
-  left: 0;
-  content: "";
-  width: 0%;
-  height: 3px;
-  /* background-color: rgba(255, 255, 255, 0.6); */
-  transition: all 0.5s;
-}
-
-.animate-underline:hover::after {
-  width: 100%;
-}
 .snackbar {
   position: fixed;
   background-color: #1E1E1E;
   border-radius: 3px;
   max-width: 90%;
   width: fit-content;
+  max-height: 2.5rem;
+  height: fit-content;
   color: var(--white);
   box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.5);
   z-index: var(--snackBarZindex);
@@ -2581,19 +2582,8 @@ Button,
 
 
 /* Loader */
-.funLoading {
-  width:50px;
-  height:50px;
-  display:inline-block;
-  padding:0px;
-  border-radius:100%;
-  border:5px solid;
-  border-top-color:var(--primaryColor);
-  border-bottom-color:var(--light);
-  border-left-color:var(--primaryColor);
-  border-right-color:var(--light);
-  -webkit-animation: loader4 0.5s ease-in-out infinite;
-  animation: loader4 0.5s ease-in-out infinite;
+.funLoader{
+  color: var(--primaryColor);
 }
 .fixedLoader{
   position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "funuicss",
-  "version": "1.9.13",
+  "version": "1.9.14",
   "description": "React/Next.js component UI Library for creating Easy and good looking websites with fewer lines of code.",
   "main": "index.js",
   "keywords": ["funui" , "React Component", "Next Component", "react" , "react and next component Library"],

package/css/font/OFL.txt

@@ -1,93 +0,0 @@
-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:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded, 
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.