sccoreui 6.2.67 → 6.2.69

package/dist/App.js

@@ -4,6 +4,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("./App.scss");
 // import Home from "./pages/home";
 const App = () => {
-    return (0, jsx_runtime_1.jsx)("div", {});
+    return ((0, jsx_runtime_1.jsx)("div", {}));
 };
 exports.default = App;

package/dist/App.scss

@@ -47,29 +47,29 @@
   --grey-bg: #101828;
   --border-none: border-none;
   --box-shadow-none: none;
-  // --_primary-800: #0e184f;
-  // --_primary-700: #111c5b;
-  // --_primary-600: #132067;
-  // --_primary-500: #162578;
-  // --_primary-400: #243dc6;
-  // --_primary-300: #d0d5dd;
-  // --_primary-100: #ced4f6;
-  // --_primary-200: #8794db;
-  // --_primary-50: #e2e5fa;
-  // --_primary-25: #f5f6fd;
-
-  // --_gray-700: #344054;
-  // --_gray-800: #1d2939;
-  // --_gray-200: #eaecf0;
-  // --_gray-300: #d0d5dd;
-  // --_gray-50: #f9fafb;
-  // --_base-white: #fff;
-
-  // --_text-secondary-600: #475467;
-  // --_outline-800: #1d2939;
-  // --_outline-200: #eaecf0;
-  // --_outline-300: #d0d5dd;
-  // --_outline-50: #f9fafb;
+  --_primary-800: #0e184f;
+  --_primary-700: #111c5b;
+  --_primary-600: #132067;
+  --_primary-500: #162578;
+  --_primary-400: #243dc6;
+  --_primary-300: #d0d5dd;
+  --_primary-100: #ced4f6;
+  --_primary-200: #8794db;
+  --_primary-50: #e2e5fa;
+  --_primary-25: #f5f6fd;
+
+  --_gray-700: #344054;
+  --_gray-800: #1d2939;
+  --_gray-200: #eaecf0;
+  --_gray-300: #d0d5dd;
+  --_gray-50: #f9fafb;
+  --_base-white: #fff;
+
+  --_text-secondary-600: #475467;
+  --_outline-800: #1d2939;
+  --_outline-200: #eaecf0;
+  --_outline-300: #d0d5dd;
+  --_outline-50: #f9fafb;
   --_base-white: #fff;
 }
 
@@ -97,90 +97,90 @@
 .p-button {
   border: 0 !important;
   &.btn-primary {
-    background-color: var(--primary-500);
+    background-color: var(--_primary-500);
     color: var(--_base-white);
     padding: 8px 14px;
     &:hover {
-      background-color: var(--primary-700);
+      background-color: var(--_primary-700);
     }
     &:focus {
-      background-color: var(--primary-700);
+      background-color: var(--_primary-700);
     }
     &:disabled {
-      background-color: var(--primary-200);
+      background-color: var(--_primary-200);
       color: var(--_base-white);
     }
   }
 
   &.btn-outline {
-    background-color: var(--_base-white);
-    color: var(--gray-600);
-    border: 1px solid var(--gray-300) !important;
+    background-color: var(--base-white);
+    color: var(--_gray-600);
+    border: 1px solid var(--_gray-300) !important;
     padding: 6px 12px;
     &:hover {
-      background-color: var(--gray-50) !important;
-      color: var(--gray-700) !important;
+      background-color: var(--_gray-50) !important;
+      color: var(--_gray-700) !important;
     }
     &:focus {
       background-color: var(--gray-50);
     }
     &:disabled {
-      background-color: var(--gray-200);
+      background-color: var(--_gray-200);
       color: var(--_base-white);
     }
   }
 
   &.btn-secondary {
-    background-color: var(--primary-50);
-    color: var(--primary-500);
+    background-color: var(--_primary-50);
+    color: var(--_primary-500);
     padding: 8px 14px;
     &:hover {
-      background-color: var(--primary-100) !important;
-      color: var(--primary-800) !important;
+      background-color: var(--_primary-100) !important;
+      color: var(--_primary-800) !important;
     }
     &:focus {
-      background-color: var(--primary-100);
+      background-color: var(--_primary-100);
     }
     &:disabled {
-      background-color: var(--primary-50);
-      color: var(--gray-300);
+      background-color: var(--_primary-50);
+      color: var(--_gray-300);
     }
   }
 
   &.btn-text {
     background-color: var(--_base-white);
-    color: var(--gray-600);
+    color: var(--_gray-600);
     padding: 8px 14px;
     border: 0 !important;
     &:hover {
-      background-color: var(--gray-50) !important;
-      color: var(--gray-700) !important;
+      background-color: var(--_gray-50) !important;
+      color: var(--_gray-700) !important;
     }
     &:focus {
-      background-color: var(--gray-50);
-      color: var(--gray-700);
+      background-color: var(--_gray-50);
+      color: var(--_gray-700);
       border: 0px !important;
     }
     &:disabled {
-      background-color: var(--primary-50) !important;
-      color: var(--gray-300);
+      background-color: var(--_primary-50) !important;
+      color: var(--_gray-300);
     }
   }
   &.btn-text-primary {
     background-color: var(--_base-white);
-    color: var(--primary-400);
+    color: var(--_primary-400);
     padding: 8px 14px;
     border: 0 !important;
     &:hover {
-      background-color: var(--primary-25) !important;
-      color: var(--primary-600) !important;
+      background-color: var(--_primary-25) !important;
+      color: var(--_primary-600) !important;
     }
     &:focus {
-      background-color: var(--primary-25) !important;
-      color: var(--primary-600) !important;
+      background-color: var(--_primary-25) !important;
+      color: var(--_primary-600) !important;
     }
     &:disabled {
-      color: var(--gray-300);
+      color: var(--_gray-300);
     }
   }
 }
