master-components-react-ts 2.1.1 → 2.1.3

package/dist/assets/Icons/IconErrorDash.d.ts

@@ -1,7 +1,6 @@
 interface IconErrorDashProps {
-    width?: string;
-    height?: string;
+    size?: string | number;
     color?: string;
 }
-export declare const IconErrorDash: ({ width, height, color }: IconErrorDashProps) => import("react/jsx-runtime").JSX.Element;
+export declare const IconErrorDash: ({ size, color }: IconErrorDashProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/assets/Icons/IconErrorDash.js

@@ -0,0 +1,15 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+const IconErrorDash = ({ size = "16", color = "#DA1A1C" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM10.7 11.5L4.5 5.3L5.3 4.5L11.5 10.7L10.7 11.5Z",
+      fill: color
+    }
+  ) });
+};
+export {
+  IconErrorDash
+};

package/dist/assets/Icons/IconLoading.js

@@ -0,0 +1,22 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+const IconLoading = ({ color1 = "#BCC1C2", color2 = "#0266EF", size = "16" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        d: "M16 7.99998C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 7.99998C0 3.5817 3.58172 -2.28882e-05 8 -2.28882e-05C12.4183 -2.28882e-05 16 3.5817 16 7.99998ZM2.96 7.99998C2.96 10.7835 5.21649 13.04 8 13.04C10.7835 13.04 13.04 10.7835 13.04 7.99998C13.04 5.21646 10.7835 2.95998 8 2.95998C5.21649 2.95998 2.96 5.21646 2.96 7.99998Z",
+        fill: color1
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        d: "M8 -2.28882e-05C9.58225 -2.28693e-05 11.129 0.469169 12.4446 1.34822C13.7602 2.22727 14.7855 3.4767 15.391 4.93851C15.9965 6.40032 16.155 8.00885 15.8463 9.5607C15.5376 11.1125 14.7757 12.538 13.6569 13.6568C12.538 14.7757 11.1126 15.5376 9.56072 15.8463C8.00887 16.1549 6.40034 15.9965 4.93853 15.391C3.47672 14.7855 2.22729 13.7601 1.34824 12.4445C0.469192 11.1289 -3.77363e-08 9.58223 0 7.99998L2.96 7.99998C2.96 8.99679 3.25559 9.97123 3.80939 10.8001C4.3632 11.6289 5.15034 12.2749 6.07128 12.6563C6.99222 13.0378 8.00559 13.1376 8.98326 12.9431C9.96092 12.7487 10.859 12.2687 11.5638 11.5638C12.2687 10.8589 12.7487 9.9609 12.9432 8.98323C13.1376 8.00557 13.0378 6.99219 12.6564 6.07125C12.2749 5.15031 11.6289 4.36317 10.8001 3.80937C9.97125 3.25557 8.99682 2.95998 8 2.95998L8 -2.28882e-05Z",
+        fill: color2 ?? "#0266EF"
+      }
+    )
+  ] });
+};
+export {
+  IconLoading
+};

package/dist/assets/Icons/IconSuccess.js

@@ -0,0 +1,15 @@
+import { j as jsxRuntimeExports } from "../../node_modules/react/jsx-runtime.js";
+const IconSuccess = ({ size = "16", color = "#138761" }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM7 11L4.3 8.3L5.2 7.5L7 9.3L11 5.4L11.9 6.2L7 11Z",
+      fill: color
+    }
+  ) });
+};
+export {
+  IconSuccess
+};

package/dist/assets/components/ActionDropdown/ActionDropdown.module-CJpBa8kB.css

