microboard-ui-temp 0.1.169 → 0.3.0

package/dist/{chunk-d2kcyv9d.css → chunk-f0mvcsbm.css}

@@ -229,6 +229,150 @@ input:-webkit-autofill:active {
   margin: 0 10px;
 }
 
+/* src/entities/account/AuthForm.module.css */
+.wrapper_nFyDWw {
+  display: flex;
+  background-color: #fff;
+  flex-direction: column;
+  justify-content: center;
+  align-items: stretch;
+  width: 100%;
+  height: 100%;
+}
+
+.form_nFyDWw {
+  box-sizing: border-box;
+  display: flex;
+  border-radius: 8px;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+}
+
+.link_nFyDWw {
+  text-decoration: none;
+  color: #6c7173;
+  display: flex;
+  justify-content: center;
+  align-self:  flex-start;
+  width: 100%;
+  margin-top: 10px;
+  font-family: Manrope, Arial;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.link_nFyDWw:hover {
+  text-decoration: underline;
+}
+
+.link_nFyDWw:visited {
+  color: #6c7173;
+}
+
+.title_nFyDWw {
+  text-align: center;
+  margin-bottom: 32px;
+  font-family: Manrope, Arial;
+  font-weight: 600;
+}
+
+.error_nFyDWw {
+  color: red;
+}
+
+.button_nFyDWw {
+  color: #fff;
+  cursor: pointer;
+  outline-color: #0000;
+  box-sizing: border-box;
+  display: flex;
+  background-color: #14151a;
+  border: 1px solid #14151a;
+  border-radius: 12px;
+  justify-content: center;
+  align-items:  center;
+  gap: 8px;
+  width: 100%;
+  height: 40px;
+  margin-top: 32px;
+  font-family: Manrope, Arial;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.button_nFyDWw:disabled {
+  color: #0a0f2940;
+  background-color: #e9eaec;
+  border-color: #e9eaec;
+}
+
+.button_nFyDWw:disabled:hover {
+  cursor: not-allowed;
+  color: #0a0f2940;
+  background-color: #e9eaec;
+  border-color: #e9eaec;
+}
+
+.button_nFyDWw:active {
+  outline: 2px solid #c8b2ff80;
+}
+
+.button_nFyDWw:hover {
+  background-color: #1f2228;
+}
+
+.forgot_nFyDWw {
+  font-weight: 600 !important;
+}
+
+.btns_nFyDWw {
+  display: flex;
+  flex-direction: column;
+  align-items:  center;
+  gap: 12px;
+  width: 100%;
+  margin-top: 16px;
+}
+
+.anotherBtns_nFyDWw {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  width: 100%;
+  margin: 0 0 40px;
+}
+
+@media screen and (max-width: 640px) {
+  .title_nFyDWw {
+    margin-bottom: 8px;
+  }
+
+  .policy_nFyDWw {
+    text-align: center;
+    margin-bottom: 20px;
+    font-size: 14px;
+  }
+
+  .policyLink_nFyDWw {
+    text-decoration: none;
+  }
+
+  .policyLink_nFyDWw:after {
+    content: "";
+    position: absolute;
+    background-color: #0000;
+    width: 100%;
+    height: 2px;
+    bottom: -3px;
+    left: 0;
+  }
+
+  .btns_nFyDWw {
+    margin-top: 8px;
+  }
+}
+
 /* src/shared/ui-lib/UiButton/UiButton.module.css */
 .default_XNHIwg {
   --background-color: #924fe8;
@@ -836,182 +980,29 @@ input:-webkit-autofill:active {
     opacity: 0;
   }
 
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes fadeOut_Bde5bA {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-/* src/shared/ui-lib/Loader/Loader.module.css */
-.loader_U95jQg {
-  animation: loaderAnimation 1s infinite steps(12);
-}
-
-@keyframes loaderAnimation_XZFUtg {
-  100% {
-    transform: rotate(1turn);
-  }
-}
-
-/* src/features/WalletLoginButton/WalletLoginButton.module.css */
-.btn_JyYbVQ {
-  position: relative;
-  width: 100%;
-  max-width: 252px;
-  margin: 0 auto;
-  font-weight: 500;
-}
-
-/* src/entities/account/AuthForm.module.css */
-.wrapper_nFyDWw {
-  display: flex;
-  background-color: #fff;
-  flex-direction: column;
-  justify-content: center;
-  align-items: stretch;
-  width: 100%;
-  height: 100%;
-}
-
-.form_nFyDWw {
-  box-sizing: border-box;
-  display: flex;
-  border-radius: 8px;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-}
-
-.link_nFyDWw {
-  text-decoration: none;
-  color: #6c7173;
-  display: flex;
-  justify-content: center;
-  align-self:  flex-start;
-  width: 100%;
-  margin-top: 10px;
-  font-family: Manrope, Arial;
-  font-size: 14px;
-  font-weight: 600;
-}
-
-.link_nFyDWw:hover {
-  text-decoration: underline;
-}
-
-.link_nFyDWw:visited {
-  color: #6c7173;
-}
-
-.title_nFyDWw {
-  text-align: center;
-  margin-bottom: 32px;
-  font-family: Manrope, Arial;
-  font-weight: 600;
-}
-
-.error_nFyDWw {
-  color: red;
-}
-
-.button_nFyDWw {
-  color: #fff;
-  cursor: pointer;
-  outline-color: #0000;
-  box-sizing: border-box;
-  display: flex;
-  background-color: #14151a;
-  border: 1px solid #14151a;
-  border-radius: 12px;
-  justify-content: center;
-  align-items:  center;
-  gap: 8px;
-  width: 100%;
-  height: 40px;
-  margin-top: 32px;
-  font-family: Manrope, Arial;
-  font-size: 14px;
-  font-weight: 500;
-}
-
-.button_nFyDWw:disabled {
-  color: #0a0f2940;
-  background-color: #e9eaec;
-  border-color: #e9eaec;
-}
-
-.button_nFyDWw:disabled:hover {
-  cursor: not-allowed;
-  color: #0a0f2940;
-  background-color: #e9eaec;
-  border-color: #e9eaec;
-}
-
-.button_nFyDWw:active {
-  outline: 2px solid #c8b2ff80;
-}
-
-.button_nFyDWw:hover {
-  background-color: #1f2228;
-}
-
-.forgot_nFyDWw {
-  font-weight: 600 !important;
-}
-
-.btns_nFyDWw {
-  display: flex;
-  flex-direction: column;
-  align-items:  center;
-  gap: 12px;
-  width: 100%;
-  margin-top: 16px;
-}
-
-.anotherBtns_nFyDWw {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  width: 100%;
-  margin: 0 0 40px;
-}
-
-@media screen and (max-width: 640px) {
-  .title_nFyDWw {
-    margin-bottom: 8px;
-  }
-
-  .policy_nFyDWw {
-    text-align: center;
-    margin-bottom: 20px;
-    font-size: 14px;
+  100% {
+    opacity: 1;
   }
+}
 
-  .policyLink_nFyDWw {
-    text-decoration: none;
+@keyframes fadeOut_Bde5bA {
+  0% {
+    opacity: 1;
   }
 
-  .policyLink_nFyDWw:after {
-    content: "";
-    position: absolute;
-    background-color: #0000;
-    width: 100%;
-    height: 2px;
-    bottom: -3px;
-    left: 0;
+  100% {
+    opacity: 0;
   }
+}
 
-  .btns_nFyDWw {
-    margin-top: 8px;
+/* src/shared/ui-lib/Loader/Loader.module.css */
+.loader_U95jQg {
+  animation: loaderAnimation 1s infinite steps(12);
+}
+
+@keyframes loaderAnimation_XZFUtg {
+  100% {
+    transform: rotate(1turn);
   }
 }
 
@@ -7272,6 +7263,92 @@ td.currentTariff_0VfwRg {
   font-weight: 400;
 }
 
+/* src/features/SidePanel/BoardItemsList.module.css */
+.list_Jwe-NQ {
+  display: flex;
+  overflow-y: auto;
+  flex-direction: column;
+  flex: 1 1 0;
+  padding: 2px 0 6px;
+}
+
+.list_Jwe-NQ::-webkit-scrollbar {
+  width: 4px;
+}
+
+.list_Jwe-NQ::-webkit-scrollbar-thumb {
+  background-color: #dee1e8;
+  border-radius: 2px;
+}
+
+.row_Jwe-NQ {
+  display: flex;
+  align-items:  center;
+  gap: 2px;
+  padding-right: 4px;
+}
+
+.item_Jwe-NQ {
+  display: flex;
+  color: var(--text-base-primary);
+  cursor: pointer;
+  text-align: left;
+  overflow: hidden;
+  background: none;
+  border: none;
+  border-radius: 5px;
+  flex: 1;
+  align-items:  center;
+  gap: 5px;
+  min-width: 0;
+  padding: 3px 4px;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.chevronBtn_Jwe-NQ {
+  display: flex;
+  cursor: pointer;
+  color: var(--text-base-secondary, #888);
+  background: none;
+  border: none;
+  border-radius: 3px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items:  center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+}
+
+.chevronBtn_Jwe-NQ:hover, .item_Jwe-NQ:hover {
+  background-color: var(--bg-action-secondary-hover, #0000000d);
+}
+
+.typeIcon_Jwe-NQ {
+  opacity: .55;
+  flex-shrink: 0;
+}
+
+.label_Jwe-NQ {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.empty_Jwe-NQ {
+  color: var(--text-base-secondary, #888);
+  padding: 4px 8px 6px 28px;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.highlight_Jwe-NQ {
+  color: inherit;
+  background-color: #924fe833;
+  border-radius: 2px;
+}
+
 /* src/features/SidePanel/ResizableEdge.module.css */
 .resizeHandle_n80Fqw {
   position: absolute;
@@ -7378,6 +7455,55 @@ td.currentTariff_0VfwRg {
   color: var(--text-base-primary);
 }
 
+.itemsSearch_5QMOig {
+  display: flex;
+  border: 1px solid var(--border-action-normal, #0000001f);
+  background: var(--bg-action-secondary, #f5f5f7);
+  border-radius: 8px;
+  flex-shrink: 0;
+  align-items:  center;
+  gap: 6px;
+  margin: 4px 14px 6px;
+  padding: 5px 8px;
+}
+
+.itemsSearchIcon_5QMOig {
+  opacity: .45;
+  flex-shrink: 0;
+}
+
+.itemsSearchInput_5QMOig {
+  outline: none;
+  color: var(--text-base-primary);
+  background: none;
+  border: none;
+  flex: 1;
+  min-width: 0;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.itemsSearchInput_5QMOig::placeholder {
+  color: var(--text-base-secondary, #aaa);
+}
+
+.itemsSearchClear_5QMOig {
+  display: flex;
+  cursor: pointer;
+  opacity: .45;
+  background: none;
+  border: none;
+  border-radius: 3px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items:  center;
+  padding: 0;
+}
+
+.itemsSearchClear_5QMOig:hover {
+  opacity: .8;
+}
+
 .importMiroBtnWr_5QMOig {
   padding: 0 16px 16px;
 }
@@ -8705,56 +8831,6 @@ td.currentTariff_0VfwRg {
   color: #0a0f2940;
 }
 
-/* src/features/LandingMenu/LandingMenu.module.css */
-.menuPanel_N49qJQ {
-  position: absolute;
-  overflow: hidden;
-  border-radius: 900px;
-  top: 12px;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.link_N49qJQ {
-  background: linear-gradient(270deg, #944fe7 0%, #a347e7 24.15%, #b240e7 66.97%, #c239e7 100%);
-  -webkit-text-fill-color: transparent;
-  overflow: hidden;
-  white-space: nowrap;
-  -webkit-background-clip: text;
-  background-clip: text;
-  padding-left: 18px;
-  padding-right: 18px;
-  font-size: 16px;
-  font-weight: 500;
-}
-
-.linksWrapper_N49qJQ {
-  display: flex;
-  align-items:  center;
-  max-width: 0;
-  transition: max-width .3s ease-in-out;
-}
-
-.open_N49qJQ .linksWrapper_N49qJQ {
-  max-width: 999px;
-}
-
-.menuPanel_N49qJQ:not(.open_N49qJQ) .openBtn_N49qJQ {
-  --padding: 12px 24px;
-}
-
-@media screen and (max-width: 1620px) {
-  .menuPanel_N49qJQ {
-    transform: translateX(-24%);
-  }
-}
-
-@media screen and (max-width: 1360px) {
-  .menuPanel_N49qJQ {
-    display: none;
-  }
-}
-
 /* src/features/LandingMenu/MobileLandingMenu.module.css */
 .mobileLandingMenuWrapper_e5mELA {
   position: absolute;
@@ -8949,7 +9025,6 @@ td.currentTariff_0VfwRg {
   position: absolute;
   top: -60px;
   left: var(--absolute-position-panel-padding);
-  overflow: hidden;
 }
 
 .logoWrapper_i3VZwA.viewMode_i3VZwA {
@@ -9176,7 +9251,30 @@ input.rename_i3VZwA {
   width: 50%;
 }
 
-.btn_FAHvNA {
+.btn_FAHvNA, .previewUpload_FAHvNA {
+  width: 100%;
+}
+
+.fileInputHidden_FAHvNA {
+  display: none;
+}
+
+.previewImageWrapper_FAHvNA {
+  display: flex;
+  flex-direction: column;
+  align-items:  center;
+  gap: 8px;
+  width: 100%;
+}
+
+.previewImage_FAHvNA {
+  object-fit: cover;
+  border-radius: 8px;
+  width: 100%;
+  max-height: 200px;
+}
+
+.changePreviewBtn_FAHvNA {
   width: 100%;
 }
 
@@ -10781,6 +10879,109 @@ input.rename_i3VZwA {
   border-color: #ff3b3b !important;
 }
 
+/* src/features/BoardItemsPanel/BoardItemsPanel.module.css */
+.panel_8tFAuw {
+  overflow: hidden;
+  box-shadow: none;
+  position: relative;
+  display: flex;
+  border: none;
+  flex-direction: column;
+  align-items: stretch;
+  width: 0;
+  margin-left: 0;
+  transition: width .3s, max-width .3s, min-width .3s;
+}
+
+.panel_8tFAuw.open_8tFAuw {
+  visibility: visible;
+  border: 1px solid var(--border-action-normal);
+  width: 260px;
+  min-width: 180px;
+  max-width: 35dvw;
+  margin-left: 12px;
+  box-shadow: 0 4px 4px #00000040;
+  padding: 8px 4px !important;
+}
+
+.header_8tFAuw {
+  display: flex;
+  justify-content: space-between;
+  align-items:  center;
+  padding: 0 4px;
+}
+
+.title_8tFAuw {
+  flex: 1 0;
+  padding: 4px 8px;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 20px;
+}
+
+.close_8tFAuw {
+  --padding: 4px;
+  --min-width: 28px;
+  --min-height: 28px;
+  color: var(--text-base-primary);
+  border-radius: 12px;
+}
+
+.search_8tFAuw {
+  display: flex;
+  border: 1px solid var(--border-action-normal, #0000001f);
+  background: var(--bg-action-secondary, #f5f5f7);
+  border-radius: 8px;
+  align-items:  center;
+  gap: 6px;
+  margin: 4px 8px 2px;
+  padding: 5px 8px;
+}
+
+.searchIcon_8tFAuw {
+  opacity: .45;
+  flex-shrink: 0;
+}
+
+.searchInput_8tFAuw {
+  outline: none;
+  color: var(--text-base-primary);
+  background: none;
+  border: none;
+  flex: 1;
+  min-width: 0;
+  font-family: Manrope, sans-serif;
+  font-size: 12px;
+}
+
+.searchInput_8tFAuw::placeholder {
+  color: var(--text-base-secondary, #aaa);
+}
+
+.searchClear_8tFAuw {
+  display: flex;
+  cursor: pointer;
+  opacity: .45;
+  background: none;
+  border: none;
+  border-radius: 3px;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items:  center;
+  padding: 0;
+}
+
+.searchClear_8tFAuw:hover {
+  opacity: .8;
+}
+
+.content_8tFAuw {
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0;
+}
+
 /* src/features/SidePanelsContainer/SidePanelsContainer.module.css */
 .sidePanels_r8Vrbw {
   display: flex;
@@ -11671,7 +11872,7 @@ input.rename_i3VZwA {
   flex-direction: column;
   align-items:  center;
   width: 420px;
-  max-width: 80dvw;
+  max-width: 96dvw;
   padding: 0 !important;
 }
 

package/dist/env.js

@@ -0,0 +1,5 @@
+window.MICROBOARD_FRONT_CONFIG = {
+  apiURL: "https://microboard.sanocks.workers.dev",
+  wsURL: "wss://microboard.sanocks.workers.dev/ws"
+};
+console.log("Environment loaded");

package/dist/example.html

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
     
-  <link rel="stylesheet" crossorigin href="/chunk-d2kcyv9d.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-g9f7dzez.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-f0mvcsbm.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-dy5ccdyb.js"></script></head>
 
   <body
     style="