@vixcom/ui 1.0.0 → 1.2.0

package/{css → src/css}/helper/primefaces.css

@@ -1,276 +1,286 @@
-.p-component {
-  font-size: 100%;
-  font-family: unset;
-}
-
-.p-steps .p-steps-item.p-highlight .p-steps-number {
-  background-color: var(--secondary) !important;
-}
-.p-steps .p-steps-item .p-steps-number {
-  background-color: var(--primary) !important;
-  color: var(--white) !important;
-}
-
-.p-tabview.no-header .p-tabview-nav {
-  display: none;
-}
-.p-tabview .p-tabview-nav {
-  align-items: stretch;
-  flex-wrap: nowrap;
-  overflow-x: scroll;
-  border: none !important;
-}
-.p-tabview .p-tabview-nav li {
-  min-width: 20%;
-}
-.p-tabview .p-tabview-nav li.p-highlight {
-  min-width: 30%;
-}
-.p-tabview .p-tabview-nav li .p-tabview-nav-link {
-  height: 100%;
-}
-
-.p-dialog-mask,
-.p-component-overlay,
-.p-dialog-mask.p-component-overlay {
-  z-index: 4;
-}
-
-.p-dialog {
-  min-width: 50%;
-  max-width: 95%;
-  max-height: 95%;
-  z-index: 1;
-}
-.p-dialog .p-confirm-dialog .p-confirm-dialog-icon {
-  font-size: 300%;
-}
-.p-dialog .p-dialog-header {
-  border-top-left-radius: inherit;
-  border-top-right-radius: inherit;
-}
-.p-dialog .p-dialog-header .p-dialog-header-close:hover {
-  color: var(--danger) !important;
-}
-.p-dialog .p-dialog-content {
-  padding: 0.25rem 1.5rem;
-}
-.p-dialog .p-dialog-footer {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: flex-end;
-  padding: 1.5rem;
-  gap: 0.5rem;
-}
-.p-dialog .p-dialog-footer button {
-  border: none;
-  padding: 0.5rem 1.25rem;
-}
-.p-dialog .p-dialog-footer .btn {
-  margin: 0;
-}
-.p-dialog .p-dialog-footer .btn + .btn {
-  margin-left: 0.5rem;
-}
-.p-dialog .p-dialog-footer > * {
-  margin-top: 1rem;
-}
-
-.p-overlaypanel {
-  display: flex;
-  flex-direction: column;
-  max-width: 100%;
-  max-height: 100%;
-  z-index: 1 !important;
-}
-.p-overlaypanel .p-overlaypanel-content {
-  display: flex;
-  flex-direction: column;
-  min-height: 100%;
-}
-
-.p-toast {
-  z-index: 5 !important;
-}
-
-.p-badge {
-  font-size: 0.75rem !important;
-}
-
-.input > .p-inputtext {
-  padding: 0;
-  color: unset;
-  font-size: unset;
-}
-
-.p-inputtext {
-  width: 100%;
-}
-.p-inputtext:enabled {
-  margin-bottom: 0;
-}
-.p-inputtext:enabled :hover {
-  border-color: unset;
-}
-
-.p-dropdown {
-  border-color: currentColor;
-}
-
-*:not(.p-paginator) > .p-dropdown {
-  width: 100%;
-}
-
-p-chart {
-  width: 100% !important;
-}
-p-chart canvas {
-  width: 100% !important;
-  min-width: 100% !important;
-}
-
-.p-calendar {
-  /* width: 100%; */
-}
-.p-calendar .p-datepicker {
-  min-width: unset;
-}
-.p-calendar .p-datepicker .p-datepicker-header .p-datepicker-month {
-  border: none;
-}
-.p-calendar .p-datepicker:not(.p-datepicker-inline) {
-  box-shadow: unset;
-}
-.p-calendar .p-datepicker:not(.p-datepicker-inline) > * {
-  position: relative;
-}
-.p-calendar .p-datepicker:not(.p-datepicker-inline)::before {
-  content: "";
-  display: block;
-  height: 100%;
-  width: 100%;
-  position: absolute;
-  box-shadow: var(--card-shadow);
-  border-radius: inherit;
-  top: 0;
-  left: 0;
-  z-index: 0;
-}
-.p-calendar .p-datepicker table td > span {
-  width: 2.25rem;
-  height: 2.25rem;
-}
-.p-calendar .p-datepicker .p-datepicker-buttonbar {
-  padding: 0;
-}
-
-.p-panel > :first-child {
-  border-top-left-radius: inherit !important;
-  border-top-right-radius: inherit !important;
-}
-.p-panel > :last-child {
-  border-bottom-left-radius: inherit !important;
-  border-bottom-right-radius: inherit !important;
-}
-.p-panel + .p-panel {
-  margin-top: 1rem;
-}
-
-.p-accordion .p-accordion-header-link {
-  border-radius: inherit !important;
-}
-
-.p-carousel {
-  width: 100%;
-}
-.p-carousel .p-carousel-container {
-  position: relative;
-}
-.p-carousel .p-carousel-container .p-carousel-prev,
-.p-carousel .p-carousel-container .p-carousel-next {
-  position: absolute;
-  box-shadow: var(--card-shadow);
-  z-index: 1;
-}
-.p-carousel .p-carousel-container .p-carousel-next {
-  right: 0;
-}
-.p-carousel .p-carousel-items-content {
-  /* padding: 1rem; */
-  position: relative;
-  z-index: 0;
-}
-.p-carousel .p-carousel-items-content .p-carousel-items-container {
-  gap: 0.5rem;
-}
-.p-carousel .p-carousel-items-content .p-carousel-items-container .p-carousel-item {
-  display: flex;
-  justify-content: center;
-  /* padding: 0 0.5rem; */
-  /* border: thin solid transparent; */
-}
-.p-carousel .p-carousel-items-content .p-carousel-items-container .p-carousel-item:hover {
-  border-color: var(--primary);
-}
-.p-carousel .p-carousel-items-content .p-carousel-item-active:nth-of-type(2) {
-  /* padding: 0 0.125rem; */
-}
-.p-carousel .p-carousel-indicators .p-carousel-indicator button {
-  border: none;
-  height: 0.25rem !important;
-  border-radius: 0.125rem !important;
-}
-
-.p-paginator-left-content {
-  margin-right: none;
-}
-.p-paginator-right-content {
-  margin-left: none;
-}
-
-@media (max-width: 575.98px) {
-  .p-dialog {
-    min-width: 95%;
-  }
-  .p-dialog .p-dialog-footer p-footer {
-    /* justify-content: center; */
-    /* flex-direction: column; */
-  }
-
-  .p-toast {
-    width: auto !important;
-    left: 0.5rem !important;
-    right: 0.5rem !important;
-  }
-}
-.p-message .p-message-icon {
-  margin-right: 1rem;
-}
-
-.p-toast .p-toast-message .p-toast-icon-close {
-  min-width: 2rem;
-  border: none !important;
-}
-
-.p-selectbutton {
-  display: flex;
-}
-.p-selectbutton > .p-button {
-  width: 100%;
-  padding: 1rem;
-}
-
-.p-button {
-  font-size: 120%;
-  border-color: unset;
-  background-color: unset;
-}
-.p-button:hover {
-  background-color: hsl(var(--primary-hs), calc(var(--primary-l) - 20%));
-}
-
-.p-hidden-accessible {
-  display: none;
-}
-
-/*# sourceMappingURL=primefaces.css.map */
+.p-component {
+  font-size: 100%;
+  font-family: unset;
+}
+
+.p-steps .p-steps-item.p-highlight .p-steps-number {
+  background-color: var(--secondary);
+}
+.p-steps .p-steps-item .p-steps-number {
+  background-color: var(--primary);
+  color: var(--white);
+}
+
+.p-tabview.no-header .p-tabview-nav {
+  display: none;
+}
+.p-tabview .p-tabview-nav {
+  align-items: stretch;
+  flex-wrap: nowrap;
+  overflow-x: scroll;
+  border: none;
+}
+.p-tabview .p-tabview-nav li {
+  min-width: 20%;
+}
+.p-tabview .p-tabview-nav li.p-highlight {
+  min-width: 30%;
+}
+.p-tabview .p-tabview-nav li .p-tabview-nav-link {
+  height: 100%;
+}
+
+.p-dialog-mask,
+.p-component-overlay,
+.p-dialog-mask.p-component-overlay {
+  z-index: 4;
+}
+
+.p-dialog {
+  min-width: 50%;
+  max-width: 95%;
+  max-height: 95%;
+  z-index: 1;
+}
+.p-dialog .p-confirm-dialog .p-confirm-dialog-icon {
+  font-size: 300%;
+}
+.p-dialog .p-dialog-header {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.p-dialog .p-dialog-header .p-dialog-header-close:hover {
+  color: var(--danger);
+}
+.p-dialog .p-dialog-content {
+  padding: 0.25rem 1.5rem;
+}
+.p-dialog .p-dialog-content .p-confirm-dialog-message {
+  white-space: pre-wrap;
+}
+.p-dialog .p-dialog-footer {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  padding: 1.5rem;
+  gap: 0.5rem;
+}
+.p-dialog .p-dialog-footer button {
+  border: none;
+  padding: 0.5rem 1.25rem;
+  text-transform: capitalize;
+}
+.p-dialog .p-dialog-footer > * {
+  margin-top: 1rem;
+}
+
+.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;
+  min-height: 100%;
+}
+
+.p-toast {
+  z-index: 5;
+}
+
+.p-badge {
+  font-size: 0.75rem;
+}
+
+.input > .p-inputtext {
+  padding: 0;
+  color: unset;
+  font-size: unset;
+}
+
+.p-inputtext {
+  width: 100%;
+}
+.p-inputtext:enabled {
+  margin-bottom: 0;
+}
+.p-inputtext:enabled :hover {
+  border-color: unset;
+}
+
+.p-input-icon-left,
+.p-input-icon-right {
+  display: flex;
+}
+.p-input-icon-left i,
+.p-input-icon-right i {
+  display: flex;
+  align-items: center;
+  position: relative;
+  top: 0;
+  margin-top: 0;
+}
+
+.p-dropdown {
+  border-color: currentColor;
+}
+
+*:not(.p-paginator) > .p-dropdown {
+  width: 100%;
+}
+
+p-chart {
+  width: 100%;
+}
+p-chart canvas {
+  width: 100%;
+  min-width: 100%;
+}
+
+.p-calendar {
+  /* width: 100%; */
+}
+.p-calendar .p-datepicker {
+  min-width: unset;
+}
+.p-calendar .p-datepicker .p-datepicker-header .p-datepicker-month {
+  border: none;
+}
+.p-calendar .p-datepicker:not(.p-datepicker-inline) {
+  box-shadow: unset;
+}
+.p-calendar .p-datepicker:not(.p-datepicker-inline) > * {
+  position: relative;
+}
+.p-calendar .p-datepicker:not(.p-datepicker-inline)::before {
+  content: "";
+  display: block;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  box-shadow: var(--card-shadow);
+  border-radius: inherit;
+  top: 0;
+  left: 0;
+  z-index: 0;
+}
+.p-calendar .p-datepicker table td > span {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+.p-calendar .p-datepicker .p-datepicker-buttonbar {
+  padding: 0;
+}
+
+.p-panel > :first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.p-panel > :last-child {
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+}
+.p-panel + .p-panel {
+  margin-top: 1rem;
+}
+
+.p-accordion .p-accordion-header-link {
+  border-radius: inherit;
+}
+
+.p-carousel {
+  width: 100%;
+}
+.p-carousel .p-carousel-container {
+  position: relative;
+}
+.p-carousel .p-carousel-container .p-carousel-prev,
+.p-carousel .p-carousel-container .p-carousel-next {
+  position: absolute;
+  box-shadow: var(--card-shadow);
+  z-index: 1;
+}
+.p-carousel .p-carousel-container .p-carousel-next {
+  right: 0;
+}
+.p-carousel .p-carousel-items-content {
+  /* padding: 1rem; */
+  position: relative;
+  z-index: 0;
+}
+.p-carousel .p-carousel-items-content .p-carousel-items-container {
+  gap: 0.5rem;
+}
+.p-carousel .p-carousel-items-content .p-carousel-items-container .p-carousel-item {
+  display: flex;
+  justify-content: center;
+  /* padding: 0 0.5rem; */
+  /* border: thin solid transparent; */
+}
+.p-carousel .p-carousel-items-content .p-carousel-items-container .p-carousel-item:hover {
+  border-color: var(--primary);
+}
+.p-carousel .p-carousel-items-content .p-carousel-item-active:nth-of-type(2) {
+  /* padding: 0 0.125rem; */
+}
+.p-carousel .p-carousel-indicators .p-carousel-indicator button {
+  border: none;
+  height: 0.25rem;
+  border-radius: 0.125rem;
+}
+
+.p-paginator-left-content {
+  margin-right: none;
+}
+.p-paginator-right-content {
+  margin-left: none;
+}
+
+@media (max-width: 575.98px) {
+  .p-dialog {
+    min-width: 95%;
+  }
+  .p-dialog .p-dialog-footer p-footer {
+    /* justify-content: center; */
+    /* flex-direction: column; */
+  }
+  .p-toast {
+    width: auto;
+    left: 0.5rem;
+    right: 0.5rem;
+  }
+}
+.p-message .p-message-wrapper {
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.p-toast .p-toast-message .p-toast-icon-close {
+  min-width: 2rem;
+  border: none;
+}
+
+.p-selectbutton {
+  display: flex;
+}
+.p-selectbutton > .p-button {
+  width: 100%;
+  padding: 1rem;
+}
+
+.p-button {
+  text-transform: capitalize;
+  font-size: 120%;
+}
+.p-button:hover {
+  background-color: hsl(var(--primary-hs), calc(var(--primary-l) - 20%));
+}
+
+.p-hidden-accessible {
+  display: none;
+}
+
+/*# sourceMappingURL=primefaces.css.map */

package/src/css/helper/primefaces.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../styles/helper/primefaces.scss"],"names":[],"mappings":"AAEA;EACE;EACA;;;AAKE;EACE;;AAGF;EACE;EACA;;;AAMJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMR;AAAA;AAAA;EAGE;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;AAEA;EACE;;;AAKN;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;EACA;;;AAIJ;AACE;;AAEA;EACE;;AAGE;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;;;AAOF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;;AAKF;EACE;;;AAcJ;EACE;;AAEA;EACE;;AAEA;AAAA;EAEE;EACA;EACA;;AAGF;EACE;;AAIJ;AACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;AACA;AACA;;AAEA;EACE;;AAKN;AACE;;AAMF;EACE;EACA;EACA;;;AAMJ;EACE;;AAGF;EACE;;;AAIJ;EACE;IACE;;EAEA;AACE;AACA;;EAIJ;IACE;IACA;IACA;;;AAKF;EACE;EACA;;;AAKF;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE","file":"primefaces.css"}

package/{css → src/css}/helper/tailwindcss.css

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