@vixcom/ui 1.7.1 → 1.7.3

package/dist/css/animations.css

@@ -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;
 }
@@ -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

@@ -139,5 +139,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 */

package/dist/css/helper/primefaces.css

@@ -1,3 +1,7 @@
+.p-component {
+  grid-row: unset;
+  grid-column: unset;
+}
 .p-component,
 .p-component [class^=p-]:not(.pi) {
   /* size: var(--o-font-size); */
@@ -51,6 +55,10 @@
 .p-dialog .p-confirm-dialog .p-confirm-dialog-icon {
   font-size: 300%;
 }
+.p-dialog-title {
+  font-size: 120%;
+  font-weight: 400;
+}
 .p-dialog-header {
   display: flex;
   align-items: center;
@@ -84,24 +92,33 @@
 }
 
 .p-overlaypanel {
-  display: flex;
-  flex-direction: column;
   max-width: 100%;
   max-height: 100%;
   z-index: 1;
 }
-.p-overlaypanel .p-overlaypanel-content {
-  display: flex;
-  flex-direction: column;
+.p-overlaypanel-content {
   min-height: 100%;
 }
-.p-overlaypanel .p-overlaypanel-content > header,
-.p-overlaypanel .p-overlaypanel-content > footer {
+.p-overlaypanel-content > header,
+.p-overlaypanel-content > footer {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
 
+.p-dialog ul,
+.p-overlaypanel ul {
+  list-style: inside;
+}
+
+.p-overlaypanel,
+.p-overlaypanel-content {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 0.5rem;
+}
+
 .p-toast {
   z-index: 5;
 }
@@ -113,6 +130,11 @@
 .p-float-label, .p-float-label.p-inputgroup {
   display: flex;
 }
+.p-float-label > .p-inputtext,
+.p-float-label > .p-inputwrapper {
+  width: 100%;
+  flex: 1 1 auto;
+}
 .p-float-label :focus ~ label,
 .p-float-label .p-filled ~ label {
   top: 0;
@@ -184,19 +206,10 @@
   transform: translate(0, -50%);
 }
 
-.p-dropdown,
-.p-calendar,
-.p-password,
-.p-inputtext,
-.p-inputnumber {
+.p-chart {
   width: 100%;
-  flex: 1 1 auto;
 }
-
-p-chart {
-  width: 100%;
-}
-p-chart canvas {
+.p-chart canvas {
   width: 100%;
   min-width: 100%;
 }
@@ -323,7 +336,7 @@ p-chart canvas {
   text-transform: capitalize;
 }
 .p-datatable-thead > tr > th, .p-datatable-tbody > tr > td {
-  /* max-width: 1px; */
+  max-width: 1px;
   padding: 0.5rem;
 }
 .p-datatable-thead > tr > th .p-row-toggler, .p-datatable-tbody > tr > td .p-row-toggler {
@@ -348,16 +361,15 @@ p-chart canvas {
   display: flex;
 }
 .p-selectbutton > .p-button {
-  flex: 1 1 100%;
+  /* flex: 1 1 100%; */
 }
 
 .p-button {
   width: unset;
-  /* min-width: 2.5rem; */
-  /* text-transform: capitalize; */
 }
 .p-button:hover {
-  background-color: hsl(var(--primary-hs), calc(var(--primary-l) - 20%));
+  /* background-color: hsl(var(--primary-hs), calc(var(--primary-l) - 20%)); */
+  /* color: var(--primary-c); */
 }
 
 .p-hidden-accessible {
@@ -378,5 +390,3 @@ p-chart canvas {
     right: 0.5rem;
   }
 }
-
-/*# sourceMappingURL=primefaces.css.map */

package/dist/css/helper/tailwindcss.css

@@ -1,6 +1 @@
-.grid > div {
-  padding-left: 1rem;
-  padding-right: 1rem;
-}
 
-/*# sourceMappingURL=tailwindcss.css.map */

package/dist/css/icons/external/bootstrap.icons.css

@@ -7834,5 +7834,3 @@
 .bi-wikipedia::before {
   content: "\f8cc";
 }
-
-/*# sourceMappingURL=bootstrap.icons.css.map */

package/dist/css/icons/external/fontawesome.icons.css

@@ -6118,5 +6118,3 @@ readers do not read off random characters that represent icons */
   font-family: "Font Awesome";
   font-weight: 400;
 }
-
-/*# sourceMappingURL=fontawesome.icons.css.map */

package/dist/css/icons/external/material-design.icons.css

@@ -5723,5 +5723,3 @@
 .mdi-vertical_distribute:before {
   content: "\ee8f";
 }
-
-/*# sourceMappingURL=material-design.icons.css.map */

package/dist/css/icons/external/themify.icons.css

@@ -1424,5 +1424,3 @@
 .ti-rss-alt:before {
   content: "\e75f";
 }
-
-/*# sourceMappingURL=themify.icons.css.map */

package/dist/css/index.css

@@ -18,5 +18,3 @@
   src: url("/fonts/Roboto-Regular.ttf");
   font-weight: normal;
 }
-
-/*# sourceMappingURL=index.css.map */