sccoreui 2.2.6 → 2.2.8

package/dist/assets/sccoreui.css

@@ -66,7 +66,6 @@ h6 {
   color: var(--heading-color);
 }
 
-
 label {
   color: var(--gray-700);
   font-size: var(--fs-14);
@@ -89,7 +88,6 @@ a {
 .p-disabled,
 .p-component:disabled {
   opacity: 0.4;
-  cursor: not-allowed;
 }
 
 .p-error {
@@ -1356,51 +1354,77 @@ a {
   border-radius: 8px;
   border: 1px solid var(--red-300);
 }
-
+/* #################################################### Toggle Switch CSS changes START ################################################# */
 .p-inputswitch {
-  width: 3rem;
-  height: 1.75rem;
+  width: 2.25rem;
+  height: 1.25rem;
+}
+
+.p-inputswitch-dark {
+  --default-unchecked-bg: var(--gray-100);
+  --default-checked-bg: var(--primary-600);
+  --hover-unchecked-bg: var(--gray-200);
+  --hover-checked-bg: var(--primary-700);
+  --focus-unchecked-bg: var(--gray-50);
+}
+
+.p-inputswitch-light {
+  --default-unchecked-bg: var(--primary-50);
+  --default-checked-bg: var(--primary-200);
+  --hover-unchecked-bg: var(--primary-100);
+  --hover-checked-bg: var(--primary-300);
+  --focus-unchecked-bg: var(--primary-50);
 }
+
 .p-inputswitch .p-inputswitch-slider {
-  background: #ced4da;
+  background: var(--default-unchecked-bg);
   transition: background-color 0.2s, color 0.2s, border-color 0.2s,
     box-shadow 0.2s;
-  border-radius: 30px;
+  border-radius: 12px;
 }
 .p-inputswitch .p-inputswitch-slider:before {
   background: #ffffff;
-  width: 1.25rem;
-  height: 1.25rem;
-  left: 0.25rem;
-  margin-top: -0.625rem;
+  width: 1rem;
+  height: 1rem;
+  left: 1px;
+  top: 1px;
   border-radius: 50%;
+  box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
   transition-duration: 0.2s;
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
-  transform: translateX(1.25rem);
+  transform: translateX(1rem);
 }
 .p-inputswitch.p-focus .p-inputswitch-slider {
   outline: 0 none;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.2rem #c7d2fe;
+  background: var(--focus-unchecked-bg);
+  box-shadow: 0px 0px 0px 4px var(--primary-100);
+}
+.p-inputswitch.p-disabled .p-inputswitch-slider {
+  background-color: var(--default-unchecked-bg);
+  opacity: 1 !important;
 }
 .p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
-  background: #b6bfc8;
+  background: var(--hover-unchecked-bg);
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
-  background: var(--primary-600);
+  background: var(--default-checked-bg);
 }
 .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
   background: #ffffff;
 }
 .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover
   .p-inputswitch-slider {
-  background: #4f46e5;
+  background: var(--hover-checked-bg);
 }
 .p-inputswitch.p-invalid .p-inputswitch-slider {
-  border-color: var(--red-300);
+  border: 1px solid var(--red-300);
 }
-
+.p-inputswitch.p-invalid.p-focus .p-inputswitch-slider {
+  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+}
+/* #################################################### Toggle Switch CSS changes END ################################################# */
 /* ====== existing input ========== */
 
 /* .p-inputtext {
@@ -7655,16 +7679,16 @@ a {
   border-radius: 6px;
 }
 .p-avatar.p-avatar-lg {
-  width: 3rem;
-  height: 3rem;
+  width: 2rem;
+  height: 2rem;
   font-size: 1.5rem;
 }
 .p-avatar.p-avatar-lg .p-avatar-icon {
   font-size: 1.5rem;
 }
 .p-avatar.p-avatar-xl {
-  width: 4rem;
-  height: 4rem;
+  width: 40px;
+  height: 40px;
   font-size: 2rem;
 }
 .p-avatar.p-avatar-xl .p-avatar-icon {
@@ -7683,8 +7707,6 @@ a {
 }
 .p-chip .p-chip-text {
   line-height: 1.5;
-  margin-top: 0.375rem;
-  margin-bottom: 0.375rem;
 }
 .p-chip .p-chip-icon {
   margin-right: 0.5rem;
@@ -8154,5 +8176,3 @@ input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
-
-

package/dist/assets/theme.css

@@ -203,8 +203,8 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 2rem;
-  height: 2rem;
+  width: 24px;
+  height: 24px;
   font-size: 1rem;
 }
 
@@ -884,13 +884,13 @@
 .p-checkbox.p-checkbox-disabled {
   cursor: auto;
   opacity: 0.4;
-    border: 1px solid var(--gray-300);
-    background: var(--gray-100);
-    border-radius: 25%;
+  border: 1px solid var(--gray-300);
+  background: var(--gray-100);
+  border-radius: 25%;
 }
 
 .p-checkbox.p-checkcircle.p-checkbox-disabled {
-    border-radius: 50%;
+  border-radius: 50%;
 }
 
 .p-checkbox-box {
@@ -6060,15 +6060,6 @@ input.p-dropdown-label {
   left: -9999px;
 }
 
-/* .p-tooltip.p-tooltip-right,
-.p-tooltip.p-tooltip-left {
-    padding: 0 .1em;
-}
-
-.p-tooltip.p-tooltip-top,
-.p-tooltip.p-tooltip-bottom {
-    padding: .1em 0;
-} */
 
 .p-tooltip .p-tooltip-text {
   white-space: pre-line;
@@ -6097,20 +6088,16 @@ input.p-dropdown-label {
   border-width: 0.5em 0 0.5em 0.5rem;
 }
 
-.p-tooltip.p-tooltip-top {
-  padding: 0.25em 0;
-}
-
 .p-tooltip-top .p-tooltip-arrow {
   bottom: -2px;
-  left: 48%;
+  left: 46%;
   margin-left: -0.25rem;
   border-width: 0.5em 0.5em 0 0.5em;
 }
 
 .p-tooltip-bottom .p-tooltip-arrow {
   top: -2px;
-  left: 48%;
+  left: 45%;
   margin-left: -0.25rem;
   border-width: 0 0.5em 0.5em 0.5em;
 }

package/dist/components/button/menu-item.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });