mainstack-design-system 0.0.7 → 0.0.8

package/src/assets/styles/index.css

@@ -1,486 +0,0 @@
-/** @format */
-
-@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap");
-@font-face {
-  font-family: "Degular";
-  src: url("../fonts/Degular-Medium.woff2") format("woff2");
-  font-weight: 500;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Degular";
-  src: url("../fonts/Degular-Medium_Italic.woff2") format("woff2");
-  font-weight: 500;
-  font-style: italic;
-}
-@font-face {
-  font-family: "Degular";
-  src: url("../fonts/Degular-Semibold.woff2") format("woff2");
-  font-weight: 600;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Degular";
-  src: url("../fonts/Degular-Semibold_Italic.woff2") format("woff2");
-  font-weight: 600;
-  font-style: italic;
-}
-@font-face {
-  font-family: "Degular Display";
-  src: url("../fonts/Degular_Display-Semibold.woff2") format("woff2");
-  font-weight: 600;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Degular Display";
-  src: url("../fonts/Degular_Display-Semibold_Italic.woff2") format("woff2");
-  font-weight: 600;
-  font-style: italic;
-}
-@font-face {
-  font-family: "Degular Display";
-  src: url("../fonts/Degular_Display-Bold.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Degular Display";
-  src: url("../fonts/Degular_Display-Bold_Italic.woff2") format("woff2");
-  font-weight: 700;
-  font-style: italic;
-}
-
-/* Sohne */
-@font-face {
-  font-family: "Sohne";
-  src: local("Sohne"), url("../fonts/Sohne-Buch.otf") format("opentype");
-}
-
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-leicht.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Leicht.otf") format("opentype");
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-buch.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Buch.otf") format("opentype");
-  font-weight: 400;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-buch-kursiv.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-BuchKursiv.otf") format("opentype");
-  font-weight: 400;
-  font-style: italic;
-}
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-kraftig.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Kra¦êftig.otf") format("opentype");
-  font-weight: 500;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-kraftig-kursiv.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Kra¦êftigKursiv.otf") format("opentype");
-  font-weight: 500;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-halbfett.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Halbfett.otf") format("opentype");
-  font-weight: 600;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-halbfett-kursiv.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-HalbfettKursiv.otf") format("opentype");
-  font-weight: 600;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-dreiviertelfett-kursiv.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-DreiviertelfettKursiv.otf") format("opentype");
-  font-weight: 700;
-  font-style: italic;
-}
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-dreiviertelfett.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Dreiviertelfett.otf") format("opentype");
-  font-weight: 700;
-  font-style: normal;
-}
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-fett.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Fett.otf") format("opentype");
-  font-weight: 800;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Söhne Breit";
-  src: url("../fonts/soehne-fett.woff2") format("woff2");
-  src: url("../fonts/So¦êhne-Fett.otf") format("opentype");
-  font-weight: 900;
-  font-style: normal;
-}
-
-:root {
-  line-height: 1.5;
-  font-weight: 400;
-  font-synthesis: none;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-text-size-adjust: 100%;
-}
-
-#root {
-  width: 100%;
-  min-height: 100vh;
-}
-
-body {
-  margin: 0;
-  font-family: "Open Sans";
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  overscroll-behavior: none;
-}
-
-/* Phone number input styles  */
-.phone_input {
-  background: transparent !important;
-  border: none !important;
-  height: 48px !important;
-  border-radius: 12px !important;
-  width: 100% !important;
-  padding: 16px !important;
-  font-size: 16px !important;
-  font-weight: 500;
-  font-family: "Degular";
-}
-/* .phone_input:hover {
-  outline: 2px solid #dbdee6 !important;
-  outline-offset: -2px !important;
-} */
-.phone_container_class {
-  display: flex !important;
-  flex-direction: row-reverse !important;
-  border: none !important;
-  width: 100% !important;
-  /* gap: 12px !important; */
-  background: #fff !important;
-  border: 1px solid #eff1f6 !important;
-  border-radius: 12px !important;
-}
-.phone_container_class:focus-within {
-  border: 3px solid #313131 !important;
-}
-.phone_container_class:hover {
-  background: #eff1f6 !important;
-  border: 3px solid #313131 !important;
-}
-.phone_country_button {
-  background: transparent !important;
-  border-radius: 12px !important;
-  position: relative !important;
-  width: 44px !important;
-  border: none !important;
-  padding: 0px 14px !important;
-  margin-right: 14px !important;
-}
-.phone_container_class .selected-flag {
-  padding: 0px !important;
-}
-.react-tel-input .selected-flag {
-  width: 100% !important;
-  background-color: transparent !important;
-}
-.react-tel-input .selected-flag:hover,
-.react-tel-input .selected-flag:focus {
-  background-color: transparent !important;
-}
-
-.phone_country_dropdown {
-  border: 1px solid #fff !important;
-  border-radius: 16px !important;
-  padding: 8px !important;
-  box-shadow: 0px 2px 4px 0px rgba(45, 59, 67, 0.05),
-    0px 2px 6px 0px rgba(45, 59, 67, 0.06) !important;
-  font-family: Degular;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 24px; /* 150% */
-  letter-spacing: -0.4px;
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-  left: 0;
-}
-/* Hide scrollbar for Chrome, Safari and Opera */
-.phone_country_dropdown::-webkit-scrollbar {
-  display: none;
-}
-
-.phone_country_dropdown .highlight,
-.phone_country_dropdown .country:hover {
-  border-radius: 8px;
-  background: #eff1f6;
-}
-.phone_country_dropdown .country {
-  padding: 14px;
-  display: flex;
-  align-items: center;
-}
-.react-tel-input .selected-flag .arrow {
-  position: relative;
-  top: 50%;
-  transform: translateY(-50%);
-  margin-top: -5px;
-  right: 0%;
-  width: 100%;
-  height: 100%;
-  border-left: none;
-  border-right: none;
-  border-top: none;
-  transition: all 0.2s ease-in-out;
-}
-.react-tel-input .selected-flag .arrow.up {
-  border-top: none;
-  border-bottom: none;
-  transform: rotate(180deg);
-  margin-top: -3px;
-  transition: transform 0.1s ease-in-out;
-  transform-origin: center;
-  right: 0%;
-  position: relative;
-  top: 50%;
-}
-/* .react-tel-input .country-list {
-  width: 100% !important;
-} */
-
-/* .react-tel-input .flag {
-  width: 16px !important;
-  height: 12px !important;
-  border-radius: 50% !important;
-} */
-/* .markdown-container {
-  transition: all 0.2s ease-in-out;
-} */
-.markdown-container:focus-within {
-  border: 3px solid #313131 !important;
-}
-
-.ql-toolbar {
-  border-radius: 30px;
-  padding: 6px;
-  border: none;
-}
-.ql-toolbar.ql-snow {
-  border: none;
-  padding: 6px;
-  border-radius: 30px;
-  background-color: #fff;
-  box-shadow: 0px 2px 4px 0px rgba(45, 59, 67, 0.05),
-    0px 2px 6px 0px rgba(45, 59, 67, 0.06);
-}
-.ql-toolbar.ql-snow .ql-formats {
-  margin-right: 0px;
-}
-
-.ql-editor {
-  min-height: 200px !important;
-  max-height: 400px;
-  font-size: 16px !important;
-}
-
-.ql-editor[data-placeholder] {
-  font-style: normal;
-  font-family: "Degular";
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.ql-editor.ql-blank::before {
-  font-style: normal !important;
-}
-
-.ql-container {
-  border: none !important;
-  padding-top: 16px;
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none; /* Firefox */
-  left: 0;
-}
-.ql-editor {
-  -ms-overflow-style: none; /* IE and Edge */
-  scrollbar-width: none !important; /* Firefox */
-}
-.ql-editor ::-webkit-scrollbar {
-  display: none;
-}
-
-.ql-snow.ql-toolbar button:hover,
-.ql-snow .ql-toolbar button:hover,
-.ql-snow.ql-toolbar button:focus,
-.ql-snow .ql-toolbar button:focus,
-.ql-snow.ql-toolbar button.ql-active,
-.ql-snow .ql-toolbar button.ql-active,
-.ql-snow.ql-toolbar .ql-picker-label:hover,
-.ql-snow .ql-toolbar .ql-picker-label:hover,
-.ql-snow.ql-toolbar .ql-picker-label.ql-active,
-.ql-snow .ql-toolbar .ql-picker-label.ql-active,
-.ql-snow.ql-toolbar .ql-picker-item:hover,
-.ql-snow .ql-toolbar .ql-picker-item:hover,
-.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
-.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
-  color: #a6abaf;
-}
-
-.ql-snow.ql-toolbar button:hover .ql-stroke,
-.ql-snow .ql-toolbar button:hover .ql-stroke,
-.ql-snow.ql-toolbar button:focus .ql-stroke,
-.ql-snow .ql-toolbar button:focus .ql-stroke,
-.ql-snow.ql-toolbar button.ql-active .ql-stroke,
-.ql-snow .ql-toolbar button.ql-active .ql-stroke,
-.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
-.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
-.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
-.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
-.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
-.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
-.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
-.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
-.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
-.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
-.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
-.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
-.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
-.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
-.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
-.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
-.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
-.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
-.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
-.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
-.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
-  stroke: #a6abaf;
-}
-
-.ql-snow.ql-toolbar button:hover .ql-fill,
-.ql-snow .ql-toolbar button:hover .ql-fill,
-.ql-snow.ql-toolbar button:focus .ql-fill,
-.ql-snow .ql-toolbar button:focus .ql-fill,
-.ql-snow.ql-toolbar button.ql-active .ql-fill,
-.ql-snow .ql-toolbar button.ql-active .ql-fill,
-.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
-.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
-.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
-.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
-.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
-.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
-.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
-.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
-.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
-.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
-.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
-.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
-.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
-.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
-.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
-  fill: #a6abaf;
-}
-
-@keyframes AiBtnScale {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.05);
-  }
-  100% {
-    transform: scale(1);
-  }
-}
-@keyframes AiBtnRotate {
-  0% {
-    transform: rotate(0deg);
-  }
-  50% {
-    transform: rotate(45deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-}
-
-.aiBtn {
-  animation: AiBtnScale 3s infinite;
-}
-.aiBtn__icon {
-  animation: AiBtnRotate 3s infinite;
-  transition: transform 0.3s ease;
-}
-
-.Toastify__toast-container {
-  width: auto !important;
-}
-
-button {
-  outline: none !important;
-}
-
-.Toastify__toast {
-  font-family: "Degular" !important;
-  box-shadow: 0px 4px 8px 0px rgba(45, 59, 67, 0.05),
-    0px 6px 12px 0px rgba(45, 59, 67, 0.06) !important;
-  background: transparent !important;
-  padding: 0px !important;
-  right: -5px;
-  border-radius: 12px !important;
-  min-height: auto !important;
-}
-
-.Toastify__toast-body {
-  background: transparent !important;
-  padding: 0 !important;
-}
-
-.border-gradient {
-  background: linear-gradient(#fff, #fff) padding-box,
-    linear-gradient(137deg, #4de1ff 0%, #6a00ff 48.43%, #ff00bf 96.86%)
-      border-box;
-  border: 2px solid transparent;
-  border-radius: 12px;
-}
-
-.custom-balance-tooltip .chakra-popover__arrow-positioner {
-  width: 10.02px !important;
-  height: 10.02px !important;
-  left: 0px !important;
-  border-radius: 2px !important;
-}

package/src/assets/svgs/check_circle.svg

@@ -1,8 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1026_1490" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
-<rect width="20" height="20" fill="#C4C4C4"/>
-</mask>
-<g mask="url(#mask0_1026_1490)">
-<path d="M9.23396 11.3721L7.29804 9.43622C7.18267 9.32083 7.03764 9.26181 6.86296 9.25914C6.68828 9.25646 6.54058 9.31549 6.41985 9.43622C6.29913 9.55694 6.23877 9.70331 6.23877 9.87531C6.23877 10.0473 6.29913 10.1937 6.41985 10.3144L8.70671 12.6012C8.85735 12.7519 9.0331 12.8272 9.23396 12.8272C9.43481 12.8272 9.61055 12.7519 9.76119 12.6012L14.3974 7.96503C14.5128 7.84966 14.5718 7.70463 14.5745 7.52995C14.5772 7.35527 14.5181 7.20757 14.3974 7.08685C14.2767 6.96612 14.1303 6.90576 13.9583 6.90576C13.7863 6.90576 13.64 6.96612 13.5192 7.08685L9.23396 11.3721ZM10.418 17.5003C9.3231 17.5003 8.2939 17.2925 7.33046 16.877C6.367 16.4614 5.52893 15.8974 4.81625 15.1851C4.10356 14.4727 3.53934 13.635 3.1236 12.672C2.70787 11.709 2.5 10.68 2.5 9.58503C2.5 8.49009 2.70778 7.4609 3.12333 6.49745C3.53889 5.53399 4.10285 4.69592 4.81521 3.98324C5.52758 3.27055 6.36529 2.70633 7.32831 2.2906C8.29133 1.87486 9.32031 1.66699 10.4153 1.66699C11.5102 1.66699 12.5394 1.87477 13.5028 2.29033C14.4663 2.70588 15.3044 3.26984 16.017 3.9822C16.7297 4.69458 17.294 5.53228 17.7097 6.49531C18.1254 7.45832 18.3333 8.4873 18.3333 9.58224C18.3333 10.6772 18.1255 11.7064 17.71 12.6698C17.2944 13.6333 16.7304 14.4714 16.0181 15.184C15.3057 15.8967 14.468 16.4609 13.505 16.8767C12.542 17.2924 11.513 17.5003 10.418 17.5003Z" fill="#00B33C"/>
-</g>
-</svg>

package/src/assets/svgs/close-circle.svg

@@ -1,3 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9.99984 1.66699C5.40817 1.66699 1.6665 5.40866 1.6665 10.0003C1.6665 14.592 5.40817 18.3337 9.99984 18.3337C14.5915 18.3337 18.3332 14.592 18.3332 10.0003C18.3332 5.40866 14.5915 1.66699 9.99984 1.66699ZM12.7998 11.917C13.0415 12.1587 13.0415 12.5587 12.7998 12.8003C12.6748 12.9253 12.5165 12.9837 12.3582 12.9837C12.1998 12.9837 12.0415 12.9253 11.9165 12.8003L9.99984 10.8837L8.08317 12.8003C7.95817 12.9253 7.79984 12.9837 7.6415 12.9837C7.48317 12.9837 7.32484 12.9253 7.19984 12.8003C6.95817 12.5587 6.95817 12.1587 7.19984 11.917L9.1165 10.0003L7.19984 8.08366C6.95817 7.84199 6.95817 7.44199 7.19984 7.20033C7.4415 6.95866 7.8415 6.95866 8.08317 7.20033L9.99984 9.11699L11.9165 7.20033C12.1582 6.95866 12.5582 6.95866 12.7998 7.20033C13.0415 7.44199 13.0415 7.84199 12.7998 8.08366L10.8832 10.0003L12.7998 11.917Z" fill="#131316"/>
-</svg>

package/src/assets/svgs/error_message_icon.svg

@@ -1,8 +0,0 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1011_13709" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
-<rect width="20" height="20" fill="#C4C4C4"/>
-</mask>
-<g mask="url(#mask0_1011_13709)">
-<path d="M10.0003 14.5C10.2017 14.5 10.3704 14.4319 10.5065 14.2957C10.6425 14.1595 10.7105 13.9908 10.7105 13.7895V9.76313C10.7105 9.56183 10.6424 9.39309 10.5062 9.25691C10.3699 9.12072 10.2011 9.05263 9.99969 9.05263C9.79828 9.05263 9.62956 9.12072 9.49353 9.25691C9.35751 9.39309 9.28949 9.56183 9.28949 9.76313V13.7895C9.28949 13.9908 9.35761 14.1595 9.49384 14.2957C9.63009 14.4319 9.79891 14.5 10.0003 14.5ZM10 7.43118C10.2168 7.43118 10.3985 7.35785 10.5452 7.2112C10.6918 7.06455 10.7652 6.88282 10.7652 6.66601C10.7652 6.44922 10.6918 6.26749 10.5452 6.12082C10.3985 5.97417 10.2168 5.90084 10 5.90084C9.78319 5.90084 9.60146 5.97417 9.45481 6.12082C9.30816 6.26749 9.23483 6.44922 9.23483 6.66601C9.23483 6.88282 9.30816 7.06455 9.45481 7.2112C9.60146 7.35785 9.78319 7.43118 10 7.43118ZM10.0016 19C8.7568 19 7.58677 18.7638 6.49148 18.2914C5.39618 17.8189 4.44342 17.1778 3.63322 16.368C2.82299 15.5581 2.18157 14.6058 1.70894 13.511C1.23631 12.4162 1 11.2464 1 10.0016C1 8.7568 1.23621 7.58677 1.70863 6.49148C2.18106 5.39618 2.82219 4.44343 3.63203 3.63322C4.44189 2.823 5.39423 2.18157 6.48904 1.70894C7.58384 1.23631 8.75363 1 9.99841 1C11.2432 1 12.4132 1.23621 13.5085 1.70863C14.6038 2.18106 15.5566 2.82219 16.3668 3.63203C17.177 4.44189 17.8184 5.39423 18.2911 6.48904C18.7637 7.58384 19 8.75363 19 9.99841C19 11.2432 18.7638 12.4132 18.2914 13.5085C17.8189 14.6038 17.1778 15.5566 16.368 16.3668C15.5581 17.177 14.6058 17.8184 13.511 18.2911C12.4162 18.7637 11.2464 19 10.0016 19ZM10 17.579C12.1158 17.579 13.9079 16.8448 15.3763 15.3763C16.8448 13.9079 17.579 12.1158 17.579 10C17.579 7.8842 16.8448 6.09209 15.3763 4.62367C13.9079 3.15525 12.1158 2.42103 10 2.42103C7.8842 2.42103 6.09209 3.15525 4.62367 4.62367C3.15524 6.09209 2.42103 7.8842 2.42103 10C2.42103 12.1158 3.15524 13.9079 4.62367 15.3763C6.09209 16.8448 7.8842 17.579 10 17.579Z" fill="#CC003A"/>
-</g>
-</svg>

package/src/assets/svgs/personal_profile_avatar.svg

@@ -1,13 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1191_6049)">
-<rect width="32" height="32" rx="16" fill="#E6E9EF"/>
-<path d="M20.7395 20.7538C20.5879 20.6528 20.4109 20.678 20.2846 20.779C19.0208 21.7142 17.479 22.245 15.7854 22.245C14.0919 22.245 12.5501 21.689 11.2863 20.779C11.1598 20.678 10.9576 20.678 10.8314 20.7538C7.84886 22.6748 6.35742 26.441 6.35742 30.7633C6.35742 33.7458 25.2136 33.7458 25.2136 30.7633C25.2132 26.4409 23.7219 22.6748 20.7394 20.7538H20.7395Z" fill="white"/>
-<path d="M21.4217 14.6367C21.4217 17.7497 18.8981 20.2733 15.7851 20.2733C12.672 20.2733 10.1484 17.7496 10.1484 14.6367C10.1484 11.5238 12.672 9 15.7851 9C18.8981 9 21.4217 11.5236 21.4217 14.6367Z" fill="white"/>
-</g>
-<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E6E9EF"/>
-<defs>
-<clipPath id="clip0_1191_6049">
-<rect width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/assets/svgs/search-normal.svg

@@ -1,4 +0,0 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.66683 13.9997C11.1646 13.9997 14.0002 11.1641 14.0002 7.66634C14.0002 4.16854 11.1646 1.33301 7.66683 1.33301C4.16903 1.33301 1.3335 4.16854 1.3335 7.66634C1.3335 11.1641 4.16903 13.9997 7.66683 13.9997Z" stroke="#A6ABAF" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M14.6668 14.6663L13.3335 13.333" stroke="#A6ABAF" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/assets/svgs/store_avatar.svg

@@ -1,13 +0,0 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_1191_6053)">
-<rect width="32" height="32" rx="16" fill="#E6E9EF"/>
-<path d="M24.5008 16.4V24.375C24.5008 24.8417 24.3468 25.2293 24.0388 25.538C23.7301 25.846 23.3508 26 22.9008 26H9.12578C8.65911 26 8.27145 25.846 7.96278 25.538C7.65478 25.2293 7.50078 24.8417 7.50078 24.375V16.35C7.08411 16.05 6.77578 15.6457 6.57578 15.137C6.37578 14.629 6.37578 14.0917 6.57578 13.525L7.55078 10.3C7.68411 9.9 7.89678 9.58333 8.18878 9.35C8.48011 9.11667 8.84245 9 9.27578 9H22.6758C23.1258 9 23.4968 9.10833 23.7888 9.325C24.0801 9.54167 24.2924 9.85833 24.4258 10.275L25.4508 13.525C25.6341 14.0917 25.6301 14.6333 25.4388 15.15C25.2468 15.6667 24.9341 16.0833 24.5008 16.4ZM18.2008 16C18.8508 16 19.3341 15.8207 19.6508 15.462C19.9674 15.104 20.1008 14.7333 20.0508 14.35L19.3758 10H16.5008V14.2C16.5008 14.6833 16.6714 15.104 17.0128 15.462C17.3548 15.8207 17.7508 16 18.2008 16ZM13.7008 16C14.2341 16 14.6674 15.8207 15.0008 15.462C15.3341 15.104 15.5008 14.6833 15.5008 14.2V10H12.6258L11.9758 14.425C11.9258 14.7417 12.0591 15.0833 12.3758 15.45C12.6924 15.8167 13.1341 16 13.7008 16ZM9.25078 16C9.70078 16 10.0801 15.85 10.3888 15.55C10.6968 15.25 10.8841 14.875 10.9508 14.425L11.5758 10H9.27578C9.05911 10 8.88845 10.05 8.76378 10.15C8.63845 10.25 8.54245 10.3917 8.47578 10.575L7.55078 13.725C7.38411 14.2583 7.45511 14.7707 7.76378 15.262C8.07178 15.754 8.56745 16 9.25078 16ZM22.7508 16C23.3508 16 23.8301 15.7667 24.1888 15.3C24.5468 14.8333 24.6341 14.3083 24.4508 13.725L23.4758 10.55C23.4091 10.35 23.3134 10.2083 23.1888 10.125C23.0634 10.0417 22.8924 10 22.6758 10H20.4258L21.0508 14.425C21.1341 14.875 21.3301 15.25 21.6388 15.55C21.9468 15.85 22.3174 16 22.7508 16Z" fill="white"/>
-<path d="M7.50078 24.5H24.5008V35.5H7.50078V24.5Z" fill="white"/>
-</g>
-<rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="#E6E9EF"/>
-<defs>
-<clipPath id="clip0_1191_6053">
-<rect width="32" height="32" rx="16" fill="white"/>
-</clipPath>
-</defs>
-</svg>

package/src/assets/svgs/viewIcon.svg

@@ -1,8 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_1601_3382" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
-<rect width="24" height="24" fill="#C4C4C4"/>
-</mask>
-<g mask="url(#mask0_1601_3382)">
-<path d="M12.0002 15.15C13.0169 15.15 13.8795 14.7957 14.5882 14.087C15.2962 13.379 15.6502 12.5167 15.6502 11.5C15.6502 10.4833 15.2962 9.62067 14.5882 8.912C13.8795 8.204 13.0169 7.85 12.0002 7.85C10.9835 7.85 10.1212 8.204 9.4132 8.912C8.70453 9.62067 8.3502 10.4833 8.3502 11.5C8.3502 12.5167 8.70453 13.379 9.4132 14.087C10.1212 14.7957 10.9835 15.15 12.0002 15.15ZM12.0002 14.2C11.2502 14.2 10.6129 13.9373 10.0882 13.412C9.56286 12.8873 9.3002 12.25 9.3002 11.5C9.3002 10.75 9.56286 10.1123 10.0882 9.587C10.6129 9.06233 11.2502 8.8 12.0002 8.8C12.7502 8.8 13.3879 9.06233 13.9132 9.587C14.4379 10.1123 14.7002 10.75 14.7002 11.5C14.7002 12.25 14.4379 12.8873 13.9132 13.412C13.3879 13.9373 12.7502 14.2 12.0002 14.2ZM12.0002 18C9.83353 18 7.85853 17.4127 6.0752 16.238C4.29186 15.0627 2.95853 13.4833 2.0752 11.5C2.95853 9.51667 4.29186 7.93733 6.0752 6.762C7.85853 5.58733 9.83353 5 12.0002 5C14.1669 5 16.1419 5.58733 17.9252 6.762C19.7085 7.93733 21.0419 9.51667 21.9252 11.5C21.0419 13.4833 19.7085 15.0627 17.9252 16.238C16.1419 17.4127 14.1669 18 12.0002 18ZM12.0002 17C13.8835 17 15.6129 16.504 17.1882 15.512C18.7629 14.5207 19.9669 13.1833 20.8002 11.5C19.9669 9.81667 18.7629 8.479 17.1882 7.487C15.6129 6.49567 13.8835 6 12.0002 6C10.1169 6 8.38753 6.49567 6.81219 7.487C5.23753 8.479 4.03353 9.81667 3.2002 11.5C4.03353 13.1833 5.23753 14.5207 6.81219 15.512C8.38753 16.504 10.1169 17 12.0002 17Z" />
-</g>
-</svg>

package/src/assets/svgs/viewOffIcon.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M11.8743 8.54167L11.2077 7.87501C11.3327 7.15278 11.128 6.52417 10.5935 5.98917C10.0585 5.45473 9.4299 5.25001 8.70768 5.37501L8.04102 4.70834C8.17991 4.65278 8.32574 4.61112 8.47852 4.58334C8.63129 4.55556 8.80491 4.54167 8.99935 4.54167C9.84657 4.54167 10.5655 4.83667 11.156 5.42667C11.746 6.01723 12.041 6.73612 12.041 7.58334C12.041 7.77778 12.0271 7.95473 11.9993 8.11417C11.9716 8.27417 11.9299 8.41667 11.8743 8.54167ZM14.4993 11.1042L13.8744 10.5417C14.4021 10.1389 14.871 9.69778 15.281 9.21834C15.6905 8.73945 16.041 8.19445 16.3327 7.58334C15.6382 6.18056 14.6416 5.06584 13.3427 4.23917C12.0443 3.41306 10.5966 3.00001 8.99935 3.00001C8.59657 3.00001 8.20074 3.02778 7.81185 3.08334C7.42296 3.13889 7.04102 3.22223 6.66602 3.33334L6.02018 2.68751C6.50629 2.50695 6.99935 2.37501 7.49935 2.29167C7.99935 2.20834 8.49935 2.16667 8.99935 2.16667C10.8049 2.16667 12.4577 2.66306 13.9577 3.65584C15.4577 4.64917 16.5618 5.95834 17.2702 7.58334C16.9646 8.25001 16.586 8.87834 16.1343 9.46834C15.6832 10.0589 15.1382 10.6042 14.4993 11.1042ZM15.4368 15.625L12.1868 12.375C11.8257 12.5417 11.371 12.6875 10.8227 12.8125C10.2738 12.9375 9.66602 13 8.99935 13C7.1799 13 5.52713 12.5033 4.04102 11.51C2.5549 10.5172 1.45074 9.20834 0.728516 7.58334C1.04796 6.84723 1.47518 6.15612 2.01018 5.51001C2.54463 4.86445 3.11046 4.32639 3.70768 3.89584L1.37435 1.56251L1.97852 0.979172L16.0202 15.0208L15.4368 15.625ZM4.29102 4.47917C3.81879 4.82639 3.33268 5.27778 2.83268 5.83334C2.33268 6.38889 1.94379 6.97223 1.66602 7.58334C2.36046 8.98612 3.35685 10.1006 4.65518 10.9267C5.95407 11.7533 7.40213 12.1667 8.99935 12.1667C9.48546 12.1667 9.97157 12.1214 10.4577 12.0308C10.9438 11.9408 11.3118 11.8472 11.5618 11.75L10.1868 10.375C10.0618 10.4445 9.88129 10.5033 9.64518 10.5517C9.40907 10.6006 9.19379 10.625 8.99935 10.625C8.15213 10.625 7.43352 10.3297 6.84352 9.73917C6.25296 9.14917 5.95768 8.43056 5.95768 7.58334C5.95768 7.40278 5.98213 7.19778 6.03102 6.96834C6.07935 6.73945 6.13824 6.54862 6.20768 6.39584L4.29102 4.47917Z" />
-</svg>

package/src/assets/themes/baseThemes.ts

@@ -1,40 +0,0 @@
-/** @format */
-
-import { extendTheme } from "@chakra-ui/react";
-
-// baseTheme.fonts?.heading
-
-const config = {
-  initialColorMode: "light",
-  useSystemColorMode: false,
-};
-
-const breakpoints = {
-  base: "0px",
-  sm: "320px",
-  md: "768px",
-  lg: "960px",
-  xl: "1200px",
-  "2xl": "1536px",
-};
-
-export const theme = extendTheme({
-  config,
-  breakpoints,
-  colors: {
-    //
-  },
-  fonts: {
-    //
-  },
-  fontSizes: {
-    h1: "40px",
-    h2: "24px",
-    h3: "24px",
-    p: "20px",
-    body: "16px",
-    button: "18px",
-    mini: "16px",
-    small: "14px",
-  },
-});