sccoreui 2.3.2 → 2.3.3

package/dist/App.js

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
-// import Home from './pages/home';
+const home_1 = tslib_1.__importDefault(require("./pages/home"));
 require("./App.scss");
 const App = () => {
-    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", {}) }));
+    return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(home_1.default, {}) }) }));
 };
 exports.default = App;

package/dist/App.scss

@@ -59,3 +59,4 @@ h3 {
   font-size: var(--fs-16);
   font-weight: var(--fw-400);
 }
+

package/dist/assets/flex.css

@@ -8620,6 +8620,9 @@
 }
 
 .line-height-4 {
+  line-height: 1.75 !important;
+}
+.line-height-5 {
   line-height: 2 !important;
 }
 

package/dist/assets/sccoreui.css

@@ -452,8 +452,8 @@ a {
   border: 1px solid transparent;
 }
 .p-datepicker table td > span.p-highlight {
-  color: #4338ca;
-  background: #eef2ff;
+  color: #ffffff;
+  background: var(--primary-600);
 }
 .p-datepicker table td > span:focus {
   outline: 0 none;
@@ -830,17 +830,17 @@ a {
   cursor: pointer;
 }
 
-.p-checkbox-group:not(.p-group-disabled).p-group-focus {
-  border: 1px solid var(--primary-300);
-  box-shadow: 0px 0px 0px 4px var(--primary-100);
-}
-
 .p-checkbox-group:not(.p-group-disabled).p-group-highlight {
   border: 1px solid var(--primary-600);
   background: var(--primary-50);
   color: var(--primary-700);
 }
 
+.p-checkbox-group:not(.p-group-disabled).p-group-focus {
+  border: 1px solid var(--primary-300);
+  box-shadow: 0px 0px 0px 4px var(--primary-100);
+}
+
 .p-checkbox-group:not(.p-group-disabled).p-group-highlight
   .group-text
   span:first-child {
@@ -2333,7 +2333,7 @@ a {
 
 /* Outlined Button Classes */
 .p-button.p-button-outlined {
-  background: #ffffff;
+  background: transparent;
   color: var(--gray-700);
   border: 1px solid var(--gray-300);
 }
@@ -2344,7 +2344,7 @@ a {
 }
 .p-button.p-button-outlined:enabled:active,
 .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
-  background: #fff;
+  background: transparent;
   color: var(--gray-900);
   border: 1px solid var(--gray-900);
 }
@@ -2352,7 +2352,7 @@ a {
 .p-button.p-button-outlined:focus {
   outline: 0 none;
   outline-offset: 0;
-  background: #FFFFFF;
+  background: transparent;
 border: 1px solid var(--gray-300);
 box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 }
@@ -3866,7 +3866,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
   border-radius: 0;
 }
 .p-datatable .p-datatable-header {
-  background: #f8f9fa;
+  background: #ffffff;
   color: #343a40;
   border: 1px solid #dee2e6;
   border-width: 1px 0 1px 0;
@@ -5595,7 +5595,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
   padding: 0 1.25rem;
 }
 .p-divider.p-divider-horizontal:before {
-  border-top: 1px #dee2e6;
+  border-top: 1px solid var(--gray-200);
 }
 .p-divider.p-divider-horizontal .p-divider-content {
   padding: 0 0.5rem;
@@ -5753,7 +5753,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 }
 .p-tabview .p-tabview-panels {
   background: #ffffff;
-  padding: 1.25rem;
+  /* padding: 1.25rem; */
   border: 0 none;
   color: #6b7094;
   border-bottom-right-radius: 6px;
@@ -5960,10 +5960,12 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
   box-shadow: 0 0 0 0.2rem #C7D2FE;  */
 }
 .p-sidebar .p-sidebar-header + .p-sidebar-content {
-  padding-top: 0;
+  padding-top: 24px;
 }
-.p-sidebar .p-sidebar-content {
-  padding: 0px;
+.p-sidebar .p-sidebar-content:not(.footer) {
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
   /* padding-left: 0px; */
 }
 
@@ -6025,8 +6027,6 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
   padding: 2rem 1rem;
   border: 1px solid #dee2e6;
   color: #495057;
-  border-bottom-right-radius: 6px;
-  border-bottom-left-radius: 6px;
 }
 .p-fileupload .p-progressbar {
   height: 0.25rem;
@@ -6051,7 +6051,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 .p-breadcrumb ul li .p-menuitem-link:focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #c7d2fe;
+
 }
 .p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
   color: var(--gray-600);
@@ -7977,7 +7977,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 }
 
 .p-tabview .p-tabview-nav li.p-unselectable-text {
-  margin-right: 24px !important;
+  margin-right: 24px;
 }
 
 .p-tabview .p-tabview-nav .p-tabview-ink-bar {
@@ -8064,6 +8064,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
   max-width: 36px;
   height: 36px;
   font-size: 14px;
+  line-height: 20px;
   color: var(--gray-800);
 }
 
@@ -8125,7 +8126,7 @@ button {
   border: none;
   cursor: pointer;
   color: black;
-  width: 130px;
+  width: auto;
   padding: 10px;
   border-radius: 2px;
   font-size: 19px;
@@ -8216,7 +8217,7 @@ button:focus {
   outline: none;
 }
 
-/*    saieshwar new classes ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
+/*    SSSSSSSSSSSSSSSSSSSSSS new classes ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
 .p-inputgroup > .p-button {
   height: 40px !important;
@@ -8238,6 +8239,403 @@ input[type="number"]::-webkit-outer-spin-button {
   margin: 0;
 }
 
+/*  calender css classes S */
+
+.p-calendar-w-btn-left .p-datepicker-trigger:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--primary-100);
+  border: 1px solid var(--primary-300);
+  border-right: 0px;
+}
+
+/* must have file upload css class name and properties  */
+.fileuploadd > .p-fileupload-buttonbar {
+  display: none;
+}
+.fileuploadd > .p-fileupload-content > .p-progressbar {
+  display: none;
+}
+
+.fileuploadd {
+  .p-fileupload-content {
+    background: #ffffff;
+    padding: 1rem 1rem;
+    border: 1px solid var(--gray-200);
+    color: #495057;
+    border-radius: 12px;
+  }
+  
+} 
+
+
+
+/* breadcrumbs classes for background colors and hover background colors  */
+.last-item-bg-color>.p-breadcrumb-list .p-menuitem.px-4:hover{
+  background-color: var(--primary-50);
+  border-radius: 6px;
+}
+.last-item-bg-color-gray-50>.p-breadcrumb-list .p-menuitem.px-4:hover{
+  background-color: var(--gray-50);
+  border-radius: 6px;
+}
+
+
+.last-item-bg-color ul li:last-child {
+  background-color: var(--primary-50);
+  border-radius: 6px;
+}
+.last-item-bg-color-gray-50 ul li:last-child {
+  background-color: var(--gray-50);
+  border-radius: 6px;
+}
+
+/* side out menu custom classes */
+.sideout-menu-footer {
+  margin: -24px;
+}
+
+
+
+
+/*  tabs component clasess for changing the style */
+.tab-view-border-light .p-tabview-nav{
+  border-bottom: 1px solid var(--gray-200) ;  /* adding bottom border only bottom border tabs */
+}
+
+
+
+/*some tabs responsive section these tabs are worked as responsive in all devices */
+.tab-view-bg-dark.responsive  .p-tabview-nav{
+ display: flex ;
+ flex-direction: row ;
+ padding: 4px;
+}
+@media  screen and (max-width:768px){
+  .tab-view-bg-dark.responsive .p-tabview-nav{
+      flex-direction: column ;
+  }
+}
+.tab-view-shadow-box.responsive .p-tabview-nav{
+  display: flex ;
+  flex-direction: row ;
+}
+@media  screen and (max-width:768px){
+   .tab-view-shadow-box.responsive .p-tabview-nav{
+       flex-direction: column ;
+   }
+}
+
+/*  some tabs responsive section these tabs are worked as responsive in all devices */
+
+
+
+.tab-view-bg-dark.expand  .p-tabview-nav{
+  padding: 4px;
+ }
+.tab-view-border-light.expand .p-tabview-nav li .p-tabview-nav-link{
+  padding-left: 88px;
+  padding-right: 88px;
+}
+.tab-view-border-light.expand .p-tabview-nav li.p-unselectable-text {
+  margin-right: 16px !important;
+}
+.tab-view-bg-dark.not-expand .p-tabview-nav .p-tabview-ink-bar {
+  display: none !important;
+}
+.tab-view-bg-dark.expand .p-tabview-nav .p-tabview-ink-bar {
+  display: none !important;
+}
+.tab-view-bg-dark .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+  background: var(--primary-50) !important;
+  color: var(--primary-700);
+  position: relative;
+  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1) !important;
+}
+.tab-view-bg-dark.not-expand .p-tabview-nav li .p-tabview-nav-link {
+  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s !important;
+  padding: 8px 12px 8px 12px !important;
+  cursor: pointer;
+  border-radius: 6px;
+  font-weight: normal;
+}
+
+.tab-view-bg-dark.not-expand .p-tabview-nav li.p-unselectable-text {
+  margin-right: 8px !important;
+}
+.tab-view-bg-dark.expand .p-tabview-nav li .p-tabview-nav-link{
+  padding-left: 88px;
+  padding-right: 88px;
+  border-radius: 6px ;
+}
+.tab-view-bg-dark.not-expand.border-no-radius .p-tabview-nav .p-tabview-ink-bar{
+  display: block !important;
+}
+.tab-view-bg-dark.expand.border-no-radius .p-tabview-nav .p-tabview-ink-bar{
+  display: block !important;
+}
+.tab-view-bg-dark.not-expand.border-no-radius .p-tabview-nav li .p-tabview-nav-link {
+  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  padding: 8px 12px 8px 12px ;
+  cursor: pointer;
+  border-radius: 0px;
+  font-weight: normal;
+}
+
+.tab-view-bg-dark.border-no-radius .p-tabview-nav li.p-unselectable-text {
+  margin-right: 16px;
+}
+
+.tab-view-bg-dark.expand.border-no-radius .p-tabview-nav li .p-tabview-nav-link{
+  padding-left: 88px;
+  padding-right: 88px;
+  border-radius: 0px ;
+}
+.tab-view-shadow-box .p-tabview-nav{
+ background-color: var(--gray-100);
+ border-radius: 8px ;
+ padding: 4px;
+}
+
+.tab-view-shadow-box .p-tabview-nav li .p-tabview-nav-link{
+  background-color: transparent ;
+  border-radius: 6px;
+}
+.tab-view-shadow-box .p-tabview-nav .p-tabview-ink-bar {
+  display: none;
+}
+
+.tab-view-shadow-box .p-tabview-nav li.p-highlight .p-tabview-nav-link {
+  background: #ffffff;
+  color: var(--primary-700);
+  position: relative;
+  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
+}
+
+.tab-view-shadow-box.not-expand .p-tabview-nav li .p-tabview-nav-link {
+  transition: background-color 0.2s, border-color 0.2s, box-shadow 0.2s;
+  padding: 8px 12px 8px 12px;
+  cursor: pointer;
+  font-weight: normal;
+}
+
+.tab-view-shadow-box.not-expand .p-tabview-nav li.p-unselectable-text {
+  margin-right: 8px;
+}
+
+.tab-view-shadow-box.expand .p-tabview-nav li .p-tabview-nav-link{
+  padding-left: 88px;
+  padding-right: 88px;
+}
+
+.p-highlight .tab-badge{
+  background: var(--primary-50);
+  mix-blend-mode: multiply;
+}
+
+.tab-view-bg-dark.border-no-radius .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: none;
+}
+.tab-view-border-light.border .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: none;
+}
+
+
+/* tags component chip image css classes */
+.chip-image img {
+  height: 16px ;
+  width: auto ;
+  margin: 4px ;
+}
+
+
+
+/* content dividers classes for removing border and adding background top bottom borders */
+
+.divider-top-bottom.p-divider-horizontal::before{
+  border-top: 0px;
+}
+
+.devider-background.p-divider-horizontal::before{
+  border-top: 0px;
+}
+
+
+
+
+/* pagination classes       ++++++++++ */
+@media screen and (min-width: 768px) {
+  .p-paginator-pages {
+    display: flex;
+  }
+}
+
+@media screen and (max-width: 768px) {
+  .p-paginator-pages {
+    display: none;
+  }
+  .paginator-boxes > .p-paginator-pages {
+    display: flex;
+  }
+}
+.bg-square .p-paginator-pages .p-paginator-page.p-highlight {
+  border-radius: 8px;
+}
+
+.bg-square .p-paginator-pages .p-paginator-page{
+  border-radius: 8px;
+}
+
+.paginator-boxes > .p-paginator-pages .p-paginator-page {
+  margin: 0px !important;
+  border-radius: 0px !important;
+  border-style: solid !important;
+}
+.paginator-boxes > .p-paginator-pages {
+  position: relative;
+  top: 0px !important;
+}
+
+.p-paginator.p-component.paginator-boxes>.p-disabled{
+  border-color: var(--gray-400) !important;
+}
+.p-paginator>.p-dropdown>.p-dropdown-trigger{
+  padding-top: 0px !important;
+}
+.p-paginator>.p-dropdown{
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--gray-400) !important;
+}
+
+/* Progress siders calsses for styling the component */
+.progress-slider .p-slider-range {
+  border-radius: 4px;
+  background-color: var(--primary-500) ;
+}
+
+
+/*  Avatar classes for changing avatar styles  */
+
+.p-avatar-focus:hover {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem #c7d2fe;
+}
+
+.avatar-button:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem var(--gray-100);
+}
+
+.green-online-indicator-sm {
+  height: 8px;
+  width: 8px;
+}
+
+
+
+/*  Badges classes for styling the badges  */
+
+.p-dropdown-badge > .p-dropdown-label {
+  height: auto !important;
+}
+.p-dropdown-badge > .p-dropdown-trigger {
+  padding-top: 2px !important;
+}
+
+
+
+
+/*  Input components changes classes for styling the input components */
+.payment-card-input > .p-inputnumber > .p-inputtext {
+  padding-left: 52px;
+  padding-right: 36px;
+  width: 100%;
+}
+
+.payment-card-input > .p-input-prefix {
+  position: absolute;
+  top: 37% !important;
+}
+
+.border-noround-right > .p-inputnumber-input {
+  border-top-right-radius: 0px !important;
+  border-bottom-right-radius: 0px !important;
+  padding-left: 32px;
+  padding-right: 36px;
+}
+
+.border-noround-left > .p-inputnumber-input {
+  border-top-left-radius: 0px !important;
+  border-bottom-left-radius: 0px !important;
+  padding-right: 36px;
+}
+
+
+/* Loader icon css changes for styling animation*/
+.svgAnimation {
+  display: inline-block;
+  -webkit-animation: animation-61bdi0 1.8s linear infinite;
+  animation: animation-61bdi0 1.8s linear infinite;
+}
+
+
+
+@keyframes animation-61bdi0 {
+  0% {
+      -webkit-transform: rotate(0deg);
+      -moz-transform: rotate(0deg);
+      -ms-transform: rotate(0deg);
+      transform: rotate(0deg);
+  }
+  
+  100% {
+      -webkit-transform: rotate(360deg);
+      -moz-transform: rotate(360deg);
+      -ms-transform: rotate(360deg);
+      transform: rotate(360deg);
+  }
+}
+
+.animation {
+  stroke: currentColor;
+  stroke-dasharray: 80px,200px;
+  stroke-dashoffset: 0;
+  -webkit-animation: animation-1p2h4ri 1.8s ease-in-out infinite;
+  animation: animation-1p2h4ri 1.8s ease-in-out infinite;
+}
+
+@keyframes animation-1p2h4ri {
+  0% {
+      stroke-dasharray: 1px,200px;
+      stroke-dashoffset: 0;
+  }
+  50% {
+      stroke-dasharray: 100px,200px;
+      stroke-dashoffset: -15px;
+  }
+  
+  100% {
+      stroke-dasharray: 100px,200px;
+      stroke-dashoffset: -125px;
+  }
+}
+
+
+
+
+
+/* SSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
+
+
+
+
 /* New button classes added for different Size Variations ++++++++++++++++++++++++++++ */
 
 .p-button.p-button-dual-icon {
@@ -8365,39 +8763,5 @@ input[type="number"]::-webkit-outer-spin-button {
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 }
 
-/* pagination classes */
-@media screen and (min-width: 768px) {
-  .p-paginator-pages {
-    display: flex;
-  }
-}
 
-@media screen and (max-width: 768px) {
-  .p-paginator-pages {
-    display: none;
-  }
-  .paginator-boxes > .p-paginator-pages {
-    display: flex;
-  }
-}
-.bg-square .p-paginator-pages .p-paginator-page.p-highlight {
-  border-radius: 8px;
-}
 
-.paginator-boxes > .p-paginator-pages .p-paginator-page {
-  margin: 0px !important;
-  border-radius: 0px !important;
-  border-style: solid !important;
-}
-.paginator-boxes > .p-paginator-pages {
-  position: relative;
-  top: 0px !important;
-}
-.last-item-bg-color ul li:last-child {
-  background-color: var(--primary-50);
-  border-radius: 6px;
-}
-.last-item-bg-color-gray-50 ul li:last-child {
-  background-color: var(--gray-50);
-  border-radius: 6px;
-}