sccoreui 2.1.7 → 2.1.8

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/assets/sccoreui.css

@@ -310,7 +310,7 @@ a {
   margin-left: 0.5rem;
 }
 .p-autocomplete.p-invalid.p-component > .p-inputtext {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-autocomplete-panel {
@@ -348,7 +348,7 @@ a {
 }
 
 .p-calendar.p-invalid.p-component > .p-inputtext {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-datepicker {
@@ -621,7 +621,7 @@ a {
   border-bottom-right-radius: 6px;
 }
 .p-cascadeselect.p-invalid.p-component {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-cascadeselect-panel {
@@ -730,13 +730,23 @@ a {
   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.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0px 0px 0px 4px var(--primary-100);
+  border-color: var(--primary-600);
+}
 .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
   border: 1px solid var(--primary-600);
   background: var(--primary-100);
   color: #ffffff;
 }
 .p-checkbox.p-invalid > .p-checkbox-box {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
+}
+
+.p-checkbox .p-checkbox-box.p-disabled {
+  background: var(--gray-100);
 }
 
 /* Added two classes for styling checkcircle */
@@ -766,7 +776,7 @@ a {
 
 .p-chips .p-inputtext {
   line-height: 0;
-  height: 128px;
+  height: auto;
   display: flow-root;
 }
 
@@ -806,7 +816,7 @@ a {
   margin: 0;
 }
 .p-chips.p-invalid.p-component > .p-inputtext {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-chips.p-invalid .p-chips-multiple-container.p-focus {
@@ -849,8 +859,8 @@ a {
     box-shadow 0.2s;
   border-radius: 8px;
   box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
-  padding: 5px 10px 0px 15px;
-  height: 40px;
+  padding: 10px 14px;
+  height: 44px;
 }
 .p-inputgroup > .p-dropdown {
   background: #ffffff;
@@ -873,6 +883,12 @@ a {
   border: 1px solid var(--primary-300);
 }
 
+.p-dropdown:not(.p-disabled).p-component.p-invalid.p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  border: 1px solid var(--red-300);
+box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--red-100);
+}
 .p-inputgroup > .p-dropdown:not(.p-disabled).p-focus {
   outline: 0 none;
   outline-offset: 0;
@@ -894,13 +910,15 @@ a {
   background: transparent;
   border: 0 none;
   text-align: left;
-  height: 24px;
   line-height: 24px;
   padding-inline-start: 0px;
 }
 .p-inputgroup > .p-dropdown > .p-dropdown-label {
   padding: 0px 0px;
   width: 3rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 
 .p-dropdown .p-dropdown-label.p-placeholder {
@@ -926,7 +944,7 @@ a {
 }
 .p-inputgroup > .p-dropdown .p-dropdown-trigger {
   width: 1rem;
-  padding-top: 2px;
+  padding-top: 0px;
 }
 .p-dropdown .p-dropdown-clear-icon {
   color: #6c757d;
@@ -1300,7 +1318,7 @@ a {
   background: #4f46e5;
 }
 .p-inputswitch.p-invalid .p-inputswitch-slider {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 /* ====== existing input ========== */
@@ -1408,7 +1426,7 @@ a {
 }
 
 .p-float-label > label.p-error {
-  color: #e24c4c;
+  color: var(--red-300);
 }
 
 .p-input-icon-left > i:first-of-type,
@@ -1541,7 +1559,7 @@ a {
   background: #e9ecef;
 }
 .p-listbox.p-invalid {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-mention-panel {
@@ -1645,7 +1663,7 @@ a {
   right: 3rem;
 }
 .p-multiselect.p-invalid.p-component {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
@@ -1782,7 +1800,7 @@ a {
 }
 
 .p-password.p-invalid.p-component > .p-inputtext {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-password-panel {
@@ -1850,7 +1868,7 @@ a {
   background: var(--primary-100);
 }
 .p-radiobutton.p-invalid > .p-radiobutton-box {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
   background-color: transparent;
 }
 .p-radiobutton:focus {
@@ -1946,7 +1964,7 @@ a {
   color: #ffffff;
 }
 .p-selectbutton.p-invalid > .p-button {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-slider {
@@ -2029,7 +2047,7 @@ a {
   border-bottom-right-radius: 6px;
 }
 .p-treeselect.p-invalid.p-component {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
@@ -2159,7 +2177,7 @@ a {
   color: #ffffff;
 }
 .p-togglebutton.p-button.p-invalid > .p-button {
-  border-color: #e24c4c;
+  border-color: var(--red-300);
 }
 
 .p-button {
@@ -5338,7 +5356,7 @@ a {
   /* box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); */
   border-radius: 8px;
   border: 1px solid #eaecf0;
-  padding-top: 12px;
+  padding: 10px 16px;
 }
 .p-card:hover {
   box-shadow: 0px 0px 2px #c5c5c5;
@@ -5359,7 +5377,7 @@ a {
   color: #6c757d;
 }
 .p-card .p-card-content {
-  padding: 6px 24px 10px 24px;
+  padding: 0;
 }
 .p-card .p-card-footer {
   padding: 6px 24px;
@@ -7347,12 +7365,12 @@ a {
   box-shadow: 0 0 0 0.2rem #c7d2fe;
 }
 .p-toast .p-toast-message.p-toast-message-info {
-  background:var(--primary-50);
+  background: var(--primary-50);
   /* border: 1px solid var(--primary-300); */
   border-width: 0 0 0 6px;
   color: var(--primary-700);
   border-radius: 12px;
- border: 1px solid var(--primary-300);
+  border: 1px solid var(--primary-300);
 }
 .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
 .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
@@ -7360,8 +7378,6 @@ a {
   display: none;
 }
 
-
-
 .p-toast .p-toast-message.p-toast-message-success {
   background: var(--green-800);
   /* border: solid #1ea97c; */
@@ -8031,6 +8047,9 @@ button:focus:not(:active)::after {
   animation: ripple 1s ease-out;
 }
 
+button.remove-ripple:focus:not(:active)::after {
+  animation: none;
+}
 button:focus {
   outline: none;
 }