@vixcom/ui 1.7.2 → 1.7.4

package/dist/assets/img/avatar.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 594 594" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><circle id="Avatar" cx="296.789" cy="296.789" r="296.789" style="fill:#fff;"/><clipPath id="_clip1"><circle cx="296.789" cy="296.789" r="296.789"/></clipPath><g clip-path="url(#_clip1)"><path d="M296.789,353.398c163.802,0 296.788,53.81 296.788,120.09c0,66.279 -132.986,120.089 -296.788,120.089c-163.803,0 -296.789,-53.81 -296.789,-120.089c0,-66.28 132.986,-120.09 296.789,-120.09Zm-0,-259.595c66.279,0 120.089,53.811 120.089,120.09c0,66.279 -53.81,120.089 -120.089,120.089c-66.28,0 -120.09,-53.81 -120.09,-120.089c0,-66.279 53.81,-120.09 120.09,-120.09Z" style="fill:#404040;"/></g></svg>

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;
@@ -139,7 +139,7 @@
     transform: rotate(1turn);
   }
 }
-@keyframes zoom-in-logo {
+@keyframes zoom-in {
   from {
     transform-origin: center;
     transform: scale(0);
@@ -164,11 +164,9 @@
   display: flex;
 }
 
-.show[class*=collapse-icon],
-.show [class*=collapse-icon],
-.collapsed[class*=collapse-icon],
-.collapsed [class*=collapse-icon] {
+.show[class~=collapse-icon],
+.show [class~=collapse-icon],
+.collapsed[class~=collapse-icon],
+.collapsed [class~=collapse-icon] {
   transform: rotateX(-0.5turn);
 }
-
-/*# sourceMappingURL=animations.css.map */

package/dist/css/colors.css

@@ -8,7 +8,8 @@
 * {color}-c = The corresponding Text color of the color, if it is used as a background.
 */
 .text-default {
-  color: var(--default, #5b5b5b);
+  --color: var(--default, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-default:hover, button.text-default:hover, .link.text-default:hover {
@@ -119,11 +120,13 @@ a.bg-outline-default.active, a.bg-outline-default:active, button.bg-outline-defa
 }
 
 .border-default {
-  border-color: #5b5b5b;
+  border-style: solid;
+  border-color: var(--default, #5b5b5b);
 }
 
 .text-accent {
-  color: var(--accent, #bfbfbf);
+  --color: var(--accent, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-accent:hover, button.text-accent:hover, .link.text-accent:hover {
@@ -234,11 +237,13 @@ a.bg-outline-accent.active, a.bg-outline-accent:active, button.bg-outline-accent
 }
 
 .border-accent {
-  border-color: #bfbfbf;
+  border-style: solid;
+  border-color: var(--accent, #bfbfbf);
 }
 
 .text-primary {
-  color: var(--primary, #34a853);
+  --color: var(--primary, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-primary:hover, button.text-primary:hover, .link.text-primary:hover {
@@ -349,11 +354,13 @@ a.bg-outline-primary.active, a.bg-outline-primary:active, button.bg-outline-prim
 }
 
 .border-primary {
-  border-color: #34a853;
+  border-style: solid;
+  border-color: var(--primary, #34a853);
 }
 
 .text-secondary {
-  color: var(--secondary, #5c2b6d);
+  --color: var(--secondary, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-secondary:hover, button.text-secondary:hover, .link.text-secondary:hover {
@@ -464,11 +471,13 @@ a.bg-outline-secondary.active, a.bg-outline-secondary:active, button.bg-outline-
 }
 
 .border-secondary {
-  border-color: #5c2b6d;
+  border-style: solid;
+  border-color: var(--secondary, #5c2b6d);
 }
 
 .text-white {
-  color: var(--white, #ffffff);
+  --color: var(--white, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-white:hover, button.text-white:hover, .link.text-white:hover {
@@ -579,11 +588,13 @@ a.bg-outline-white.active, a.bg-outline-white:active, button.bg-outline-white.ac
 }
 
 .border-white {
-  border-color: #ffffff;
+  border-style: solid;
+  border-color: var(--white, #ffffff);
 }
 
 .text-light {
-  color: var(--light, #f8f9fa);
+  --color: var(--light, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-light:hover, button.text-light:hover, .link.text-light:hover {
@@ -694,11 +705,13 @@ a.bg-outline-light.active, a.bg-outline-light:active, button.bg-outline-light.ac
 }
 
 .border-light {
-  border-color: #f8f9fa;
+  border-style: solid;
+  border-color: var(--light, #f8f9fa);
 }
 
 .text-black {
-  color: var(--black, #000000);
+  --color: var(--black, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-black:hover, button.text-black:hover, .link.text-black:hover {
@@ -809,11 +822,13 @@ a.bg-outline-black.active, a.bg-outline-black:active, button.bg-outline-black.ac
 }
 
 .border-black {
-  border-color: #000000;
+  border-style: solid;
+  border-color: var(--black, #000000);
 }
 
 .text-dark {
-  color: var(--dark, #343a40);
+  --color: var(--dark, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-dark:hover, button.text-dark:hover, .link.text-dark:hover {
@@ -924,11 +939,13 @@ a.bg-outline-dark.active, a.bg-outline-dark:active, button.bg-outline-dark.activ
 }
 
 .border-dark {
-  border-color: #343a40;
+  border-style: solid;
+  border-color: var(--dark, #343a40);
 }
 
 .text-silver {
-  color: var(--silver, #bfbfbf);
+  --color: var(--silver, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-silver:hover, button.text-silver:hover, .link.text-silver:hover {
@@ -1039,11 +1056,13 @@ a.bg-outline-silver.active, a.bg-outline-silver:active, button.bg-outline-silver
 }
 
 .border-silver {
-  border-color: #bfbfbf;
+  border-style: solid;
+  border-color: var(--silver, #bfbfbf);
 }
 
 .text-gold {
-  color: var(--gold, #ffd700);
+  --color: var(--gold, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-gold:hover, button.text-gold:hover, .link.text-gold:hover {
@@ -1154,11 +1173,13 @@ a.bg-outline-gold.active, a.bg-outline-gold:active, button.bg-outline-gold.activ
 }
 
 .border-gold {
-  border-color: #ffd700;
+  border-style: solid;
+  border-color: var(--gold, #ffd700);
 }
 
 .text-info {
-  color: var(--info, #17a2b8);
+  --color: var(--info, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-info:hover, button.text-info:hover, .link.text-info:hover {
@@ -1269,11 +1290,13 @@ a.bg-outline-info.active, a.bg-outline-info:active, button.bg-outline-info.activ
 }
 
 .border-info {
-  border-color: #17a2b8;
+  border-style: solid;
+  border-color: var(--info, #17a2b8);
 }
 
 .text-error {
-  color: var(--error, #dc3545);
+  --color: var(--error, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-error:hover, button.text-error:hover, .link.text-error:hover {
@@ -1384,11 +1407,13 @@ a.bg-outline-error.active, a.bg-outline-error:active, button.bg-outline-error.ac
 }
 
 .border-error {
-  border-color: #dc3545;
+  border-style: solid;
+  border-color: var(--error, #dc3545);
 }
 
 .text-success {
-  color: var(--success, #24b624);
+  --color: var(--success, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-success:hover, button.text-success:hover, .link.text-success:hover {
@@ -1499,11 +1524,13 @@ a.bg-outline-success.active, a.bg-outline-success:active, button.bg-outline-succ
 }
 
 .border-success {
-  border-color: #24b624;
+  border-style: solid;
+  border-color: var(--success, #24b624);
 }
 
 .text-warn {
-  color: var(--warn, #ffa500);
+  --color: var(--warn, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-warn:hover, button.text-warn:hover, .link.text-warn:hover {
@@ -1614,11 +1641,13 @@ a.bg-outline-warn.active, a.bg-outline-warn:active, button.bg-outline-warn.activ
 }
 
 .border-warn {
-  border-color: #ffa500;
+  border-style: solid;
+  border-color: var(--warn, #ffa500);
 }
 
 .text-red {
-  color: var(--red, #c54646);
+  --color: var(--red, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-red:hover, button.text-red:hover, .link.text-red:hover {
@@ -1729,11 +1758,13 @@ a.bg-outline-red.active, a.bg-outline-red:active, button.bg-outline-red.active,
 }
 
 .border-red {
-  border-color: #c54646;
+  border-style: solid;
+  border-color: var(--red, #c54646);
 }
 
 .text-orange {
-  color: var(--orange, #f58220);
+  --color: var(--orange, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-orange:hover, button.text-orange:hover, .link.text-orange:hover {
@@ -1844,11 +1875,13 @@ a.bg-outline-orange.active, a.bg-outline-orange:active, button.bg-outline-orange
 }
 
 .border-orange {
-  border-color: #f58220;
+  border-style: solid;
+  border-color: var(--orange, #f58220);
 }
 
 .text-yellow {
-  color: var(--yellow, #c4c400);
+  --color: var(--yellow, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-yellow:hover, button.text-yellow:hover, .link.text-yellow:hover {
@@ -1959,11 +1992,13 @@ a.bg-outline-yellow.active, a.bg-outline-yellow:active, button.bg-outline-yellow
 }
 
 .border-yellow {
-  border-color: #c4c400;
+  border-style: solid;
+  border-color: var(--yellow, #c4c400);
 }
 
 .text-green {
-  color: var(--green, #1d5c2e);
+  --color: var(--green, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-green:hover, button.text-green:hover, .link.text-green:hover {
@@ -2074,11 +2109,13 @@ a.bg-outline-green.active, a.bg-outline-green:active, button.bg-outline-green.ac
 }
 
 .border-green {
-  border-color: #1d5c2e;
+  border-style: solid;
+  border-color: var(--green, #1d5c2e);
 }
 
 .text-blue {
-  color: var(--blue, #0365a3);
+  --color: var(--blue, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-blue:hover, button.text-blue:hover, .link.text-blue:hover {
@@ -2189,11 +2226,13 @@ a.bg-outline-blue.active, a.bg-outline-blue:active, button.bg-outline-blue.activ
 }
 
 .border-blue {
-  border-color: #0365a3;
+  border-style: solid;
+  border-color: var(--blue, #0365a3);
 }
 
 .text-cyan {
-  color: var(--cyan, #16f1d9);
+  --color: var(--cyan, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-cyan:hover, button.text-cyan:hover, .link.text-cyan:hover {
@@ -2304,11 +2343,13 @@ a.bg-outline-cyan.active, a.bg-outline-cyan:active, button.bg-outline-cyan.activ
 }
 
 .border-cyan {
-  border-color: #16f1d9;
+  border-style: solid;
+  border-color: var(--cyan, #16f1d9);
 }
 
 .text-purple {
-  color: var(--purple, #561843);
+  --color: var(--purple, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-purple:hover, button.text-purple:hover, .link.text-purple:hover {
@@ -2419,11 +2460,13 @@ a.bg-outline-purple.active, a.bg-outline-purple:active, button.bg-outline-purple
 }
 
 .border-purple {
-  border-color: #561843;
+  border-style: solid;
+  border-color: var(--purple, #561843);
 }
 
 .text-muted {
-  color: var(--muted, #7d7d7d);
+  --color: var(--muted, map-get($v, "bg"));
+  color: var(--color);
 }
 
 a.text-muted:hover, button.text-muted:hover, .link.text-muted:hover {
@@ -2534,7 +2577,8 @@ a.bg-outline-muted.active, a.bg-outline-muted:active, button.bg-outline-muted.ac
 }
 
 .border-muted {
-  border-color: #7d7d7d;
+  border-style: solid;
+  border-color: var(--muted, #7d7d7d);
 }
 
 .opacity-0 {
@@ -2574,14 +2618,6 @@ input:focus {
   color: currentColor;
 }
 
-.bg-current,
-.btn-current,
-.tabs-current,
-.alert-current {
-  border: none;
-  background-color: currentColor;
-}
-
 .bg-inherit {
   background-color: inherit;
 }
@@ -2591,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 {
@@ -2602,21 +2638,21 @@ input:focus {
   box-shadow: inset var(--black) 0 3px 9px -3px;
 }
 
-[class*=shadow-] {
+[class~=shadow-] {
   position: relative;
   z-index: 1;
 }
-[class*=shadow-] > * {
+[class~=shadow-] > * {
   position: relative;
 }
-[class*=shadow-] {
+[class~=shadow-] {
   position: relative;
 }
-[class*=shadow-] > * {
+[class~=shadow-] > * {
   /* position: relative; */
   /* z-index: 1; */
 }
-[class*=shadow-]::before {
+[class~=shadow-]::before {
   content: "";
   display: flex;
   align-items: center;
@@ -2629,7 +2665,7 @@ input:focus {
   left: 0;
   /* z-index: -1; */
 }
-[class*=shadow-]::before:not(img::before, img::after) {
+[class~=shadow-]::before:not(img::before, img::after) {
   content: "";
 }
 
@@ -2637,9 +2673,3 @@ input:focus {
 .text-color-unset {
   color: unset;
 }
-
-.text-current {
-  color: currentColor;
-}
-
-/*# sourceMappingURL=colors.css.map */

package/dist/css/external/bootstrap-grid.css

@@ -4051,5 +4051,3 @@
   }
 }
 
-
-/*# sourceMappingURL=bootstrap-grid.css.map */

package/dist/css/external/bootstrap.css

@@ -9578,5 +9578,3 @@ a.text-dark:hover {
     border: 1px solid #ddd;
   }
 }
-
-/*# sourceMappingURL=bootstrap.css.map */

package/dist/css/external/mdb.css

@@ -8807,5 +8807,3 @@ table.table-sm td {
   padding-top: 0.6rem;
   padding-bottom: 0.6rem;
 }
-
-/*# sourceMappingURL=mdb.css.map */

package/dist/css/external/owl-carousel.css

@@ -214,5 +214,3 @@
   height: 100%;
   width: 100%;
 }
-
-/*# sourceMappingURL=owl-carousel.css.map */

package/dist/css/external/tailwindcss.css

@@ -1,3 +1 @@
 
-
-/*# sourceMappingURL=tailwindcss.css.map */

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)
   );
 }
 
@@ -139,5 +157,3 @@ h1,
 .font-lg {
   font-size: 250%;
 }
-
-/*# sourceMappingURL=fonts.css.map */

package/dist/css/grid.css

@@ -2,5 +2,3 @@
   display: grid;
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
-
-/*# sourceMappingURL=grid.css.map */

package/dist/css/helper/index.css

@@ -2,5 +2,3 @@
 .jse-main button {
   min-width: unset;
 }
-
-/*# sourceMappingURL=index.css.map */

package/dist/css/helper/owl.carousel.css

@@ -71,5 +71,3 @@
 .owl-carousel .owl-dots .owl-dot + .owl-dot {
   margin-left: 0.5rem;
 }
-
-/*# sourceMappingURL=owl.carousel.css.map */