@banch0u/core-project-test-repository 1.2.3 → 1.3.1

package/README.md

@@ -2,13 +2,23 @@
 
 ## ✨ Live Development Setup
 
-To develop and test changes in the core package **live** within another project (e.g., `docflow, hr, contract, account and etc.`):
+To develop and test changes in the core package **live** within another project (e.g., `docflow, hr, contract, account and etc.`), follow these steps:
+
+---
+
+### 📌 Before You Start
+
+Ensure that **Yalc** is installed globally on your system:
+
+```bash
+npm install -g yalc
+```
 
 ---
 
 ### 💠 Step 1: Start the Core Package in Watch Mode
 
-This will watch your `src/` directory for changes, rebuild the `dist/` folder, and automatically push updates to `.yalc`.
+This will watch your `src/` directory for changes, rebuild the `dist/` folder, and automatically push updates to `.yalc`:
 
 ```bash
 npm run dev
@@ -18,13 +28,15 @@ npm run dev
 
 ### 💠 Step 2: In Your Main Project (Consumer App)
 
+> **Important:** Before executing this step, make sure your main project's dev server is stopped.
+
 #### ✅ a. Add the Core Package via Yalc
 
 ```bash
 yalc add @banch0u/core-project-test-repository
 ```
 
-This will copy the current `dist/` into your project’s `.yalc` folder and update your `package.json`.
+This copies the current `dist/` folder into your project's `.yalc` directory and updates your `package.json`.
 
 #### 🔗 b. Link the Core Package
 
@@ -32,13 +44,13 @@ This will copy the current `dist/` into your project’s `.yalc` folder and upda
 yalc link @banch0u/core-project-test-repository
 ```
 
-This creates a symlink to the core package. Now, all changes from the `npm run dev` watcher will reflect in your main app automatically when running the dev server (`npm start`).
+This creates a symlink to the core package. Now, all changes from the `npm run dev` watcher will reflect automatically when you start your project's dev server again (`npm start`).
 
 ---
 
 ### ⚠️ Important Notes
 
-- Your `package.json` will temporarily contain this line:
+- Your `package.json` will temporarily contain:
 
   ```json
   "@banch0u/core-project-test-repository": "file:.yalc/@banch0u/core-project-test-repository"
@@ -46,13 +58,14 @@ This creates a symlink to the core package. Now, all changes from the `npm run d
 
 - **This file path will break production builds or CI/CD pipelines.**
 
-#### ✅ Before Deploying or Committing:
+- **Before deploying or committing:**
 
-Replace the local Yalc reference with the actual npm package:
+  - Manually delete the line above from your `package.json`.
+  - Replace it by installing the latest package from npm:
 
-```bash
-npm install @banch0u/core-project-test-repository@latest
-```
+  ```bash
+  npm install @banch0u/core-project-test-repository@latest
+  ```
 
 ---
 

package/dist/assets/css/variables.css

@@ -0,0 +1,9 @@
+:root {
+  --defaultColor: #302e38;
+  --secondaryColor: #9d9d9d;
+  --blueToneColor: #32aaff;
+  --darkBlueColor: #016daf;
+  --defaultFont: Inter;
+  --secondaryFont: Lato;
+  --transition: 250ms;
+}

package/dist/assets/icons/index.js

@@ -1,66 +1,181 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SortIcon = exports.FilterIcon = void 0;
-var _react = _interopRequireDefault(require("react"));
-var SortIcon = exports.SortIcon = function SortIcon() {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
+import React from "react";
+export var SortIcon = function SortIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "22",
     height: "22",
     viewBox: "0 0 22 22",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M2.75 6.41663H19.25",
     stroke: "#016DAF",
     strokeWidth: "1.375",
     strokeLinecap: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M5.5 11H16.5",
     stroke: "#016DAF",
     strokeWidth: "1.375",
     strokeLinecap: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M9.16675 15.5834H12.8334",
     stroke: "#016DAF",
     strokeWidth: "1.375",
     strokeLinecap: "round"
   }));
 };