@@ -0,0 +1,85 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.ActionDropdown-module__actionDropdownContainer {
+  width: 100%;
+}
+.ActionDropdown-module__actionDropdownContainer.ActionDropdown-module__collapsed .ActionDropdown-module__actionDropdownIcon {
+  transform: rotate(180deg);
+}
+.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent {
+  width: 100%;
+  border-radius: 6px;
+  background: #f2f2f2;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownTitle {
+  width: 90%;
+  white-space: nowrap;
+  overflow: hidden;
+  color: #131314;
+  font-feature-settings: "liga" off, "clig" off;
+  text-overflow: ellipsis;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0.1px;
+  border-right: 1px solid #ffffff;
+  padding: 8px 16px;
+}
+.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownContent .ActionDropdown-module__actionDropdownIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 8px;
+  width: 40px;
+  height: 40px;
+  transition: transform 0.2s ease-in-out;
+}
+.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList {
+  width: 100%;
+  border-radius: 12px;
+  border: 1px solid #e6e6e6;
+  background: #fff;
+  box-shadow: 0px 2px 4px 0px rgba(19, 19, 20, 0.04);
+  height: 250px;
+  overflow: auto;
+  padding: 8px;
+}
+.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem {
+  width: 100%;
+  border-radius: 4px;
+  background: #fff;
+  padding: 6px 10px;
+  overflow: hidden;
+  color: #131314;
+  font-feature-settings: "liga" off, "clig" off;
+  text-overflow: ellipsis;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0.1px;
+  cursor: pointer;
+}
+.ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem:hover, .ActionDropdown-module__actionDropdownContainer .ActionDropdown-module__actionDropdownList .ActionDropdown-module__actionDropdownItem.ActionDropdown-module__selected {
+  border-radius: 4px;
+  background: #f2f2f2;
+}

package/dist/assets/components/Checkbox/Checkbox.module-_XqqEodq.css

@@ -0,0 +1,82 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Checkbox-module__checkboxWrapper {
+  overflow: hidden;
+  border: 2px solid #c1c2c7;
+  background: #ffffff;
+  position: relative;
+  padding: 5px 4px;
+  border-radius: 3px;
+  cursor: pointer;
+  transition: 0.2;
+  display: grid;
+  place-items: center;
+  width: 18px;
+  height: 18px;
+  user-select: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+}
+.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark {
+  display: grid;
+  place-items: center;
+}
+.Checkbox-module__checkboxWrapper .Checkbox-module__checkMark svg {
+  width: 0.625rem;
+  user-select: none;
+  pointer-events: none;
+}
+.Checkbox-module__checkboxWrapper.Checkbox-module__error {
+  border-color: #e3292f;
+}
+.Checkbox-module__checkboxWrapper.Checkbox-module__error.Checkbox-module__checked {
+  background: #e3292f;
+  border: none;
+}
+.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
+  background: #0058ff;
+  border: none;
+}
+.Checkbox-module__checkboxWrapper.Checkbox-module__checked.Checkbox-module__disabled {
+  background: #95969c;
+}
+.Checkbox-module__checkboxWrapper.Checkbox-module__disabled {
+  cursor: not-allowed;
+  border-color: #c1c2c7 !important;
+}
+
+.Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked {
+  background: #32b45f;
+  border: 0.0625rem solid #32b45f;
+}
+.Checkbox-module__Namespace_Hr.Checkbox-module__checkboxWrapper.Checkbox-module__checked:hover {
+  background: #24994d;
+  border: 0.0625rem solid #24994d;
+}
+
+.Checkbox-module__dark {
+  background: #373a41;
+  border: unset;
+}
+.Checkbox-module__dark.Checkbox-module__checked {
+  background: #0158ff;
+  border: 0.0625rem solid #0158ff;
+}
+.Checkbox-module__dark.Checkbox-module__checked.Checkbox-module__disabled svg path {
+  stroke: #d5d7da;
+}
+.Checkbox-module__dark.Checkbox-module__disabled {
+  background: #8d8d8d !important;
+  border: 0.0625rem solid #373a41 !important;
+}

package/dist/assets/components/DatePicker/Calendar.module-D3fcZWFD.css

