sccoreui 2.4.2 → 2.4.4

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

@@ -2424,8 +2424,8 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
   border-radius: 2rem;
 }
 .p-button.p-button-icon-only {
-  width: 2.25rem;
-  padding: 8px;
+  width: auto !important;
+  padding: auto !important;
 }
 .p-button.p-button-icon-only .p-button-icon-left,
 .p-button.p-button-icon-only .p-button-icon-right {
@@ -5949,10 +5949,10 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 }
 .p-sidebar .p-sidebar-header .p-sidebar-close,
 .p-sidebar .p-sidebar-header .p-sidebar-icon {
-  width: 1.6rem;
-  height: 1.6rem;
+  width: 2.5rem;
+  height: 2.5rem;
   color: #6c757d;
-  border: 1px solid #c6cae0;
+  border: 1px solid var(--gray-200);
   background: #fff;
   border-radius: 50%;
   transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
@@ -6050,7 +6050,7 @@ box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05), 0px 0px 0px 4px var(--gray-100);
 }
 
 .p-breadcrumb {
-  background: #ffffff;
+  background: transparent;
   /* border: 1px solid #dee2e6;
   border-radius: 6px; */
   padding: 4px;
@@ -8722,22 +8722,30 @@ input[type="number"]::-webkit-outer-spin-button {
   font-size: 18px;
 }
 
-
+/* Default button with dual icon */
 .p-button.p-button-dual-icon {
   width: auto;
-  padding: 10px 18px;
-  font-size: 14px;
+  padding: 8px 14px;
+}
+
+.p-button.p-button-icon-only {
+  padding: 8px;
 }
+
 .p-button.p-button-dual-icon.p-button-xs {
   width: auto;
   padding: 6px 14px;
+  font-size: 14px;
 }
+
 .p-button.p-button-icon-only.p-button-xs {
-  padding: 8px;
+  padding: 6px;
 }
+
 .p-button.p-button-dual-icon.p-button-sm {
   width: auto;
-  padding: 10px 16px ;
+  padding: 10px 16px;
+  font-size: 14px;
 }
 .p-button.p-button-icon-only.p-button-sm {
   padding: 10px;
@@ -8746,7 +8754,8 @@ input[type="number"]::-webkit-outer-spin-button {
 
 .p-button.p-button-dual-icon.p-button-md {
   width: auto;
-  padding: 10px 14px;
+  padding: 10px 18px;
+  font-size: 16px;
 }
 .p-button.p-button-icon-only.p-button-md {
   padding: 12px;
@@ -8755,6 +8764,7 @@ input[type="number"]::-webkit-outer-spin-button {
 .p-button.p-button-dual-icon.p-button-lg{
   width: auto;
   padding: 12px 20px;
+  font-size: 16px;
 }
 .p-button.p-button-icon-only.p-button-lg {
   padding: 14px;
@@ -8764,6 +8774,7 @@ input[type="number"]::-webkit-outer-spin-button {
 .p-button.p-button-dual-icon.p-button-xl {
   width: auto;
   padding: 16px 28px;
+  font-size: 18px;
 }
 .p-button.p-button-icon-only.p-button-xl {
   padding: 16px;

package/dist/assets/theme.css

@@ -4967,8 +4967,8 @@ input.p-dropdown-label {
   justify-content: center;
   overflow: hidden;
   position: absolute;
-  left: -35px;
-  top: 18px;
+  left: -55px;
+  top: 10px;
 }
 
 .p-sidebar-full .p-sidebar {

package/dist/components/progress-steps/progress-steps.js

@@ -7,16 +7,18 @@ const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-co
 const react_1 = require("react");
 const ProgressSteps = (props) => {
     const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
-    const [currentActive, setCurrentActive] = (0, react_1.useState)(activeIndex || 0);
+    const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex ? 0 : activeIndex);
     const progressRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         if (!orientation || orientation === "horizontal") {
             progressRef.current.style.width = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
+            progressRef.current.style.height = "2px";
         }
         else {
             progressRef.current.style.height = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
+            progressRef.current.style.width = "2px";
         }
-    }, [currentActive]);
+    }, [currentActive, orientation]);
     const handleNext = () => {
         if (currentActive > stepsItems.length) {
             setCurrentActive(stepsItems.length);