npm - microboard-ui-temp - Versions diffs - 0.9.4 → 0.9.6 - Mend

microboard-ui-temp 0.9.4 → 0.9.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist/board.html +1 -1
package/dist/{chunk-tbbk28e0.js → chunk-526z9pbe.js} +2 -3
package/dist/{chunk-5d161m0h.css → chunk-ne64pvg3.css} +135 -112
package/dist/example.html +2 -3
package/dist/index.css +45 -257
package/dist/index.html +2 -3
package/dist/index.js +2 -3
package/dist/spa.css +61 -38
package/dist/spa.js +2 -3
package/dist/types/index.d.ts +1 -1
package/package.json +1 -1
package/dist/board.css +0 -66

package/dist/board.html CHANGED Viewed

@@ -10,7 +10,7 @@
       href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap"
       rel="stylesheet"
     />
-    <link rel="stylesheet" crossorigin href="https://unpkg.com/microboard-ui-temp/dist/board.css" />
+    <link rel="stylesheet" crossorigin href="https://unpkg.com/microboard-ui-temp/dist/index.css" />
   </head>
   <body style="overflow-x: hidden; overflow-y: hidden">
     <div id="items">

package/dist/{chunk-tbbk28e0.js → chunk-526z9pbe.js} RENAMED Viewed

@@ -340889,12 +340889,11 @@ var UiButton_module_default = {
   hotkey: "hotkey_XNHIwg",
   secondary: "secondary_XNHIwg",
   primary: "primary_XNHIwg",
-  loading: "loading_XNHIwg",
-  black: "black_XNHIwg",
-  quaternary: "quaternary_XNHIwg",
   tertiary: "tertiary_XNHIwg",
+  quaternary: "quaternary_XNHIwg",
   ghost: "ghost_XNHIwg",
   ghostFilled: "ghostFilled_XNHIwg",
+  black: "black_XNHIwg",
   loader: "loader_XNHIwg"
 };

package/dist/{chunk-5d161m0h.css → chunk-ne64pvg3.css} RENAMED Viewed

@@ -1,80 +1,6 @@
 @import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
 @import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