-var FilterIcon = exports.FilterIcon = function FilterIcon() {
-  return /*#__PURE__*/_react["default"].createElement("svg", {
+export var FilterIcon = function FilterIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
     width: "24",
     height: "24",
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react["default"].createElement("path", {
+  }, /*#__PURE__*/React.createElement("path", {
     d: "M3.34985 2H12.2499C12.9899 2 13.5999 2.61001 13.5999 3.35001V4.82999C13.5999 5.36999 13.2599 6.04 12.9299 6.38L10.0299 8.94C9.62991 9.28 9.35986 9.94999 9.35986 10.49V13.39C9.35986 13.79 9.08988 14.33 8.74988 14.54L7.80987 15.15C6.92987 15.69 5.71985 15.08 5.71985 14V10.43C5.71985 9.95999 5.44987 9.35001 5.17987 9.01001L2.61987 6.31C2.27987 5.97 2.00989 5.36999 2.00989 4.95999V3.41C1.99989 2.61 2.60985 2 3.34985 2Z",
     stroke: "#016DAF",
     strokeWidth: "1.5",
     strokeMiterlimit: "10",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M2 12V15C2 20 4 22 9 22H15C20 22 22 20 22 15V9C22 5.88 21.22 3.91999 19.41 2.89999C18.9 2.60999 17.88 2.38999 16.95 2.23999",
     stroke: "#016DAF",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M13 13H18",
     stroke: "#016DAF",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /*#__PURE__*/_react["default"].createElement("path", {
+  }), /*#__PURE__*/React.createElement("path", {
     d: "M11 17H18",
     stroke: "#016DAF",
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round"
   }));
+};
+export var DsgLogo = function DsgLogo(_ref) {
+  var dark = _ref.dark;
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "231",
+    height: "73",
+    viewBox: "0 0 231 73",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M3.20805 0.7854C1.43629 0.7854 0 2.21468 0 3.97777V69.0224C0 70.7855 1.4363 72.2147 3.20806 72.2147H93.0336C94.8053 72.2147 96.2416 70.7855 96.2416 69.0224V3.97777C96.2416 2.21467 94.8053 0.7854 93.0336 0.7854H3.20805ZM50.2241 13.4961L50.2315 13.5048L36.7042 48.5371L26.5667 36.5933L46.0124 13.496H32.3524L12.8275 36.5L32.3524 59.5039L46.1187 59.504L59.6128 24.5578L69.6808 36.4196L50.2241 59.5039L63.8841 59.504L83.409 36.5001L76.4884 28.3427L76.4869 28.3445L63.8841 13.4961H50.2241Z",
+    fill: "#154766"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M230.044 65.6976C230.044 70.0422 227.872 72.2146 223.527 72.2146H201.105C196.882 72.2146 194.77 70.0422 194.77 65.6976V7.4547C194.77 3.07965 196.928 0.89212 201.242 0.89212H223.527C227.872 0.89212 230.044 3.07965 230.044 7.4547V22.6762H219.335V10.0524H205.435V63.0543H219.335V43.0931H211.405V34.024H230.044V65.6976Z",
+    fill: dark ? "#fff" : "#10101C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M186.293 65.6976C186.293 70.0422 184.136 72.2146 179.822 72.2146H158.357C154.073 72.2146 151.931 70.0422 151.931 65.6976V48.6987H162.595V63.2366H175.629V49.2456L154.255 29.0109C152.706 27.5222 151.931 25.6233 151.931 23.3143V7.4547C151.931 3.07965 154.073 0.89212 158.357 0.89212H179.822C184.136 0.89212 186.293 3.04926 186.293 7.36355V23.3143H175.629V9.87009H162.595V22.7674L183.969 42.9108C185.518 44.3692 186.293 46.2985 186.293 48.6987V65.6976Z",
+    fill: dark ? "#fff" : "#10101C"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M143.819 58.7705C143.819 62.9632 142.573 66.2597 140.082 68.6599C137.591 71.0297 134.234 72.2146 130.01 72.2146H108.272V0.892166H130.01C134.234 0.892166 137.591 2.10746 140.082 4.53804C142.573 6.93824 143.819 10.2347 143.819 14.4275V58.7705ZM133.109 56.9931V16.0226C133.109 12.0425 131.028 10.0524 126.866 10.0524H118.936V63.0544H126.592C130.937 63.0544 133.109 61.0339 133.109 56.9931Z",
+    fill: dark ? "#fff" : "#10101C"
+  }));
+};
+export var ContractsIcon = function ContractsIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "133",
+    height: "71",
+    viewBox: "0 0 133 71",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M47.8416 17.6746H85.3468C86.6092 17.6746 87.6337 16.6501 87.6337 15.3877C87.6337 14.1254 86.6092 13.1008 85.3468 13.1008H47.8416C46.5792 13.1008 45.5547 14.1254 45.5547 15.3877C45.5547 16.6501 46.5792 17.6746 47.8416 17.6746Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M65.3135 36.8845H47.8416C46.5792 36.8845 45.5547 37.9091 45.5547 39.1714C45.5547 40.4338 46.5792 41.4583 47.8416 41.4583H65.3135C66.5759 41.4583 67.6004 40.4338 67.6004 39.1714C67.6004 37.9091 66.5759 36.8845 65.3135 36.8845Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M87.6337 27.2796C87.6337 26.0172 86.6092 24.9927 85.3468 24.9927H47.8416C46.5792 24.9927 45.5547 26.0172 45.5547 27.2796C45.5547 28.5419 46.5792 29.5665 47.8416 29.5665H85.3468C86.6092 29.5665 87.6337 28.5419 87.6337 27.2796Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M132.833 53.3961C132.357 52.2252 131.03 51.658 129.86 52.1337L109.213 60.4489L100.45 41.7878L122.166 33.0335C123.337 32.5578 123.905 31.2314 123.429 30.0605C122.953 28.8896 121.627 28.3225 120.456 28.7981L99.0687 37.4152V14.3541C99.0687 6.59689 92.7569 0.294189 85.0089 0.294189H48.1806C40.4234 0.294189 34.1207 6.60604 34.1207 14.3541V37.4152L12.7336 28.7981C11.5535 28.3225 10.2271 28.8896 9.7606 30.0605C9.28493 31.2314 9.85208 32.567 11.023 33.0335L32.7394 41.7878L23.976 60.4489L3.32981 52.1337C2.15891 51.658 0.82336 52.2252 0.356832 53.3961C-0.118844 54.567 0.448312 55.9025 1.61921 56.369L37.5144 70.8314C37.7889 70.9412 38.0816 70.9961 38.3652 70.9961C38.6671 70.9961 38.9781 70.932 39.2617 70.8131C39.8197 70.5753 40.2587 70.1271 40.4874 69.5599L43.6525 61.693L52.4251 70.4747H65.9727L73.4463 52.4996L80.6089 59.6622L69.7964 70.4747H80.7369L89.5186 61.693L92.6837 69.5599C92.9124 70.1179 93.3515 70.5753 93.9095 70.8131C94.1931 70.932 94.5041 70.9961 94.8059 70.9961C95.0986 70.9961 95.3822 70.9412 95.6566 70.8314L131.552 56.369C132.741 55.9025 133.308 54.567 132.833 53.3961ZM37.1119 65.7454L28.2296 62.1686L36.9931 43.5075L44.8051 46.6543L37.1119 65.7454ZM80.2795 48.4015H66.7777L59.304 66.404L52.5714 59.6713L63.823 48.4198L63.7956 48.3923H52.8916L46.4059 54.8871L49.8912 46.2243C50.3668 45.0535 49.7997 43.7179 48.6288 43.2514L38.6945 39.2447V14.3541C38.6945 9.12163 42.9481 4.868 48.1806 4.868H85.0089C90.2413 4.868 94.4949 9.12163 94.4949 14.3541V39.263L84.5515 43.2697C83.3806 43.7453 82.8134 45.0718 83.2891 46.2426L86.7835 54.9054L80.2795 48.4015ZM96.0775 65.7454L88.3843 46.6543L96.1964 43.5075L104.96 62.1686L96.0775 65.7454Z",
+    fill: "#0E6AA9"
+  }));
+};
+export var DocumentCirculationIcon = function DocumentCirculationIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "71",
+    height: "76",
+    viewBox: "0 0 71 76",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M0 44.2499V54.7299L13.9 60.5099L8.36 66.0399L0 57.6799V66.1399L8.36 74.4999L17.08 65.7899V55.3399L3.14999 49.5599L8.36 44.3499L17.06 53.0599L17.08 53.0399V44.6099L8.36 35.8899L0 44.2499Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M55.2701 0H21.41C12.93 0 6.04004 6.9 6.04004 15.37V30.5H11.04V15.37C11.04 9.65 15.6901 5 21.41 5H55.2701C60.9901 5 65.64 9.65 65.64 15.37V60.13C65.64 65.85 60.9901 70.5 55.2701 70.5H24.63V75.5H55.2701C63.75 75.5 70.64 68.61 70.64 60.13V15.37C70.64 6.9 63.75 0 55.2701 0Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M43.8398 11V24L46.3398 26.5H59.4498V21.5H48.8398V11H43.8398Z",
+    fill: "#0E6AA9"
+  }));
+};
+export var HRIcon = function HRIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "67",
+    height: "74",
+    viewBox: "0 0 67 74",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M34.0496 38.3401L29.1596 50.1101L24.7596 45.7101L32.1196 38.3501L32.0996 38.3401H24.9696L17.5996 45.7101L24.6696 52.7801H33.5296L38.4196 41.0301L43.0996 45.7101L36.0296 52.7801H43.1796L50.2496 45.7101L42.8796 38.3401H34.0496Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M33.3096 33C42.4096 33 49.8096 25.6 49.8096 16.5C49.8096 7.4 42.4096 0 33.3096 0C24.2096 0 16.8096 7.4 16.8096 16.5C16.8096 25.6 24.2096 33 33.3096 33ZM33.3096 5C39.6496 5 44.8096 10.16 44.8096 16.5C44.8096 22.84 39.6496 28 33.3096 28C26.9696 28 21.8096 22.84 21.8096 16.5C21.8096 10.16 26.9696 5 33.3096 5Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M54.0202 47.9099L50.9102 51.8199C57.7202 57.2299 61.6302 65.3199 61.6302 73.9999H66.6302C66.6202 63.7799 62.0302 54.2699 54.0202 47.9099Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M0 74.0001H5C5 65.2901 8.92001 57.1901 15.76 51.7801L12.66 47.8601C4.61 54.2301 0 63.7601 0 74.0001Z",
+    fill: "#0E6AA9"
+  }));
+};
+export var SettingsCogIcon = function SettingsCogIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z",
+    stroke: "#141522",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2 12.88V11.12C2 10.08 2.85 9.22 3.9 9.22C5.71 9.22 6.45 7.94 5.54 6.37C5.02 5.47 5.33 4.3 6.24 3.78L7.97 2.79C8.76 2.32 9.78 2.6 10.25 3.39L10.36 3.58C11.26 5.15 12.74 5.15 13.65 3.58L13.76 3.39C14.23 2.6 15.25 2.32 16.04 2.79L17.77 3.78C18.68 4.3 18.99 5.47 18.47 6.37C17.56 7.94 18.3 9.22 20.11 9.22C21.15 9.22 22.01 10.07 22.01 11.12V12.88C22.01 13.92 21.16 14.78 20.11 14.78C18.3 14.78 17.56 16.06 18.47 17.63C18.99 18.54 18.68 19.7 17.77 20.22L16.04 21.21C15.25 21.68 14.23 21.4 13.76 20.61L13.65 20.42C12.75 18.85 11.27 18.85 10.36 20.42L10.25 20.61C9.78 21.4 8.76 21.68 7.97 21.21L6.24 20.22C5.33 19.7 5.02 18.53 5.54 17.63C6.45 16.06 5.71 14.78 3.9 14.78C2.85 14.78 2 13.92 2 12.88Z",
+    stroke: "#141522",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export var UserIcon = function UserIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "82",
+    height: "58",
+    viewBox: "0 0 82 58",
+    fill: "none"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M46.8203 23.02V18.82C48.7403 19.31 50.6503 19.5 52.4403 19.5C58.0103 19.5 62.4703 17.69 62.7503 17.57L60.8403 12.95C60.7603 12.98 53.4203 15.92 46.8203 13.59V10.18C48.5403 9.28 49.7203 7.47 49.7203 5.4C49.7203 2.42 47.3003 0 44.3203 0C41.3403 0 38.9203 2.42 38.9203 5.4C38.9203 7.47 40.1003 9.28 41.8203 10.18V11.67C33.5703 9.43 26.1403 12.83 25.7803 13L27.8903 17.53C27.9603 17.5 34.8803 14.38 41.8103 16.92V21.7C35.9703 25.52 31.8403 32.18 31.1303 39.07L36.1003 39.58C36.5503 35.17 38.9103 30.74 42.2803 27.65C43.1803 32.44 45.9203 38.66 54.8203 39.28L55.1703 34.29C49.6303 33.9 47.2103 30.63 46.8203 23.02Z",
+    fill: "#0E6AA9"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M39.82 57.3401H17.67L0 51.4901L18.42 45.3801H36.25L36.28 45.4001L17.88 51.4901L28.89 55.1301L41.11 45.3801H63.19L81.62 51.4901L63.94 57.3401H46.05L63.73 51.4901L52.03 47.6101",
+    fill: "#0E6AA9"
+  }));
 };