@@ -223,10 +223,6 @@ code {
   padding-right: 60px !important;
 }
 
-.h-32 {
-  height: 32px;
-}
-
 // h1 {
 //   font-size: var(--fs-24);
 //   font-weight: var(--fw-600);

package/dist/assets/assets/App.css

@@ -0,0 +1,96 @@
+@import url("./assets/theme.css");
+@import url("./assets/sccoreui.css");
+@import url("./assets/sccoreicons.css");
+@import url("./assets/flex.css");
+@import url("https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap");
+:root {
+  --fw-600: 600;
+  --fw-400: 400;
+  --fs-24: 24px;
+  --fs-18: 18px;
+  --fs-16: 16px;
+  --lh: 24px;
+  --fs-14: 14px;
+  --grey-bg: #101828;
+  --border-none: border-none;
+}
+
+body {
+  font-family: "Lato", sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: var(--lh);
+  padding: 0;
+  margin: 0;
+}
+
+code {
+  font-family: "Lato", sans-serif;
+}
+
+h1 {
+  font-size: var(--fs-24);
+  font-weight: var(--fw-600);
+}
+
+h2 {
+  font-size: var(--fs-18);
+  font-weight: var(--fw-600);
+}
+
+h3 {
+  font-size: var(--fs-16);
+  font-weight: var(--fw-400);
+}
+
+.progress-container {
+  isolation: isolate;
+}
+.progress-container::before {
+  content: "";
+  background-color: var(--gray-200);
+  position: absolute;
+  z-index: -1;
+}
+.progress-container.horizontal::before {
+  height: 2px;
+  width: 100%;
+  top: 11%;
+}
+.progress-container.vertical::before {
+  height: 100%;
+  width: 2px;
+  left: 5%;
+  top: 0;
+}
+
+.progressbar {
+  z-index: -1;
+  transition: all 0.6s ease;
+}
+.progressbar.horizontal {
+  left: 0;
+  height: 2px;
+  top: 11%;
+}
+.progressbar.vertical {
+  width: 2px;
+  left: 5%;
+  top: 0;
+}
+
+.progress-step-item.horizontal:nth-of-type(1) {
+  transform: translateX(-50%);
+}
+.progress-step-item.horizontal:last-child {
+  transform: translateX(50%);
+}
+.progress-step-item.vertical {
+  transform: translateY(50%);
+}
+.progress-step-item.vertical:nth-of-type(1) {
+  transform: translateY(-5%);
+}
+.progress-step-item.vertical:last-child {
+  transform: translateY(100%);
+}/*# sourceMappingURL=App.css.map */