-/* node_modules/microboard-temp/dist/microboard.css */
-.microboard-quickAddButton {
-  transform-origin: 50%;
-  z-index: 2;
-  position: absolute;
-  background-color: #93aff6;
-  border: 1px solid #fff;
-  border-radius: 50%;
-  margin: auto;
-  padding: 14px;
-  transition: transform .2s, border 0s .2s;
-  transform: translate(-50%, -50%)scale(.25);
-}
-.microboard-invisible {
-  display: none;
-}
-.microboard-quickAddButtonActive {
-  background-color: #924fe8;
-  border: none;
-  transform: translate(-50%, -50%)scale(1);
-}
-.microboard-quickAddButton:after {
-  content: "";
-  opacity: 1;
-  position: absolute;
-  border-radius: 50%;
-  transition: all .2s .2s;
-  inset: 0;
-  transform: scale(4);
-}
-.microboard-quickAddButtonActive:after {
-  opacity: 0;
-  transform: none;
-}
-.microboard-quickAddButton:before {
-  content: "";
-  --quick-add-button-width: 17px;
-  --quick-add-button-height: 10px;
-  width: var(--quick-add-button-width);
-  height: var(--quick-add-button-height);
-  opacity: 0;
-  transform-origin: 50%;
-  position: absolute;
-  background: url("data:image/svg+xml;utf8,<svg width=\"var(--quick-add-button-width)\" height=\"var(--quick-add-button-height)\" viewBox=\"0 0 17 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.7593 5.00009L10.5339 9.58329L9.68819 8.30677L12.9245 5.83329H0.0415039V4.16663H12.9241L9.68819 1.69341L10.5339 0.416626L16.7593 5.00009Z\" fill=\"white\"/></svg>") no-repeat;
-  transition: opacity .2s;
-  top: 35%;
-  left: 20%;
-}
-.microboard-quickAddButtonActive:before {
-  opacity: 1;
-}
-.microboard-quickAddButton.microboard-left:before {
-  rotate: 180deg;
-}
-.microboard-quickAddButton.microboard-right:before {
-  rotate: none;
-}
-.microboard-quickAddButton.microboard-top:before {
-  rotate: 270deg;
-}
-.microboard-quickAddButton.microboard-bottom:before {
-  rotate: 90deg;
-}
 /* src/public/index.css */
 :root {
   --background-surface-default: #fff;
@@ -204,6 +130,22 @@ input:-webkit-autofill:active {
   -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
 }
+::-webkit-scrollbar {
+  appearance: none;
+  width: 3px;
+  height: 3px;
+}
+::-webkit-scrollbar-button {
+  display: none;
+}
+::-webkit-scrollbar-thumb {
+  display: block;
+  background-color: var(--scrollbar-thumb);
+  border-radius: 2px;
+}
 button[data-variant="secondary"] {
   background-color: var(--background-button-secondary);
   color: var(--text-base-primary);
@@ -681,9 +623,11 @@ button[data-variant="black"] {
   box-shadow: 0 1px 2px #14151a0d;
 }
-.primary_XNHIwg:hover:not(:disabled) {
-  background-color: var(--background-button-primary-hover);
-  color: var(--color-button-primary);
+@media (hover: hover) {
+  .primary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
 }
 .primary_XNHIwg:active:not(:disabled) {
@@ -696,67 +640,55 @@ button[data-variant="black"] {
   color: var(--text-base-quaternary);
 }
-.primary_XNHIwg.loading_XNHIwg {
-  border-color: var(--background-button-primary);
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
-}
-.black_XNHIwg {
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
+.tertiary_XNHIwg {
+  background-color: var(--background-button-tertiary);
+  color: var(--text-base-primary);
+  border: 1px solid var(--border-action-normal);
 }
 @media (hover: hover) {
-  .black_XNHIwg:hover:not(:disabled) {
-    background-color: var(--background-button-primary-hover);
-    color: var(--color-button-primary);
+  .tertiary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-tertiary-hover);
   }
 }
-.black_XNHIwg:disabled {
-  background-color: var(--border-action-normal);
-  color: var(--text-base-quaternary);
+.tertiary_XNHIwg:active:not(:disabled) {
+  outline: 2px solid #c8b2ff80;
+  border: 1px solid #b78af0;
 }
-.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
-  color: var(--text-base-primary);
+.quaternary_XNHIwg {
   background-color: var(--background-hover-subtle);
+  color: var(--text-base-primary);
 }
 .quaternary_XNHIwg:disabled {
   color: var(--text-disabled);
 }
-.quaternary_XNHIwg:hover:not(:disabled) {
-  color: var(--text-base-primary);
-  background-color: var(--background-hover-subtle-strong);
+@media (hover: hover) {
+  .quaternary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-hover-subtle-strong);
+    color: var(--text-base-primary);
+  }
 }
-.quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
+.quaternary_XNHIwg:active:not(:disabled) {
   outline: 2px solid #c8b2ff80;
   border: 1px solid #b78af0;
 }
-.tertiary_XNHIwg {
-  color: var(--text-base-primary);
-  background-color: var(--background-button-tertiary);
-  border: 1px solid var(--border-action-normal);
-}
-.tertiary_XNHIwg:hover:not(:disabled) {
-  background-color: var(--background-button-tertiary-hover);
-}
 .ghost_XNHIwg {
   color: var(--text-base-secondary);
   background-color: #0000;
   font-weight: 600;
 }
-.ghost_XNHIwg:hover {
-  color: var(--text-base-secondary);
-  background-color: var(--background-hover-subtle);
+@media (hover: hover) {
+  .ghost_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-hover-subtle);
+    color: var(--text-base-secondary);
+  }
 }
 .ghost_XNHIwg:active {
@@ -769,8 +701,8 @@ button[data-variant="black"] {
 }
 .ghostFilled_XNHIwg {
-  color: var(--text-base-secondary);
   background-color: var(--background-hover-subtle);
+  color: var(--text-base-secondary);
   font-weight: 600;
 }
@@ -783,6 +715,23 @@ button[data-variant="black"] {
   color: var(--text-disabled);
 }
+.black_XNHIwg {
+  background-color: var(--background-button-primary);
+  color: var(--color-button-primary);
+}
+@media (hover: hover) {
+  .black_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
+}
+.black_XNHIwg:disabled {
+  background-color: var(--border-action-normal);
+  color: var(--text-base-quaternary);
+}
 .loader_XNHIwg {
   display: flex;
   animation: rotate 2s linear infinite;
@@ -14730,3 +14679,77 @@ audio::-webkit-media-controls-enclosure {
   background-color: #f8d7da !important;
   border-color: #f5c6cb !important;
 }
+/* node_modules/microboard-temp/dist/microboard.css */
+.microboard-quickAddButton {
+  transform-origin: 50%;
+  z-index: 2;
+  position: absolute;
+  background-color: #93aff6;
+  border: 1px solid #fff;
+  border-radius: 50%;
+  margin: auto;
+  padding: 14px;
+  transition: transform .2s, border 0s .2s;
+  transform: translate(-50%, -50%)scale(.25);
+}
+.microboard-invisible {
+  display: none;
+}
+.microboard-quickAddButtonActive {
+  background-color: #924fe8;
+  border: none;
+  transform: translate(-50%, -50%)scale(1);
+}
+.microboard-quickAddButton:after {
+  content: "";
+  opacity: 1;
+  position: absolute;
+  border-radius: 50%;
+  transition: all .2s .2s;
+  inset: 0;
+  transform: scale(4);
+}
+.microboard-quickAddButtonActive:after {
+  opacity: 0;
+  transform: none;
+}
+.microboard-quickAddButton:before {
+  content: "";
+  --quick-add-button-width: 17px;
+  --quick-add-button-height: 10px;
+  width: var(--quick-add-button-width);
+  height: var(--quick-add-button-height);
+  opacity: 0;
+  transform-origin: 50%;
+  position: absolute;
+  background: url("data:image/svg+xml;utf8,<svg width=\"var(--quick-add-button-width)\" height=\"var(--quick-add-button-height)\" viewBox=\"0 0 17 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.7593 5.00009L10.5339 9.58329L9.68819 8.30677L12.9245 5.83329H0.0415039V4.16663H12.9241L9.68819 1.69341L10.5339 0.416626L16.7593 5.00009Z\" fill=\"white\"/></svg>") no-repeat;
+  transition: opacity .2s;
+  top: 35%;
+  left: 20%;
+}
+.microboard-quickAddButtonActive:before {
+  opacity: 1;
+}
+.microboard-quickAddButton.microboard-left:before {
+  rotate: 180deg;
+}
+.microboard-quickAddButton.microboard-right:before {
+  rotate: none;
+}
+.microboard-quickAddButton.microboard-top:before {
+  rotate: 270deg;
+}
+.microboard-quickAddButton.microboard-bottom:before {
+  rotate: 90deg;
+}

package/dist/example.html CHANGED Viewed

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
-  <link rel="stylesheet" crossorigin href="/chunk-5d161m0h.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-tbbk28e0.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-ne64pvg3.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-526z9pbe.js"></script></head>
   <body
     style="
@@ -44,7 +44,6 @@
       padding: 0;
       touch-action: none;
       -ms-touch-action: none;
-      background-color: #fff;
     "
   >
     <div

package/dist/index.css CHANGED Viewed

@@ -1,6 +1,3 @@
-@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
-@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
 /* src/shared/ui-lib/Icon/Icon.module.css */
 .icon_zNwsNQ {
   max-width: 24px;
@@ -391,9 +388,11 @@
   box-shadow: 0 1px 2px #14151a0d;
 }
-.primary_XNHIwg:hover:not(:disabled) {
-  background-color: var(--background-button-primary-hover);
-  color: var(--color-button-primary);
+@media (hover: hover) {
+  .primary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
 }
 .primary_XNHIwg:active:not(:disabled) {
@@ -406,67 +405,55 @@
   color: var(--text-base-quaternary);
 }
-.primary_XNHIwg.loading_XNHIwg {
-  border-color: var(--background-button-primary);
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
-}
-.black_XNHIwg {
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
+.tertiary_XNHIwg {
+  background-color: var(--background-button-tertiary);
+  color: var(--text-base-primary);
+  border: 1px solid var(--border-action-normal);
 }
 @media (hover: hover) {
-  .black_XNHIwg:hover:not(:disabled) {
-    background-color: var(--background-button-primary-hover);
-    color: var(--color-button-primary);
+  .tertiary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-tertiary-hover);
   }
 }
-.black_XNHIwg:disabled {
-  background-color: var(--border-action-normal);
-  color: var(--text-base-quaternary);
+.tertiary_XNHIwg:active:not(:disabled) {
+  outline: 2px solid #c8b2ff80;
+  border: 1px solid #b78af0;
 }
-.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
-  color: var(--text-base-primary);
+.quaternary_XNHIwg {
   background-color: var(--background-hover-subtle);
+  color: var(--text-base-primary);
 }
 .quaternary_XNHIwg:disabled {
   color: var(--text-disabled);
 }
-.quaternary_XNHIwg:hover:not(:disabled) {
-  color: var(--text-base-primary);
-  background-color: var(--background-hover-subtle-strong);
+@media (hover: hover) {
+  .quaternary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-hover-subtle-strong);
+    color: var(--text-base-primary);
+  }
 }
-.quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
+.quaternary_XNHIwg:active:not(:disabled) {
   outline: 2px solid #c8b2ff80;
   border: 1px solid #b78af0;
 }
-.tertiary_XNHIwg {
-  color: var(--text-base-primary);
-  background-color: var(--background-button-tertiary);
-  border: 1px solid var(--border-action-normal);
-}
-.tertiary_XNHIwg:hover:not(:disabled) {
-  background-color: var(--background-button-tertiary-hover);
-}
 .ghost_XNHIwg {
   color: var(--text-base-secondary);
   background-color: #0000;
   font-weight: 600;
 }
-.ghost_XNHIwg:hover {
-  color: var(--text-base-secondary);
-  background-color: var(--background-hover-subtle);
+@media (hover: hover) {
+  .ghost_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-hover-subtle);
+    color: var(--text-base-secondary);
+  }
 }
 .ghost_XNHIwg:active {
@@ -479,8 +466,8 @@
 }
 .ghostFilled_XNHIwg {
-  color: var(--text-base-secondary);
   background-color: var(--background-hover-subtle);
+  color: var(--text-base-secondary);
   font-weight: 600;
 }
@@ -493,6 +480,23 @@
   color: var(--text-disabled);
 }
+.black_XNHIwg {
+  background-color: var(--background-button-primary);
+  color: var(--color-button-primary);
+}
+@media (hover: hover) {
+  .black_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
+}
+.black_XNHIwg:disabled {
+  background-color: var(--border-action-normal);
+  color: var(--text-base-quaternary);
+}
 .loader_XNHIwg {
   display: flex;
   animation: rotate 2s linear infinite;
@@ -14514,219 +14518,3 @@ audio::-webkit-media-controls-enclosure {
 .microboard-quickAddButton.microboard-bottom:before {
   rotate: 90deg;
 }
-/* src/public/index.css */
-:root {
-  --background-surface-default: #fff;
-  --background-button-secondary: #fff;
-  --background-button-secondary-hover: #f7f7f8;
-  --background-button-tertiary: #f5f6f7;
-  --background-button-tertiary-hover: #ececee;
-  --background-button-primary: #14151a;
-  --background-button-primary-hover: #1f2228;
-  --color-button-primary: #fff;
-  --background-badge-purple-disabled: #f7f1fd;
-  --background-badge-gray: #e9eaec;
-  --background-accent-purple: #924fe8;
-  --background-hover-subtle: #0a0f290a;
-  --background-hover-subtle-strong: #0a0f2914;
-  --bg-action-secondary: #f5f6f7;
-  --bg-action-secondary-hover: #0a0f290f;
-  --border-action-normal: #dedfe3;
-  --border-action-focus: #924fe8;
-  --border-select-primary: #924fe8;
-  --text-base-primary: #14151a;
-  --text-base-secondary: #0f132499;
-  --text-base-quaternary: #0a0f2940;
-  --text-accent-purple: #9859e9;
-  --text-disabled: #b1b3bb;
-  --icon-base-primary: #14151a;
-  --icon-base-secondary: #696b76;
-  --icon-accent-purple: #924fe8;
-  --scrollbar-thumb: #dee1e8;
-  --absolute-position-panel-padding: 12px;
-}
-[data-theme="dark"] {
-  --background-surface-default: #1e1f26;
-  --background-button-secondary: #1e1f26;
-  --background-button-secondary-hover: #2a2b34;
-  --background-button-tertiary: #2a2b34;
-  --background-button-tertiary-hover: #373842;
-  --background-button-primary: #e8e9f0;
-  --background-button-primary-hover: #d2d4de;
-  --color-button-primary: #14151a;
-  --background-badge-purple-disabled: #281c3c;
-  --background-badge-gray: #2d2e37;
-  --background-accent-purple: #924fe8;
-  --background-hover-subtle: #e8e9f00f;
-  --background-hover-subtle-strong: #e8e9f01a;
-  --bg-action-secondary: #26272f;
-  --bg-action-secondary-hover: #e8e9f014;
-  --border-action-normal: #34353e;
-  --border-action-focus: #924fe8;
-  --border-select-primary: #924fe8;
-  --text-base-primary: #e8e9f0;
-  --text-base-secondary: #e8e9f099;
-  --text-base-quaternary: #e8e9f040;
-  --text-accent-purple: #ac78f5;
-  --text-disabled: #e8e9f04d;
-  --icon-base-primary: #e8e9f0;
-  --icon-base-secondary: #9496a5;
-  --icon-accent-purple: #924fe8;
-  --scrollbar-thumb: #50525f;
-}
-* {
-  box-sizing: border-box;
-  background: none;
-  border: none;
-  margin: 0;
-  padding: 0;
-  font-family: inherit;
-}
-:focus {
-  outline: none;
-}
-html {
-  font-size: 62.5%;
-}
-body {
-  color: var(--text-base-primary);
-  background-color: var(--background-surface-default);
-  font-optical-sizing: auto;
-  font-family: Manrope, sans-serif;
-  font-size: 1.6rem;
-  font-style: normal;
-}
-html, body {
-  overscroll-behavior-x: none;
-  -webkit-user-select: none;
-}
-input:-webkit-autofill {
-  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
-}
-input:-webkit-autofill:hover {
-  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
-}
-input:-webkit-autofill:focus {
-  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
-}
-input:-webkit-autofill:active {
-  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
-}
-[data-theme="dark"] input:-webkit-autofill {
-  -webkit-text-fill-color: #e8e9f0 !important;
-  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
-}
-[data-theme="dark"] input:-webkit-autofill:hover {
-  -webkit-text-fill-color: #e8e9f0 !important;
-  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
-}
-[data-theme="dark"] input:-webkit-autofill:focus {
-  -webkit-text-fill-color: #e8e9f0 !important;
-  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
-}
-[data-theme="dark"] input:-webkit-autofill:active {
-  -webkit-text-fill-color: #e8e9f0 !important;
-  -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
-}
-button[data-variant="secondary"] {
-  background-color: var(--background-button-secondary);
-  color: var(--text-base-primary);
-}
-@media (hover: hover) {
-  button[data-variant="secondary"]:hover:not(:disabled) {
-    background-color: var(--background-button-secondary-hover);
-    color: var(--text-base-primary);
-  }
-}
-button[data-variant="secondary"]:active:not(:disabled) {
-  color: #924fe8;
-}
-button[data-variant="secondary"]:disabled {
-  background-color: var(--background-button-secondary);
-  color: var(--text-disabled);
-}
-button[data-variant="tertiary"] {
-  background-color: var(--background-button-tertiary);
-  color: var(--text-base-primary);
-  border: 1px solid var(--border-action-normal);
-}
-@media (hover: hover) {
-  button[data-variant="tertiary"]:hover:not(:disabled) {
-    background-color: var(--background-button-tertiary-hover);
-  }
-}
-button[data-variant="primary"] {
-  background-color: var(--background-button-primary);
-  border-color: var(--background-button-primary);
-  color: var(--color-button-primary);
-}
-@media (hover: hover) {
-  button[data-variant="primary"]:hover:not(:disabled) {
-    background-color: var(--background-button-primary-hover);
-    color: var(--color-button-primary);
-  }
-}
-button[data-variant="ghost"] {
-  color: var(--text-base-secondary);
-  background-color: #0000;
-}
-@media (hover: hover) {
-  button[data-variant="ghost"]:hover:not(:disabled) {
-    background-color: var(--background-hover-subtle);
-    color: var(--text-base-secondary);
-  }
-}
-button[data-variant="ghostFilled"] {
-  background-color: var(--background-hover-subtle);
-  color: var(--text-base-secondary);
-}
-button[data-variant="quaternary"] {
-  background-color: var(--background-hover-subtle);
-  color: var(--text-base-primary);
-}
-@media (hover: hover) {
-  button[data-variant="quaternary"]:hover:not(:disabled) {
-    background-color: var(--background-hover-subtle-strong);
-    color: var(--text-base-primary);
-  }
-}
-button[data-variant="black"] {
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
-}
-@media (hover: hover) {
-  button[data-variant="black"]:hover:not(:disabled) {
-    background-color: var(--background-button-primary-hover);
-    color: var(--color-button-primary);
-  }
-}

package/dist/index.html CHANGED Viewed

@@ -31,8 +31,8 @@
       rel="stylesheet"
     />
-  <link rel="stylesheet" crossorigin href="/chunk-5d161m0h.css"><script src="/env.js"></script>
-<script type="module" crossorigin src="/chunk-tbbk28e0.js"></script></head>
+  <link rel="stylesheet" crossorigin href="/chunk-ne64pvg3.css"><script src="/env.js"></script>
+<script type="module" crossorigin src="/chunk-526z9pbe.js"></script></head>
   <body
     style="
@@ -44,7 +44,6 @@
       padding: 0;
       touch-action: none;
       -ms-touch-action: none;
-      background-color: #fff;
     "
   >
     <div

package/dist/index.js CHANGED Viewed

@@ -340889,12 +340889,11 @@ var UiButton_module_default = {
   hotkey: "hotkey_XNHIwg",
   secondary: "secondary_XNHIwg",
   primary: "primary_XNHIwg",
-  loading: "loading_XNHIwg",
-  black: "black_XNHIwg",
-  quaternary: "quaternary_XNHIwg",
   tertiary: "tertiary_XNHIwg",
+  quaternary: "quaternary_XNHIwg",
   ghost: "ghost_XNHIwg",
   ghostFilled: "ghostFilled_XNHIwg",
+  black: "black_XNHIwg",
   loader: "loader_XNHIwg"
 };

package/dist/spa.css CHANGED Viewed

@@ -391,9 +391,11 @@
   box-shadow: 0 1px 2px #14151a0d;
 }
-.primary_XNHIwg:hover:not(:disabled) {
-  background-color: var(--background-button-primary-hover);
-  color: var(--color-button-primary);
+@media (hover: hover) {
+  .primary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
 }
 .primary_XNHIwg:active:not(:disabled) {
@@ -406,67 +408,55 @@
   color: var(--text-base-quaternary);
 }
-.primary_XNHIwg.loading_XNHIwg {
-  border-color: var(--background-button-primary);
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
-}
-.black_XNHIwg {
-  background-color: var(--background-button-primary);
-  color: var(--color-button-primary);
+.tertiary_XNHIwg {
+  background-color: var(--background-button-tertiary);
+  color: var(--text-base-primary);
+  border: 1px solid var(--border-action-normal);
 }
 @media (hover: hover) {
-  .black_XNHIwg:hover:not(:disabled) {
-    background-color: var(--background-button-primary-hover);
-    color: var(--color-button-primary);
+  .tertiary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-tertiary-hover);
   }
 }
-.black_XNHIwg:disabled {
-  background-color: var(--border-action-normal);
-  color: var(--text-base-quaternary);
+.tertiary_XNHIwg:active:not(:disabled) {
+  outline: 2px solid #c8b2ff80;
+  border: 1px solid #b78af0;
 }
-.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
-  color: var(--text-base-primary);
+.quaternary_XNHIwg {
   background-color: var(--background-hover-subtle);
+  color: var(--text-base-primary);
 }
 .quaternary_XNHIwg:disabled {
   color: var(--text-disabled);
 }
-.quaternary_XNHIwg:hover:not(:disabled) {
-  color: var(--text-base-primary);
-  background-color: var(--background-hover-subtle-strong);
+@media (hover: hover) {
+  .quaternary_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-hover-subtle-strong);
+    color: var(--text-base-primary);
+  }
 }
-.quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
+.quaternary_XNHIwg:active:not(:disabled) {
   outline: 2px solid #c8b2ff80;
   border: 1px solid #b78af0;
 }
-.tertiary_XNHIwg {
-  color: var(--text-base-primary);
-  background-color: var(--background-button-tertiary);
-  border: 1px solid var(--border-action-normal);
-}
-.tertiary_XNHIwg:hover:not(:disabled) {
-  background-color: var(--background-button-tertiary-hover);
-}
 .ghost_XNHIwg {
   color: var(--text-base-secondary);
   background-color: #0000;
   font-weight: 600;
 }
-.ghost_XNHIwg:hover {
-  color: var(--text-base-secondary);
-  background-color: var(--background-hover-subtle);
+@media (hover: hover) {
+  .ghost_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-hover-subtle);
+    color: var(--text-base-secondary);
+  }
 }
 .ghost_XNHIwg:active {
@@ -479,8 +469,8 @@
 }
 .ghostFilled_XNHIwg {
-  color: var(--text-base-secondary);
   background-color: var(--background-hover-subtle);
+  color: var(--text-base-secondary);
   font-weight: 600;
 }
@@ -493,6 +483,23 @@
   color: var(--text-disabled);
 }
+.black_XNHIwg {
+  background-color: var(--background-button-primary);
+  color: var(--color-button-primary);
+}
+@media (hover: hover) {
+  .black_XNHIwg:hover:not(:disabled) {
+    background-color: var(--background-button-primary-hover);
+    color: var(--color-button-primary);
+  }
+}
+.black_XNHIwg:disabled {
+  background-color: var(--border-action-normal);
+  color: var(--text-base-quaternary);
+}
 .loader_XNHIwg {
   display: flex;
   animation: rotate 2s linear infinite;
@@ -14644,6 +14651,22 @@ input:-webkit-autofill:active {
   -webkit-box-shadow: inset 0 0 0 30px #1e1f26 !important;
 }
+::-webkit-scrollbar {
+  appearance: none;
+  width: 3px;
+  height: 3px;
+}
+::-webkit-scrollbar-button {
+  display: none;
+}
+::-webkit-scrollbar-thumb {
+  display: block;
+  background-color: var(--scrollbar-thumb);
+  border-radius: 2px;
+}
 button[data-variant="secondary"] {
   background-color: var(--background-button-secondary);
   color: var(--text-base-primary);

package/dist/spa.js CHANGED Viewed

@@ -340889,12 +340889,11 @@ var UiButton_module_default = {
   hotkey: "hotkey_XNHIwg",
   secondary: "secondary_XNHIwg",
   primary: "primary_XNHIwg",
-  loading: "loading_XNHIwg",
-  black: "black_XNHIwg",
-  quaternary: "quaternary_XNHIwg",
   tertiary: "tertiary_XNHIwg",
+  quaternary: "quaternary_XNHIwg",
   ghost: "ghost_XNHIwg",
   ghostFilled: "ghostFilled_XNHIwg",
+  black: "black_XNHIwg",
   loader: "loader_XNHIwg"
 };

package/dist/types/index.d.ts CHANGED Viewed

@@ -3,5 +3,5 @@ export { customCursors } from "./features/Cursors";
 export { initInter } from "./initI18N";
 export * from "./shared/api";
 export { default as sprite } from "./shared/ui-lib/Icon/sprite.svg";
-import "public/index.css";
+import "microboard-temp/style";
 import "./global.d";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "microboard-ui-temp",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "type": "module",

package/dist/board.css DELETED Viewed

@@ -1,66 +0,0 @@
-@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
-@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";
-:root {
-  --background-surface-default: rgb(255, 255, 255);
-  --background-button-secondary: rgb(255, 255, 255);
-  --background-button-secondary-hover: rgb(247, 247, 248);
-  --background-badge-purple-disabled: rgb(247, 241, 253);
-  --background-badge-gray: rgb(233, 234, 236);
-  --background-accent-purple: rgb(146, 79, 232);
-  --border-action-normal: rgb(222, 223, 227);
-  --border-action-focus: rgb(146, 79, 232);
-  --border-select-primary: rgb(146, 79, 232);
-  --text-base-primary: rgb(20, 21, 26);
-  --text-base-secondary: rgba(15, 19, 36, 0.6);
-  --text-base-quaternary: rgb(10, 15, 41, 0.25);
-  --text-accent-purple: rgb(152, 89, 233);
-  --icon-base-primary: rgb(20, 21, 26);
-  --icon-base-secondary: rgb(105, 107, 118);
-  --icon-accent-purple: rgb(146, 79, 232);
-  --absolute-position-panel-padding: 12px;
-}
-* {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-  border: none;
-  background: none;
-  font-family: inherit;
-}
-html {
-  font-size: 62.5%;
-}
-body {
-  color: var(--text-base-primary);
-  font-size: 1.6rem;
-  font-optical-sizing: auto;
-  font-style: normal;
-  font-family: "Manrope", sans-serif;
-  background-color: rgba(200, 200, 200, 0.2);
-}
-html,
-body {
-  overscroll-behavior-x: none;
-  -webkit-user-select: none;
-}
-input:-webkit-autofill,
-input:-webkit-autofill:hover,
-input:-webkit-autofill:focus,
-input:-webkit-autofill:active {
-  -webkit-box-shadow: 0 0 0 30px white inset !important;
-}
-::-webkit-scrollbar {
-  appearance: none;
-  width: 3px;
-  height: 3px;
-}
-::-webkit-scrollbar-button {
-  display: none;
-}
-::-webkit-scrollbar-thumb {
-  display: block;
-  background-color: black;
-  border-radius: 2px;
-}