package/dist/components/Button/index.js

@@ -1,12 +1,5 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+import React from "react";
+import style from "./index.module.scss";
 var Button = function Button(_ref) {
   var children = _ref.children,
     onClick = _ref.onClick,
@@ -15,31 +8,36 @@ var Button = function Button(_ref) {
     _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     type = _ref.type;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, color === "blue" ? /*#__PURE__*/_react["default"].createElement("button", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, color === "blue" ? /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
     disabled: disabled,
     type: type,
-    className: _indexModule["default"].button,
+    className: style.button,
     onClick: onClick
-  }, children) : null, color === "white" ? /*#__PURE__*/_react["default"].createElement("button", {
+  }, children) : null, color === "white" ? /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
     disabled: disabled,
     type: type,
-    className: _indexModule["default"].button_white,
+    className: style.button_white,
     onClick: onClick
-  }, children) : null, color === "green" ? /*#__PURE__*/_react["default"].createElement("button", {
+  }, children) : null, color === "green" ? /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
     disabled: disabled,
     type: type,
-    className: _indexModule["default"].button_green,
+    className: style.button_green,
     onClick: onClick
-  }, children) : null, color === "green-white" ? /*#__PURE__*/_react["default"].createElement("button", {
+  }, children) : null, color === "green-white" ? /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
     disabled: disabled,
     type: type,