package/dist/assets/assets/App.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["App.scss","App.css"],"names":[],"mappings":"AAAQ,iCAAA;AACA,oCAAA;AACA,uCAAA;AACA,gCAAA;AACA,kGAAA;AAER;EACE,aAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,UAAA;EACA,aAAA;EACA,kBAAA;EACA,0BAAA;ACAF;;ADmBA;EACE,+BAAA;EACA,mCAAA;EACA,kCAAA;EACA,sBAAA;EACA,UAAA;EACA,SAAA;AChBF;;ADmBA;EACE,+BAAA;AChBF;;ADmBA;EACE,uBAAA;EACA,0BAAA;AChBF;;ADmBA;EACE,uBAAA;EACA,0BAAA;AChBF;;ADmBA;EACE,uBAAA;EACA,0BAAA;AChBF;;ADqBA;EACE,kBAAA;AClBF;ADoBE;EACE,WAAA;EACA,iCAAA;EACA,kBAAA;EACA,WAAA;AClBJ;ADqBE;EACE,WAAA;EACA,WAAA;EACA,QAAA;ACnBJ;ADsBE;EACE,YAAA;EACA,UAAA;EACA,QAAA;EACA,MAAA;ACpBJ;;ADwBA;EACE,WAAA;EACA,yBAAA;ACrBF;ADuBE;EACE,OAAA;EACA,WAAA;EACA,QAAA;ACrBJ;ADwBE;EACE,UAAA;EACA,QAAA;EACA,MAAA;ACtBJ;;AD8BI;EACE,2BAAA;AC3BN;AD8BI;EACE,0BAAA;AC5BN;ADgCE;EACE,0BAAA;AC9BJ;ADgCI;EACE,0BAAA;AC9BN;ADiCI;EACE,2BAAA;AC/BN","file":"App.css"}

package/dist/assets/assets/App.scss

@@ -0,0 +1,130 @@
+@import url("./assets/theme.css");
+@import url("./assets/sccoreui.css");
+@import url("./assets/sccoreicons.css");
+@import url("./assets/flex.css");
+@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');
+
+:root {
+  --fw-600: 600;
+  --fw-400: 400;
+  --fs-24: 24px;
+  --fs-18: 18px;
+  --fs-16: 16px;
+  --lh: 24px;
+  --fs-14: 14px;
+  --grey-bg: #101828;
+  --border-none: border-none;
+}
+
+// @font-face {
+//   font-family: "Lato";
+//   src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
+// }
+
+// @font-face {
+//   font-family: "Lato-600";
+//   font-weight: 600;
+//   src: url("./assets/fonts/Lato-Regular.ttf") format("truetype");
+// }
+
+// * {
+//   padding: 0;
+//   margin: 0;
+// }
+
+body {
+  font-family: 'Lato', sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  line-height: var(--lh);
+  padding: 0;
+  margin: 0;
+}
+
+code {
+  font-family: 'Lato', sans-serif;
+}
+
+h1 {
+  font-size: var(--fs-24);
+  font-weight: var(--fw-600);
+}
+
+h2 {
+  font-size: var(--fs-18);
+  font-weight: var(--fw-600);
+}
+
+h3 {
+  font-size: var(--fs-16);
+  font-weight: var(--fw-400);
+}
+
+// ============= custom progress steps ===============  //
+
+.progress-container {
+  isolation: isolate;
+
+  &::before {
+    content: "";
+    background-color: var(--gray-200);
+    position: absolute;
+    z-index: -1;
+  }
+
+  &.horizontal::before {
+    height: 2px;
+    width: 100%;
+    top: 11%;
+  }
+
+  &.vertical::before {
+    height: 100%;
+    width: 2px;
+    left: 5%;
+    top: 0;
+  }
+}
+
+.progressbar {
+  z-index: -1;
+  transition: all 0.6s ease;
+
+  &.horizontal {
+    left: 0;
+    height: 2px;
+    top: 11%;
+  }
+
+  &.vertical {
+    width: 2px;
+    left: 5%;
+    top: 0;
+  }
+}
+
+.progress-step-item {
+  &.horizontal {
+    // transform: translateX(10%);
+
+    &:nth-of-type(1) {
+      transform: translateX(-50%);
+    }
+
+    &:last-child {
+      transform: translateX(50%);
+    }
+  }
+
+  &.vertical {
+    transform: translateY(50%);
+
+    &:nth-of-type(1) {
+      transform: translateY(-5%);
+    }
+
+    &:last-child {
+      transform: translateY(100%);
+    }
+  }
+}