@vixcom/ui 1.7.3 → 1.7.5

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 vixson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/css/animations.css

@@ -48,7 +48,7 @@
 }
 .loading-anim.has-logo::after {
   content: "";
-  background-image: url("/assets/img/icon.png");
+  background-image: url("/assets/images/icon.png");
   background-size: contain;
   background-clip: border-box;
   background-repeat: no-repeat;

package/dist/css/colors.css

@@ -2627,7 +2627,7 @@ input:focus {
 }
 
 .silhouette {
-  filter: saturate(0%) brightness(500%);
+  filter: brightness(0) invert(1) sepia(1) hue-rotate(240deg) saturate(5);
 }
 
 .shadow-1::before {

package/dist/css/fonts.css

@@ -36,15 +36,18 @@ h6,
 .h6,
 .font-1 {
   --heading-size: calc(
-    var(--heading-start, 200%) -
-      (
-        5 *
+    (
+        var(--heading-start, 200%) -
           (
-            var(--heading-start, 200%) -
-              var(--heading-end, 100%)
-          ) /
-          5
-      )
+            5 *
+              (
+                var(--heading-start, 200%) -
+                  var(--heading-end, 100%)
+              ) /
+              5
+          )
+      ) *
+      var(--heading-size-r, 1)
   );
 }
 
@@ -52,15 +55,18 @@ h5,
 .h5,
 .font-2 {
   --heading-size: calc(
-    var(--heading-start, 200%) -
-      (
-        4 *
+    (
+        var(--heading-start, 200%) -
           (
-            var(--heading-start, 200%) -
-              var(--heading-end, 100%)
-          ) /
-          5
-      )
+            4 *
+              (
+                var(--heading-start, 200%) -
+                  var(--heading-end, 100%)
+              ) /
+              5
+          )
+      ) *
+      var(--heading-size-r, 1)
   );
 }
 
@@ -68,15 +74,18 @@ h4,
 .h4,
 .font-3 {
   --heading-size: calc(
-    var(--heading-start, 200%) -
-      (
-        3 *
+    (
+        var(--heading-start, 200%) -
           (
-            var(--heading-start, 200%) -
-              var(--heading-end, 100%)
-          ) /
-          5
-      )
+            3 *
+              (
+                var(--heading-start, 200%) -
+                  var(--heading-end, 100%)
+              ) /
+              5
+          )
+      ) *
+      var(--heading-size-r, 1)
   );
 }
 
@@ -84,15 +93,18 @@ h3,
 .h3,
 .font-4 {
   --heading-size: calc(
-    var(--heading-start, 200%) -
-      (
-        2 *
+    (
+        var(--heading-start, 200%) -
           (
-            var(--heading-start, 200%) -
-              var(--heading-end, 100%)
-          ) /
-          5
-      )
+            2 *
+              (
+                var(--heading-start, 200%) -
+                  var(--heading-end, 100%)
+              ) /
+              5
+          )
+      ) *
+      var(--heading-size-r, 1)
   );
 }
 
@@ -100,15 +112,18 @@ h2,
 .h2,
 .font-5 {
   --heading-size: calc(
-    var(--heading-start, 200%) -
-      (
-        1 *
+    (
+        var(--heading-start, 200%) -
           (
-            var(--heading-start, 200%) -
-              var(--heading-end, 100%)
-          ) /
-          5
-      )
+            1 *
+              (
+                var(--heading-start, 200%) -
+                  var(--heading-end, 100%)
+              ) /
+              5
+          )
+      ) *
+      var(--heading-size-r, 1)
   );
 }
 
@@ -116,15 +131,18 @@ h1,
 .h1,
 .font-6 {
   --heading-size: calc(
-    var(--heading-start, 200%) -
-      (
-        0 *
+    (
+        var(--heading-start, 200%) -
           (
-            var(--heading-start, 200%) -
-              var(--heading-end, 100%)
-          ) /
-          5
-      )
+            0 *
+              (
+                var(--heading-start, 200%) -
+                  var(--heading-end, 100%)
+              ) /
+              5
+          )
+      ) *
+      var(--heading-size-r, 1)
   );
 }
 

package/dist/css/helper/primefaces.css

@@ -17,6 +17,10 @@
   color: var(--white);
 }
 
+.p-progressbar {
+  height: 1rem;
+}
+
 .p-tabview.no-header .p-tabview-nav {
   display: none;
 }