-    className: _indexModule["default"].button_green_white,
+    className: style.button_green_white,
     onClick: onClick
-  }, children) : null, color === "red" ? /*#__PURE__*/_react["default"].createElement("button", {
+  }, children) : null, color === "red" ? /*#__PURE__*/React.createElement("button", {
+    "data-no-invert": true,
     disabled: disabled,
     type: type,
-    className: _indexModule["default"].button_red,
+    className: style.button_red,
     onClick: onClick
   }, children) : null);
 };
-var _default = exports["default"] = Button;
+export default Button;

package/dist/components/Button/index.module.scss

@@ -68,7 +68,7 @@
   color: gray !important;
 }
 
-.button_green { 
+.button_green {
   border-radius: 6px;
   background: #219653;
   padding: 5px 10px;
@@ -118,7 +118,7 @@
 
 .button_green_white {
   border-radius: 6px;
-  background: transparent!important;
+  background: transparent !important;
   padding: 5px 10px;
   font-size: 16px;
   font-weight: 400;
@@ -136,7 +136,7 @@
   svg {
     path {
       transition: 250ms;
-      fill: #219653!important;
+      fill: #219653 !important;
     }
   }
 }

package/dist/components/ColSort/index.js

@@ -1,55 +1,45 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _antd = require("antd");
-var _indexModule = _interopRequireDefault(require("./index.module.scss"));
-var _icons = require("../../assets/icons");
-var _Button = _interopRequireDefault(require("../Button"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from "react";
+import { Dropdown, Menu, Checkbox } from "antd";
+import style from "./index.module.scss";
+import { SortIcon } from "../../assets/icons";
+import Button from "../Button";
 var ColSort = function ColSort(_ref) {
   var columns = _ref.columns,
     selectedColumns = _ref.selectedColumns,
     handleColumnToggle = _ref.handleColumnToggle;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],
     setVisible = _useState2[1];
   var handleVisibleChange = function handleVisibleChange(isVisible) {
     setVisible(isVisible);
   };
-  var menu = /*#__PURE__*/_react["default"].createElement(_antd.Menu, {
-    className: _indexModule["default"].menu
+  var menu = /*#__PURE__*/React.createElement(Menu, {
+    className: style.menu
   }, columns.filter(function (col) {
     return col.dataIndex !== "filterOnly";
   }) // Exclude columns with dataIndex === "filterOnly"
   .map(function (col) {
-    return col.showCheckbox !== false && /*#__PURE__*/_react["default"].createElement(_antd.Menu.Item, {
+    return col.showCheckbox !== false && /*#__PURE__*/React.createElement(Menu.Item, {
       key: col.title
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: _indexModule["default"].menu_item
-    }, /*#__PURE__*/_react["default"].createElement(_antd.Checkbox, {
+    }, /*#__PURE__*/React.createElement("div", {
+      className: style.menu_item
+    }, /*#__PURE__*/React.createElement(Checkbox, {
       disabled: col.disabled,
       checked: selectedColumns.includes(col.dataIndex),
       onChange: function onChange(e) {
         return handleColumnToggle(e.target.checked, col.dataIndex);
       }
-    }), /*#__PURE__*/_react["default"].createElement("span", null, col.title)));
+    }), /*#__PURE__*/React.createElement("span", null, col.title)));
   }));
-  return /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
+  return /*#__PURE__*/React.createElement(Dropdown, {
     overlay: menu,
     trigger: ["click"],
     visible: visible,
     onVisibleChange: handleVisibleChange
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }, /*#__PURE__*/React.createElement(Button, {
     color: "white"
-  }, /*#__PURE__*/_react["default"].createElement(_icons.SortIcon, null)));
+  }, /*#__PURE__*/React.createElement(SortIcon, null)));
 };
-var _default = exports["default"] = ColSort;
+export default ColSort;