@@ -0,0 +1,316 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Calendar-module__datePicker {
+  z-index: 150;
+  position: absolute;
+  left: 0;
+  top: calc(100% + 8px);
+  display: flex;
+  border-radius: 0.75rem;
+  border: 1px solid #e9eaeb;
+  background: #fff;
+  box-shadow: 0px 20px 24px -4px rgba(10, 13, 18, 0.08), 0px 8px 8px -4px rgba(10, 13, 18, 0.03), 0px 3px 3px -1.5px rgba(10, 13, 18, 0.04);
+  width: 279px;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick {
+  padding: 1rem;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__border, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__border {
+  width: 0.0625rem;
+  background-color: #e9eaeb;
+  margin: 0 8px;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__calendarWrapper, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__calendarWrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.25rem;
+  min-width: 160px;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick li, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick li {
+  width: 100%;
+  padding: 8px;
+  color: #414651;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 0.875rem;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 1.25rem; /* 142.857% */
+  border-radius: 0.375rem;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar .Calendar-module__quickPick li:hover, .Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick .Calendar-module__quickPick li:hover {
+  background: #fafafa;
+  text-decoration: unset;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendar {
+  width: 656px;
+}
+.Calendar-module__datePicker.Calendar-module__dualCalendarWithQuick {
+  width: 848px;
+}
+.Calendar-module__datePicker .Calendar-module__datePickerHeader {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 8px;
+}
+.Calendar-module__datePicker .Calendar-module__datePickerHeader span {
+  color: #414651;
+  text-align: center;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 1.5rem; /* 150% */
+}
+.Calendar-module__datePicker .Calendar-module__div {
+  width: 100%;
+}
+.Calendar-module__datePicker .Calendar-module__div span {
+  font-family: "Inter-Regular", sans-serif;
+}
+.Calendar-module__datePicker .Calendar-module__currentDateHeader {
+  overflow: hidden;
+  color: #131314;
+  text-align: center;
+  font-feature-settings: "liga" off, "clig" off;
+  text-overflow: ellipsis;
+  /* UI/14 semi medium */
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 450;
+  line-height: 24px; /* 171.429% */
+  letter-spacing: 0.1px;
+  padding: 6px 16px;
+  border-radius: 6px;
+  border: 1px solid #e6e6e6;
+  background: #fff;
+  cursor: pointer;
+}
+.Calendar-module__datePicker .Calendar-module__left,
+.Calendar-module__datePicker .Calendar-module__right {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+}
+.Calendar-module__datePicker .Calendar-module__left .Calendar-module__singleIcon,
+.Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon,
+.Calendar-module__datePicker .Calendar-module__right .Calendar-module__singleIcon,
+.Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.Calendar-module__datePicker .Calendar-module__left .Calendar-module__singleIcon:hover,
+.Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon:hover,
+.Calendar-module__datePicker .Calendar-module__right .Calendar-module__singleIcon:hover,
+.Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon:hover {
+  opacity: 0.6;
+}
+.Calendar-module__datePicker .Calendar-module__left .Calendar-module__doubleIcon svg:first-of-type,
+.Calendar-module__datePicker .Calendar-module__right .Calendar-module__doubleIcon svg:first-of-type {
+  margin-right: -15px;
+}
+.Calendar-module__datePicker .Calendar-module__left span,
+.Calendar-module__datePicker .Calendar-module__right span {
+  position: relative;
+}
+.Calendar-module__datePicker .Calendar-module__left span::after,
+.Calendar-module__datePicker .Calendar-module__right span::after {
+  position: absolute;
+  top: 4px;
+  inset-inline-start: 4px;
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border: 0 solid currentcolor;
+  border-block-start-width: 1.5px;
+  border-block-end-width: 0;
+  border-inline-start-width: 1.5px;
+  border-inline-end-width: 0;
+  color: #a4a7ae;
+  content: "";
+}
+.Calendar-module__datePicker .Calendar-module__left span::before,
+.Calendar-module__datePicker .Calendar-module__right span::before {
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border: 0 solid currentcolor;
+  border-block-start-width: 1.5px;
+  border-block-end-width: 0;
+  border-inline-start-width: 1.5px;
+  border-inline-end-width: 0;
+  color: #a4a7ae;
+  content: "";
+}
+.Calendar-module__datePicker .Calendar-module__calendarWrapper {
+  padding: 0 8px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.Calendar-module__datePicker table {
+  border-collapse: collapse;
+  border-spacing: 0 0; /* vertical spacing */
+}
+.Calendar-module__datePicker table thead {
+  border-bottom: 2px solid #e6e6e6;
+}
+.Calendar-module__datePicker table thead tr th {
+  color: #7a7b80;
+}
+.Calendar-module__datePicker table tbody {
+  margin-top: 12px;
+}
+.Calendar-module__datePicker table .Calendar-module__spacerRow td {
+  height: 4px;
+  border: none;
+  padding: 0;
+}
+.Calendar-module__datePicker table th,
+.Calendar-module__datePicker table td:not(.Calendar-module__spacerRow td) {
+  text-align: center;
+  font-family: "Inter-Regular", sans-serif;
+  color: #131314;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 450;
+  line-height: 24px; /* 171.429% */
+  letter-spacing: 0.1px;
+  width: 36px;
+  height: 36px;
+  padding: 6px;
+  border-radius: 6px;
+  background: #fff;
+}
+.Calendar-module__datePicker table td.Calendar-module__day {
+  cursor: pointer;
+  border-radius: 6px;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  box-sizing: border-box !important;
+}
+.Calendar-module__datePicker table td.Calendar-module__day:hover {
+  background: #fafafa;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__today {
+  position: relative;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__today::before {
+  content: "";
+  position: absolute;
+  bottom: 4px;
+  left: 50%;
+  transform: translate(-50%, 0);
+  background-color: #0158ff;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  z-index: 1;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__inRange {
+  background: #f2f2f2;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__selected, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__startDate, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate {
+  background-color: #0158ff;
+  color: #fff;
+  position: relative;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__disabled {
+  color: #a4a7ae;
+  pointer-events: none;
+  opacity: 0.4;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate::before {
+  background-color: #fafafa;
+  width: 20px;
+  height: 40px;
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  inset-inline-end: 0;
+  z-index: -1;
+  content: "";
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__startDate::before {
+  background-color: #fafafa;
+  width: 20px;
+  height: 40px;
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: -1;
+  content: "";
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__endDate.Calendar-module__startDate::before {
+  content: none;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth {
+  color: #95969c;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 450;
+  line-height: 24px; /* 171.429% */
+  letter-spacing: 0.1px;
+}
+.Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth.Calendar-module__startDate, .Calendar-module__datePicker table td.Calendar-module__day.Calendar-module__otherMonth.Calendar-module__endDate {
+  color: #fff;
+}
+.Calendar-module__datePicker ul.Calendar-module__monthsWrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  height: 257px;
+  overflow: auto;
+}
+.Calendar-module__datePicker ul.Calendar-module__monthsWrapper li.Calendar-module__month {
+  width: 100%;
+  border-radius: 4px;
+  background: #fff;
+  padding: 6px 10px;
+  cursor: pointer;
+  color: #131314;
+  font-feature-settings: "liga" off, "clig" off;
+  text-overflow: ellipsis;
+  font-family: "Inter-Regular", sans-serif;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px; /* 171.429% */
+  letter-spacing: 0.1px;
+}
+.Calendar-module__datePicker ul.Calendar-module__monthsWrapper li.Calendar-module__month.Calendar-module__pickedMonth {
+  background: #ECF3FF;
+  color: #0158ff;
+}
+.Calendar-module__datePicker .Calendar-module__buttonWrapper {
+  margin-top: 8px;
+  padding: 8px;
+  border-top: 1px solid #e6e6e6;
+}

package/dist/assets/components/DatePicker/Datepicker.module-BxWRyQpP.css

@@ -0,0 +1,39 @@
+@font-face {
+  font-family: "Inter-Regular";
+  src: url("/assets/Inter_24pt-Regular-C7SEt4-L.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Regular.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-SemiBold";
+  src: url("/assets/Inter_24pt-SemiBold-DIQUEucn.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-SemiBold.woff") format("woff");
+}
+@font-face {
+  font-family: "Inter-Medium";
+  src: url("/assets/Inter_24pt-Medium-C1cYvkz2.woff2") format("woff2"), url("../../assets/fonts/Inter_24pt-Medium.woff") format("woff");
+}
+.Datepicker-module__datepickerContainer {
+  width: 100%;
+  user-select: none;
+  scroll-behavior: smooth;
+}
+.Datepicker-module__datepickerContainer::-webkit-scrollbar {
+  display: block !important;
+  width: 0;
+}
+.Datepicker-module__datepickerContainer::-webkit-scrollbar-thumb {
+  opacity: 0;
+}
+.Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper {
+  width: 100%;
+  cursor: pointer;
+}
+.Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerLeftIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.Datepicker-module__datepickerContainer .Datepicker-module__datepickerInputWrapper .Datepicker-module__datepickerRightIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}