@@ -119,9 +123,19 @@
   gap: 0.5rem;
 }
 
+.p-tree {
+  padding: 0;
+}
+.p-treenode-children {
+  padding-left: 0.75rem;
+}
+
 .p-toast {
   z-index: 5;
 }
+.p-toast-icon-close-icon {
+  padding: 0;
+}
 
 .p-badge {
   font-size: 0.75rem;
@@ -135,8 +149,12 @@
   width: 100%;
   flex: 1 1 auto;
 }
-.p-float-label :focus ~ label,
-.p-float-label .p-filled ~ label {
+.p-float-label.active label,
+.p-float-label.active .float, .p-float-label.focus-within label,
+.p-float-label.focus-within .float, .p-float-label:focus-within label,
+.p-float-label:focus-within .float, .p-float-label :focus ~ label,
+.p-float-label :focus ~ .float, .p-float-label .p-filled ~ label,
+.p-float-label .p-filled ~ .float {
   top: 0;
   transform: translateY(-100%);
 }
@@ -188,7 +206,9 @@
   border-radius: var(--border-radius);
 }
 .p-dropdown .p-dropdown-label {
-  /* display: flex; */
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
 }
 
 .p-inputswitch {
@@ -249,6 +269,11 @@
   height: 2.25rem;
 }
 
+.p-datatable-table .p-frozen-column {
+  left: 0;
+  right: 0;
+}
+
 .p-panel > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;

package/dist/css/main.css

@@ -320,7 +320,7 @@ input .input,
   /* margin: 0.25rem 0 1rem; */
   border-radius: 0.25rem;
   border: 1px solid currentColor;
-  /* width: 100%; */
+  max-width: 100%;
 }
 input .input:not(.has-addon),
 *:not(.input) > .input:not(.has-addon) {
@@ -887,7 +887,7 @@ button,
   border-radius: var(--border-radius, 0.25rem);
   padding: 0.25rem 0.75rem;
   font-size: 120%;
-  min-width: 5rem;
+  min-width: fit-content;
   gap: 0.25rem;
   justify-content: center;
   align-items: center;
@@ -895,6 +895,7 @@ button,
   text-overflow: ellipsis;
   white-space: nowrap;
   border: 1px;
+  cursor: pointer;
 }
 button:focus,
 .button:focus {

package/dist/css/variables.css

@@ -1,5 +1,6 @@
 :root {
-  --font-size: var(--o-font-size, 0.75rem);
+  --o-font-size: 0.75rem* var(--font-size-r, 1);
+  --font-size: var(--o-font-size);
   --card-shadow: var(--shadow-1);
   --background-color: #ffffff;
   --heading-start: 200%;

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vixcom/ui",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "keywords": [
     "ui",
     "styling",
@@ -13,7 +13,7 @@
     "dist/**"
   ],
   "scripts": {
-    "start": "http-server -P=http://127.0.0.1 src -p=1400 -s --cors",
+    "start": "serve src -l 1400 -nLC",
     "serve": "sass src/styles:src/css -w",
     "build": "sass --no-source-map src/styles:dist/css",
     "preview": "npm run build && firebase serve --only hosting:dashboard --port=9000",
@@ -22,8 +22,9 @@
     "publish": "npm publish"
   },
   "devDependencies": {
-    "http-server": "^14.1.1",
+    "dotenv": "^17.2.3",
     "sass": "^1.58.3",
+    "serve": "^14.2.5",
     "tailwindcss": "^3.2.7"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vixcom/ui",
-  "version": "1.7.3",
+  "version": "1.7.5",
   "keywords": [
     "ui",
     "styling",
@@ -13,7 +13,7 @@
     "dist/**"
   ],
   "scripts": {
-    "start": "http-server -P=http://127.0.0.1 src -p=1400 -s --cors",
+    "start": "serve src -l 1400 -nLC",
     "serve": "sass src/styles:src/css -w",
     "build": "sass --no-source-map src/styles:dist/css",
     "preview": "npm run build && firebase serve --only hosting:dashboard --port=9000",
@@ -22,8 +22,9 @@
     "publish": "npm publish"
   },
   "devDependencies": {
-    "http-server": "^14.1.1",
+    "dotenv": "^17.2.3",
     "sass": "^1.58.3",
+    "serve": "^14.2.5",
     "tailwindcss": "^3.2.7"
   }
 }