sccoreui 1.1.3 → 1.1.5

package/dist/assets/sccoreui.css

@@ -46,8 +46,8 @@
   --highlight-bg: #eef2ff;
   --highlight-text-color: #4338ca;
   color-scheme: light;
-  --fs-14:14px;
-  --fs-14:16px;
+  --fs-14: 14px;
+  --fs-14: 16px;
 }
 
 * {
@@ -86,9 +86,8 @@ a {
 
 .p-disabled,
 .p-component:disabled {
-  /* opacity: 0.2; */
-  background: var(--gray-50);
-  border: 1px solid var(--gray-300);
+  opacity: 0.4;
+  cursor: not-allowed;
 }
 
 .p-error {
@@ -334,7 +333,7 @@ a {
   border-radius: 4px;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
-  color: #162578;
+  color: var(--gray-900);
   background: #f6f8ff;
 }
 .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
@@ -686,62 +685,68 @@ a {
   background-color: #ffffff;
 }
 
+/* #################################################### Made changes to checkbox CSS from Here ######################################################## */
 .p-checkbox {
   width: 16px;
   height: 16px;
 }
 .p-checkbox .p-checkbox-box {
-  border: 1px solid #d0d5dd;
+  border: 1px solid var(--gray-300);
   background: #ffffff;
   width: 16px;
-  /* height: 16px; */
-  color: #444b74;
-  border-radius: 2px;
-  transition: background-color 0.2s, color 0.2s, border-color 0.2s,
-    box-shadow 0.2s;
-  border-radius: 4px;
+  height: 16px;
+
+  border-radius: 25%;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
 }
 .p-checkbox .p-checkbox-box .p-checkbox-icon {
   transition-duration: 0.2s;
   color: #ffffff;
-  font-size: 6px;
   font-weight: 600;
+  font-size: 8px;
 }
 .p-checkbox .p-checkbox-box.p-highlight .p-checkbox-icon {
   /* border-color: #444b74; */
-  color: #132067;
+  color: var(--primary-600);
 }
 .p-checkbox .p-checkbox-box.p-highlight {
-  border: 1px solid #132067;
-  background-color: #e2e5fa;
+  border-color: var(--primary-600);
+  background: var(--primary-100);
 }
 
-.p-checkbox
-  .p-checkbox-box.p-highlight
-  .p-checkbox
-  .p-checkbox-box.p-highlight:not(.p-disabled):hover {
-  border-color: #4338ca;
-  background: #4338ca;
+.p-checkbox .p-checkbox-box.p-highlight:not(.p-disabled):hover {
+  border: 1px solid var(--primary-600);
+  background: var(--primary-100);
   color: #ffffff;
 }
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
-  border: 1px solid #d0d5dd;
-  background: #f2f4f7;
+  border: 1px solid var(--primary-600);
+  background: var(--primary-100);
 }
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #e2e5fa;
-  border-color: #444b74;
+  box-shadow: 0px 0px 0px 4px var(--primary-100);
+  border-color: var(--primary-300);
 }
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
-  border-color: #ced4f6;
+  border: 1px solid var(--primary-600);
+  background: var(--primary-100);
   color: #ffffff;
 }
 .p-checkbox.p-invalid > .p-checkbox-box {
   border-color: #e24c4c;
 }
 
+/* Added two classes for styling checkcircle */
+.p-checkbox.p-checkcircle .p-checkbox-box {
+  border-radius: 50%;
+}
+.p-checkbox.p-checkcircle .p-checkbox-box.p-highlight, .p-checkbox.p-checkcircle .p-checkbox-box.p-highlight:hover {
+  background: var(--primary-600);
+}
+/* ############################################################## Checkbox CSS changes END ############################################################### */
+
 .p-input-filled .p-checkbox .p-checkbox-box {
   background-color: #e9ecef;
 }
@@ -759,6 +764,9 @@ a {
 
 .p-chips .p-chips-multiple-container {
   padding: 0.375rem 0.75rem;
+  display: flex;
+  align-items: start;
+  flex-wrap: wrap;
 }
 .p-chips .p-chips-multiple-container:not(.p-disabled):hover {
   border-color: #6366f1;
@@ -770,10 +778,12 @@ a {
   border-color: #6366f1;
 }
 .p-chips .p-chips-multiple-container .p-chips-token {
-  padding: 0.375rem 0.75rem;
-  margin-right: 0.5rem;
-  background: #eef2ff;
-  color: #4338ca;
+  padding: 0px 10px;
+  margin: 3px;
+  height: 1.5rem;
+  background: #ffffff;
+  color: var(--gray-700);
+  border: 1px solid var(--gray-300);
   border-radius: 6px;
 }
 .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
@@ -784,7 +794,7 @@ a {
 }
 .p-chips .p-chips-multiple-container .p-chips-input-token input {
   font-family: "Lato-400";
-  font-size: 1rem;
+  font-size: var(--fs-14);
   color: #495057;
   padding: 0;
   margin: 0;
@@ -793,6 +803,13 @@ a {
   border-color: #e24c4c;
 }
 
+.p-chips.p-invalid .p-chips-multiple-container.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem var(--red-100);
+  border-color: var(--red-300);
+}
+
 .p-colorpicker-preview {
   width: 1rem;
   height: 1rem;
@@ -821,19 +838,31 @@ a {
 }
 .p-dropdown {
   background: #ffffff;
-  border: 1px solid #c6cae0;
+  height: 40px;
+  border: 1px solid var(--gray-300);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
   border-radius: 8px;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
+  padding: 10px 3px;
 }
+
 /* .p-dropdown:not(.p-disabled):hover {
-  border-color: #162578;
+  border-color: var(--gray-900);
 } */
 .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
-  /* box-shadow: 0 0 0 0.2rem #C7D2FE; */
-  border-color: #162578;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+    0px 0px 0px 4px var(--primary-100);
+  border: 1px solid var(--primary-300);
+}
+
+.p-inputgroup>.p-dropdown:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  
+  border: 1px solid var(--gray-300);
 }
 .p-dropdown.p-dropdown-clearable .p-dropdown-label {
   padding-right: 1.75rem;
@@ -842,57 +871,61 @@ a {
   background: transparent;
   border: 0 none;
   text-align: left;
-  height: 40px;
-  line-height: 40px;
+  height: 24px;
+  line-height: 24px;
+  padding-inline-start: 0px;
+}
+.p-inputgroup > .p-dropdown > .p-dropdown-label {
+  padding: 0px 5px;
+  width: 3rem;
 }
-
 .p-dropdown-status {
 }
 .p-dropdown .p-dropdown-label.p-placeholder {
-  color: #6b7094;
+  color: var(--gray-500);
   text-align: left;
-  height: 40px;
-  line-height: 40px;
-  font-size: 12px;
-  font-weight: 300;
+  height: 24px;
+  line-height: 24px;
+  font-size: 16px;
+  font-weight: 400;
+  padding-inline-start: 0px;
 }
 .p-dropdown .p-dropdown-label:enabled:focus {
   outline: 0 none;
   box-shadow: none;
 }
+
 .p-dropdown .p-dropdown-trigger {
   background: transparent;
   color: #444b74;
-  width: 3rem;
-  border-top-right-radius: 6px;
-  border-bottom-right-radius: 6px;
+  height: 20px;
+  width: 20px;
+}
+.p-inputgroup > .p-dropdown .p-dropdown-trigger {
+  width: 1rem;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #6c757d;
   right: 3rem;
 }
 .p-dropdown.p-invalid.p-component {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-dropdown-panel {
   background: #ffffff;
-  color: #495057;
-  border: 0 none;
-  border-radius: 4px;
-  box-shadow: -1px 1px 4px rgba(22, 37, 120, 0.25),
-    1px -1px 4px rgba(22, 37, 120, 0.25);
-  /* position: absolute;
-  top: 58px !important; */
-  /* margin-top: 8px; */
-  /* margin: 8px 0px; */
+  border: 1px solid var(--gray-200);
+  border-radius: 8px;
+  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   overflow: hidden;
+  padding: 4px;
 }
 
 .p-dropdown-panel .p-dropdown-header {
   padding: 0.75rem 1.25rem;
   border-bottom: 1px solid #dee2e6;
-  color: #343a40;
+  color: var(--gray-700);
   background: #f8f9fa;
   margin: 0;
   border-top-right-radius: 6px;
@@ -920,7 +953,7 @@ a {
   right: 2.5rem;
 }
 .p-dropdown-panel .p-dropdown-items {
-  padding: 16px;
+  padding-left: 2px;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
   margin: 0;
@@ -934,8 +967,8 @@ a {
   position: relative;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
-  color: #162578;
-  background: #f6f8ff;
+  color: var(--gray-900);
+  background: var(--gray-50);
   border-radius: 4px;
   position: relative;
 }
@@ -951,9 +984,8 @@ a {
 .p-dropdown-panel
   .p-dropdown-items
   .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
-  color: #162578;
-  background: #f6f8ff;
-  border-radius: 4px;
+  background: var(--gray-50);
+  border-radius: 6px;
 }
 .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
   margin: 0;
@@ -1123,12 +1155,12 @@ a {
 }
 
 .p-inputgroup-addon {
-  background: #e9ecef;
+  background: #ffffff;
   color: #6c757d;
   border-top: 1px solid #ced4da;
   border-left: 1px solid #ced4da;
   border-bottom: 1px solid #ced4da;
-  padding: 0.75rem 0.75rem;
+  padding: 0 0.75rem;
   min-width: 3rem;
 }
 .p-inputgroup-addon:last-child {
@@ -1288,13 +1320,25 @@ a {
   color: var(--gray-500);
 }
 
+.p-inputtextarea.p-inputtext {
+  height: auto;
+}
+
 .p-inputtext:enabled:focus {
   outline: 0 none;
   outline-offset: 0;
- box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05),
     0px 0px 0px 4px var(--primary-100);
   border-radius: 8px;
-  border: 1px solid var(--primary-300); 
+  border: 1px solid var(--primary-300);
+}
+/*========= iput number invalid color =====*/
+.p-invalid.p-inputnumber-input:enabled:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+  border-radius: 8px;
+  border: 1px solid var(--red-300);
 }
 
 /* ====== Customised input end ========== */
@@ -1502,7 +1546,7 @@ a {
   outline: 0 none;
   outline-offset: 0;
   /* box-shadow: 0 0 0 0.2rem #C7D2FE; */
-  border-color: #162578;
+  border-color: var(--gray-900);
 }
 .p-multiselect.p-multiselect-clearable .p-multiselect-label {
   padding-right: 1.75rem;
@@ -1524,9 +1568,9 @@ a {
   margin-right: 0.5rem;
   height: 30px;
   background: #fff;
-  color: #162578;
+  color: var(--gray-900);
   border-radius: 30px;
-  border: 1px solid #162578;
+  border: 1px solid var(--gray-900);
 }
 
 .p-multiselect.p-multiselect-chip
@@ -1724,46 +1768,50 @@ a {
 }
 
 .p-radiobutton {
-  width: 19px;
-  height: 19px;
+  width: 16px;
+  height: 16px;
 }
 .p-radiobutton .p-radiobutton-box {
-  border: 1px solid #1c1b1f;
+  border: 1px solid var(--gray-300);
   background: #ffffff;
-  width: 15px;
-  height: 15px;
-  color: #495057;
+  width: 16px;
+  height: 16px;
   border-radius: 50%;
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
-  border-color: #162578;
+  background-color: var(--primary-50);
+  border: 1px solid var(--primary-600);
+}
+
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight).p-focus {
+  background-color: transparent;
+  border: 1px solid var(--primary-300);
 }
 .p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
-  outline: 0 none;
-  outline-offset: 0;
-  /* box-shadow: 0 0 0 0.2rem #C7D2FE; */
-  border-color: #162578;
+  background: var(--primary-50);
+  box-shadow: 0px 0px 0px 4px var(--primary-100);
+  border: 1px solid var(--primary-600);
 }
 .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
-  width: 5px;
-  height: 5px;
+  width: 6px;
+  height: 6px;
   transition-duration: 0.2s;
-  background-color: #162578;
+  background-color: var(--primary-600);
 }
 .p-radiobutton .p-radiobutton-box.p-highlight {
-  border-color: #162578;
-  background: #fff;
+  border-color: var(--primary-600);
+  background: var(--primary-50);
 }
 
 .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
-  border-color: #162578;
-  background: #fff;
-  color: #ffffff;
+  border-color: var(--primary-600);
+  background: var(--primary-100);
 }
 .p-radiobutton.p-invalid > .p-radiobutton-box {
   border-color: #e24c4c;
+  background-color: transparent;
 }
 .p-radiobutton:focus {
   outline: 0 none;
@@ -2076,7 +2124,7 @@ a {
 
 .p-button {
   color: #ffffff;
-  background: #162578;
+  background: var(--gray-900);
   line-height: 0px !important;
   height: 44px !important;
   padding: 10px 18px;
@@ -2093,32 +2141,32 @@ a {
 }
 .p-button:enabled:hover,
 .p-button:not(button):not(a):not(.p-disabled):hover {
-  background: #162578;
+  background: var(--gray-900);
   color: #ffffff;
-  border-color: #162578;
+  border-color: var(--gray-900);
 }
 .p-button:enabled:active,
 .p-button:not(button):not(a):not(.p-disabled):active {
   /* background: #4338CA; */
   color: #ffffff;
-  /* border-color: #162578; */
+  /* border-color: var(--gray-900); */
 }
 .p-button.p-button-outlined {
   background-color: transparent;
-  color: #162578;
-  border: 1px solid #162578;
+  color: var(--gray-900);
+  border: 1px solid var(--gray-900);
 }
 .p-button.p-button-outlined:enabled:hover,
 .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):hover {
   background: #fff;
-  color: #162578;
-  /* border: 1px solid #162578; */
+  color: var(--gray-900);
+  /* border: 1px solid var(--gray-900); */
 }
 .p-button.p-button-outlined:enabled:active,
 .p-button.p-button-outlined:not(button):not(a):not(.p-disabled):active {
   background: #fff;
-  color: #162578;
-  border: 1px solid #162578;
+  color: var(--gray-900);
+  border: 1px solid var(--gray-900);
 }
 .p-button.p-button-outlined.p-button-plain {
   color: #6c757d;
@@ -2269,7 +2317,7 @@ a {
 
 .p-fileupload .p-button {
   background-color: #f4f6fd !important;
-  color: #162578;
+  color: var(--gray-900);
   height: 48px !important;
   line-height: 48px !important;
   padding: 0px 22px;
@@ -2291,7 +2339,7 @@ a {
 
 .p-fileupload .p-button:enabled:hover,
 .p-button:not(button):not(a):not(.p-disabled):hover {
-  color: #162578;
+  color: var(--gray-900);
 }
 
 .p-button.p-button-secondary,
@@ -2863,7 +2911,7 @@ a {
 .p-buttonset.p-button-help > .p-button,
 .p-splitbutton.p-button-help > .p-button,
 .p-fileupload-choose.p-button-help {
-  color: #162578;
+  color: var(--gray-900);
   background: #f6f8ff;
   border: 1px solid #c6cae0;
 }
@@ -2878,7 +2926,7 @@ a {
 .p-fileupload-choose.p-button-help:enabled:hover,
 .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):hover {
   background: #f6f8ff;
-  color: #162578;
+  color: var(--gray-900);
   border-color: #c6cae0;
 }
 .p-button.p-button-help:enabled:focus,
@@ -2904,7 +2952,7 @@ a {
 .p-fileupload-choose.p-button-help:enabled:active,
 .p-fileupload-choose.p-button-help:not(button):not(a):not(.p-disabled):active {
   background: #f6f8ff;
-  color: #162578;
+  color: var(--gray-900);
   /* border-color: #7E22CE; */
 }
 .p-button.p-button-help.p-button-outlined,
@@ -2912,7 +2960,7 @@ a {
 .p-splitbutton.p-button-help > .p-button.p-button-outlined,
 .p-fileupload-choose.p-button-help.p-button-outlined {
   background-color: transparent;
-  color: #162578;
+  color: var(--gray-900);
   border: 1px solid #c6cae0;
 }
 .p-button.p-button-help.p-button-outlined:enabled:hover,
@@ -2930,7 +2978,7 @@ a {
     .p-disabled
   ):hover {
   background: #fff;
-  color: #162578;
+  color: var(--gray-900);
   border: 1px solid #c6cae0;
 }
 .p-button.p-button-help.p-button-outlined:enabled:active,
@@ -2948,7 +2996,7 @@ a {
     .p-disabled
   ):active {
   background: #fff;
-  color: #162578;
+  color: var(--gray-900);
   border: 1px solid #c6cae0;
 }
 .p-button.p-button-help.p-button-text,
@@ -3134,7 +3182,7 @@ a {
 }
 
 .p-button.p-button-link {
-  color: #162578;
+  color: var(--gray-900);
   background: transparent;
   border: transparent;
 }
@@ -4742,9 +4790,9 @@ a {
 }
 .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
   /* background: #EEF2FF;
-  border-color: #162578; */
+  border-color: var(--gray-900); */
   font-weight: 600;
-  color: #162578;
+  color: var(--gray-900);
   font-size: 12px;
 }
 .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
@@ -5459,7 +5507,7 @@ a {
 
 .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
   background: #ffffff;
-  color: #162578; /* color changed */
+  color: var(--gray-900); /* color changed */
   position: relative;
   transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
 }
@@ -5696,26 +5744,45 @@ a {
   /* padding-left: 0px; */
 }
 
-.p-tooltip .p-tooltip-text {
-  background: #333;
-  color: #fff;
-  padding: 10px;
-  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
-  border-radius: 6px;
+/* ############################# Tooltip changes From HERE  ############################# */
+
+/* Added theme switching classes that switch the background color and text color of tooltip */
+.p-tooltip.p-dark-tooltip {
+  --background-color: var(--gray-900);
+  --tooltip-text-color: #ffffff;
+}
+.p-tooltip.p-light-tooltip {
+  --background-color: #ffffff;
+  --tooltip-text-color: var(--gray-700);
+}
+
+.p-tooltip .p-tooltip-text,
+.p-tooltip .p-tooltip-text * {
+  background: var(--background-color);
+  color: var(--tooltip-text-color);
+  font-weight: 600;
+  font-size: 12px;
+  line-height: 18px;
+  padding: 8px 12px;
+  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08),
+    0px 4px 6px -2px rgba(16, 24, 40, 0.03);
+  border-radius: 8px;
 }
 .p-tooltip.p-tooltip-right .p-tooltip-arrow {
-  border-right-color: #333;
+  border-right-color: var(--background-color);
 }
 .p-tooltip.p-tooltip-left .p-tooltip-arrow {
-  border-left-color: #495057;
+  border-left-color: var(--background-color);
 }
 .p-tooltip.p-tooltip-top .p-tooltip-arrow {
-  border-top-color: #495057;
+  border-top-color: var(--background-color);
 }
 .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
-  border-bottom-color: #495057;
+  border-bottom-color: var(--background-color);
 }
 
+/* ############################# Tooltip Changes done until HERE ############################# */
+
 .p-fileupload .p-fileupload-buttonbar {
   background: #f8f9fa;
   padding: 1.25rem;
@@ -6975,7 +7042,7 @@ a {
   border-color: #6366F1;
   color: #6366F1; */
   background-color: #f6f8ff;
-  color: #162578;
+  color: var(--gray-900);
   padding: 13px 16px;
   font-size: 14px;
   font-weight: normal;
@@ -7683,7 +7750,7 @@ a {
   z-index: 1;
   display: block;
   position: absolute;
-  background: #162578;
+  background: var(--gray-900);
   height: 4px;
   bottom: 0;
   border-top-left-radius: 4px;
@@ -7736,16 +7803,13 @@ a {
 /* scrollbar customisation */
 ::-webkit-scrollbar {
   height: 2px;
-  width: 3px; /* Set the width of the scrollbar */
-  overflow: hidden;
-  right: 5px;
+  width: 8px; /* Set the width of the scrollbar */
 }
 
 /* Target the thumb */
 ::-webkit-scrollbar-thumb {
-  background-color: #4b5768; /* Set the background color of the thumb */
-  border-radius: 5px; /* Set the border radius of the thumb */
-  border-top-right-radius: 4px;
+  background-color: var(--gray-200); /* Set the background color of the thumb */
+  border-radius: 8px; /* Set the border radius of the thumb */
 }
 
 /* Target the track */
@@ -7914,3 +7978,31 @@ button:focus:not(:active)::after {
 button:focus {
   outline: none;
 }
+
+/*    saieshwar new classes ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
+
+.p-inputgroup > .p-button {
+  height: 40px !important;
+  border: 1px solid #d0d5dd;
+}
+.p-inputgroup > .p-button:hover {
+  height: 40px !important;
+  border: 1px solid #d0d5dd;
+}
+
+.p-inputgroup > .p-button.p-button-outlined:enabled:active {
+  background: #fff;
+  color: #162578;
+  border: 1px solid #d0d5dd;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+.textareachips > .p-inputtext.p-chips-multiple-container {
+  height: auto;
+  min-height: 8rem;
+}

package/dist/assets/svg/check-white.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 1L3.5 6.5L1 4" stroke="#ffffff" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/svg/check.svg

@@ -1,3 +1,3 @@
-<svg width="12" height="9" viewBox="0 0 12 9" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.02949 8.52648C3.9327 8.52648 3.84262 8.51104 3.75923 8.48015C3.67583 8.44927 3.59655 8.39624 3.5214 8.32108L0.168555 4.96825C0.052216 4.85191 -0.0038988 4.70881 0.000210271 4.53893C0.00433273 4.36905 0.0645635 4.22594 0.180902 4.1096C0.297241 3.99325 0.438295 3.93508 0.604063 3.93508C0.769818 3.93508 0.910866 3.99325 1.0272 4.1096L4.02949 7.11187L10.9668 0.174528C11.0832 0.0581761 11.2263 0 11.3962 0C11.566 0 11.7092 0.0581761 11.8255 0.174528C11.9418 0.290868 12 0.433976 12 0.603853C12 0.773731 11.9418 0.916839 11.8255 1.03318L4.53757 8.32108C4.46242 8.39624 4.38314 8.44927 4.29974 8.48015C4.21635 8.51104 4.12627 8.52648 4.02949 8.52648Z" fill="#162578"/>
-</svg>
+<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 1L3.5 6.5L1 4" stroke="#132067" stroke-width="1.6666" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/svg/hyphen-white.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 1H8.5" stroke="#ffffff" stroke-width="1.66666" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/svg/hyphen.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="2" viewBox="0 0 10 2" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.5 1H8.5" stroke="#132067" stroke-width="1.66666" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/svg/payment_method.svg

@@ -0,0 +1,7 @@
+<svg width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33" height="23" rx="3.5" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.179 16.8295C15.9949 17.8275 14.459 18.43 12.7807 18.43C9.03582 18.43 6 15.4303 6 11.73C6 8.02972 9.03582 5.03003 12.7807 5.03003C14.459 5.03003 15.9949 5.63253 17.179 6.63057C18.363 5.63253 19.8989 5.03003 21.5773 5.03003C25.3221 5.03003 28.358 8.02972 28.358 11.73C28.358 15.4303 25.3221 18.43 21.5773 18.43C19.8989 18.43 18.363 17.8275 17.179 16.8295Z" fill="#ED0006"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1792 16.8295C18.6371 15.6006 19.5616 13.772 19.5616 11.73C19.5616 9.68807 18.6371 7.85947 17.1792 6.63057C18.3632 5.63253 19.8992 5.03003 21.5775 5.03003C25.3224 5.03003 28.3582 8.02972 28.3582 11.73C28.3582 15.4303 25.3224 18.43 21.5775 18.43C19.8992 18.43 18.3632 17.8275 17.1792 16.8295Z" fill="#F9A000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1788 16.8295C18.6367 15.6006 19.5611 13.772 19.5611 11.7301C19.5611 9.68811 18.6367 7.85952 17.1788 6.63062C15.7208 7.85952 14.7964 9.68811 14.7964 11.7301C14.7964 13.772 15.7208 15.6006 17.1788 16.8295Z" fill="#FF5E00"/>
+<rect x="0.5" y="0.5" width="33" height="23" rx="3.5" stroke="#F2F4F7"/>
+</svg>

package/dist/assets/svg/svg.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoLogo = void 0;
+const InfoLogo = () => {
+    return (React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("path", { d: "M6.05992 5.99998C6.21665 5.55442 6.52602 5.17872 6.93322 4.9394C7.34042 4.70009 7.81918 4.61261 8.2847 4.69245C8.75022 4.7723 9.17246 5.01433 9.47664 5.37567C9.78081 5.737 9.94729 6.19433 9.94659 6.66665C9.94659 7.99998 7.94659 8.66665 7.94659 8.66665M7.99992 11.3333H8.00659M14.6666 7.99998C14.6666 11.6819 11.6818 14.6666 7.99992 14.6666C4.31802 14.6666 1.33325 11.6819 1.33325 7.99998C1.33325 4.31808 4.31802 1.33331 7.99992 1.33331C11.6818 1.33331 14.6666 4.31808 14.6666 7.99998Z", stroke: "#98A2B3", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })));
+};
+exports.InfoLogo = InfoLogo;

package/dist/assets/svg/user.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="18" viewBox="0 0 16 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.6668 16.5C14.6668 15.337 14.6668 14.7555 14.5233 14.2824C14.2001 13.217 13.3664 12.3834 12.3011 12.0602C11.828 11.9167 11.2465 11.9167 10.0835 11.9167H5.91683C4.75386 11.9167 4.17237 11.9167 3.69921 12.0602C2.63388 12.3834 1.8002 13.217 1.47703 14.2824C1.3335 14.7555 1.3335 15.337 1.3335 16.5M11.7502 5.25C11.7502 7.32107 10.0712 9 8.00016 9C5.92909 9 4.25016 7.32107 4.25016 5.25C4.25016 3.17893 5.92909 1.5 8.00016 1.5C10.0712 1.5 11.7502 3.17893 11.7502 5.25Z" stroke="#667085" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/assets/theme.css

@@ -871,6 +871,7 @@
 
 .p-checkbox.p-checkbox-disabled {
     cursor: auto;
+    opacity: 0.4;
 }
 
 .p-checkbox-box {
@@ -5947,6 +5948,7 @@ input.p-dropdown-label  {
     justify-content: center;
 }
 
+/* ############################# Tooltip css changes made FROM HERE ############################# */
 .p-tooltip {
     position: absolute;
     padding: .25em .5rem;
@@ -5955,15 +5957,15 @@ input.p-dropdown-label  {
     left: -9999px;
 }
 
-.p-tooltip.p-tooltip-right,
+/* .p-tooltip.p-tooltip-right,
 .p-tooltip.p-tooltip-left {
-    padding: 0 .25rem;
+    padding: 0 .1em;
 }
 
 .p-tooltip.p-tooltip-top,
 .p-tooltip.p-tooltip-bottom {
-    padding:.25em 0;
-}
+    padding: .1em 0;
+} */
 
 .p-tooltip .p-tooltip-text {
    white-space: pre-line;
@@ -5979,17 +5981,17 @@ input.p-dropdown-label  {
 }
 
 .p-tooltip-right .p-tooltip-arrow {
-    top: 50%;
-    left: 0;
+    top: 45%;
+    left: 3px;
     margin-top: -.25rem;
-    border-width: .25em .25em .25em 0;
+    border-width: .5em .5em .5em 0;
 }
 
 .p-tooltip-left .p-tooltip-arrow {
-    top: 50%;
-    right: 0;
+    top: 45%;
+    right: 2px;
     margin-top: -.25rem;
-    border-width: .25em 0 .25em .25rem;
+    border-width: .5em 0 .5em .5rem;
 }
 
 .p-tooltip.p-tooltip-top {
@@ -5997,19 +5999,21 @@ input.p-dropdown-label  {
 }
 
 .p-tooltip-top .p-tooltip-arrow {
-    bottom: 0;
-    left: 50%;
+    bottom: -2px;
+    left: 48%;
     margin-left: -.25rem;
-    border-width: .25em .25em 0;
+    border-width: .5em .5em 0 .5em;
 }
 
 .p-tooltip-bottom .p-tooltip-arrow {
-    top: 0;
-    left: 50%;
+    top: -2px;
+    left: 48%;
     margin-left: -.25rem;
-    border-width: 0 .25em .25rem;
+    border-width: 0 .5em .5em .5em;
 }
 
+/* ############################# Changes END Here ############################# */
+
 .p-treeselect {
     display: inline-flex;
     cursor: pointer;

package/dist/components/carousel/carousel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const carousel_1 = require("primereact/carousel");
+exports.default = carousel_1.Carousel;

package/dist/components/carousel/tag.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tag_1 = require("primereact/tag");
+exports.default = tag_1.Tag;

package/dist/components/overlays/overlay-panel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const overlaypanel_1 = require("primereact/overlaypanel");
+exports.default = overlaypanel_1.OverlayPanel;

package/dist/components/range-slider/slider.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const slider_1 = require("primereact/slider");
+exports.default = slider_1.Slider;

package/dist/components/toggle/toggle-button.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const togglebutton_1 = require("primereact/togglebutton");
+exports.default = togglebutton_1.ToggleButton;

package/dist/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
+exports.OverlayPanel = exports.Tag = exports.Carousel = exports.ToggleButton = exports.Slider = exports.Card = exports.Dialog = exports.Password = exports.confirmPopup = exports.ConfirmDialog = exports.RadioButton = exports.Badge = exports.Tooltip = exports.Calendar = exports.Image = exports.AvatarGroup = exports.Avatar = exports.classNames = exports.Paginator = exports.MultiSelect = exports.FileUpload = exports.TabMenu = exports.TabPanel = exports.TabView = exports.Sidebar = exports.Column = exports.DataTable = exports.Checkbox = exports.AutoComplete = exports.ColorPicker = exports.AccordionTab = exports.Accordion = exports.InputText = exports.Dropdown = exports.Button = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const client_1 = tslib_1.__importDefault(require("react-dom/client"));
@@ -64,4 +64,14 @@ var dialog_1 = require("./components/dialogs/dialog");
 Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return tslib_1.__importDefault(dialog_1).default; } });
 var card_1 = require("./components/card/card");
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return tslib_1.__importDefault(card_1).default; } });
+var slider_1 = require("./components/range-slider/slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return tslib_1.__importDefault(slider_1).default; } });
+var toggle_button_1 = require("./components/toggle/toggle-button");
+Object.defineProperty(exports, "ToggleButton", { enumerable: true, get: function () { return tslib_1.__importDefault(toggle_button_1).default; } });
+var carousel_1 = require("./components/carousel/carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return tslib_1.__importDefault(carousel_1).default; } });
+var tag_1 = require("./components/carousel/tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tslib_1.__importDefault(tag_1).default; } });
+var overlay_panel_1 = require("./components/overlays/overlay-panel");
+Object.defineProperty(exports, "OverlayPanel", { enumerable: true, get: function () { return tslib_1.__importDefault(overlay_panel_1).default; } });
 client_1.default.createRoot(document.getElementById('root')).render(react_1.default.createElement(App_1.default, null));

package/dist/types/assets/svg/svg.d.ts

@@ -0,0 +1 @@
+export function InfoLogo(): import("react").JSX.Element;

package/dist/types/components/carousel/carousel.d.ts

@@ -0,0 +1,2 @@
+import { Carousel } from 'primereact/carousel';
+export default Carousel;

package/dist/types/components/carousel/tag.d.ts

@@ -0,0 +1,2 @@
+import { Tag } from 'primereact/tag';
+export default Tag;

package/dist/types/components/overlays/overlay-panel.d.ts

@@ -0,0 +1,2 @@
+import { OverlayPanel } from 'primereact/overlaypanel';
+export default OverlayPanel;

package/dist/types/components/range-slider/slider.d.ts

@@ -0,0 +1,2 @@
+import { Slider } from "primereact/slider";
+export default Slider;

package/dist/types/components/toggle/toggle-button.d.ts

@@ -0,0 +1,2 @@
+import { ToggleButton } from 'primereact/togglebutton';
+export default ToggleButton;

package/dist/types/index.d.ts

@@ -28,4 +28,9 @@ export { default as confirmPopup } from './components/dialogs/confirm-popup';
 export { default as Password } from './components/password/password';
 export { default as Dialog } from './components/dialogs/dialog';
 export { default as Card } from './components/card/card';
+export { default as Slider } from './components/range-slider/slider';
+export { default as ToggleButton } from './components/toggle/toggle-button';
+export { default as Carousel } from './components/carousel/carousel';
+export { default as Tag } from './components/carousel/tag';
+export { default as OverlayPanel } from './components/overlays/overlay-panel';
 export type { DropdownChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",