@vixcom/ui 1.3.0 → 1.5.0

package/dist/css/helper/primefaces.css

@@ -0,0 +1,309 @@
+.p-component [class*=p-]:not(.pi) {
+  font-size: inherit;
+  font-weight: inherit;
+}
+.p-component * {
+  font-family: inherit;
+}
+
+.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-header {
+  display: flex;
+  align-items: center;
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+.p-dialog-header-close:hover {
+  color: var(--danger);
+}
+.p-dialog-header-icons button {
+  min-width: unset;
+}
+.p-dialog-content {
+  padding: 0.25rem 1.5rem;
+}
+.p-dialog-content .p-confirm-dialog-message {
+  white-space: pre-wrap;
+}
+.p-dialog-footer {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  border-bottom-left-radius: inherit;
+  border-bottom-right-radius: inherit;
+  padding: 1.5rem;
+  gap: 0.5rem;
+}
+.p-dialog-footer button {
+  margin: 0;
+}
+
+.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-overlaypanel .p-overlaypanel-content > header,
+.p-overlaypanel .p-overlaypanel-content > footer {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.p-toast {
+  z-index: 5;
+}
+
+.p-badge {
+  font-size: 0.75rem;
+}
+
+.p-float-label .p-dropdown .p-placeholder {
+  opacity: 1;
+}
+
+.input > .p-inputtext {
+  padding: 0;
+  color: unset;
+  font-size: unset;
+}
+
+.p-inputtext,
+.p-inputnumber {
+  width: 100%;
+}
+.p-inputtext:enabled,
+.p-inputnumber:enabled {
+  margin-bottom: 0;
+}
+.p-inputtext:enabled :hover,
+.p-inputnumber: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;
+}
+.p-dropdown .p-dropdown-label {
+  display: flex;
+}
+.p-dropdown-item > img {
+  width: 100%;
+}
+
+*: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: 576px) {
+  .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;
+}
+.p-button:hover {
+  background-color: hsl(var(--primary-hs), calc(var(--primary-l) - 20%));
+}
+
+.p-hidden-accessible {
+  display: none;
+}
+
+/*# sourceMappingURL=primefaces.css.map */

package/dist/css/helper/primefaces.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/styles/helper/primefaces.scss"],"names":[],"mappings":"AAGE;EAEI;EACA;;AAIJ;EACE;;;AAMA;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;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAIJ;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGE;AAAA;EAEE;EACA;EACA;;;AAMR;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;;AAEA;AAAA;EACE;;;AAKN;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;EACE;;AACA;EACE;;AAIA;EACE;;;AAKN;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;;AAEA;EACE;;;AAIJ;EACE","file":"primefaces.css"}

package/dist/css/helper/tailwindcss.css

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

package/dist/css/helper/tailwindcss.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/styles/helper/tailwindcss.scss"],"names":[],"mappings":"AAAA;EACE;EACA","file":"tailwindcss.css"}