microboard-ui-temp 0.1.74 → 0.1.76

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.
@@ -0,0 +1,22 @@
1
+ <svg width="24" height="23" viewBox="0 0 24 23" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <g filter="url(#filter0_dd_4488_42225)">
3
+ <path d="M6.80084 18C6.57679 18 6.35923 18.0752 6.18305 18.2137L3.61778 20.229C2.96165 20.7445 2 20.2771 2 19.4427V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H21C21.2652 2 21.5196 2.10536 21.7071 2.29289C21.8946 2.48043 22 2.73478 22 3V17C22 17.2652 21.8946 17.5196 21.7071 17.7071C21.5196 17.8946 21.2652 18 21 18H6.80084ZM5.49106 16.2136C5.66723 16.0752 5.88478 16 6.10882 16H20V4H4V17.385L5.49106 16.2136Z" fill="#14151A"/>
4
+ <path d="M5.49106 16.2136C5.66723 16.0752 5.88478 16 6.10882 16H20V4H4V17.385L5.49106 16.2136Z" fill="white"/>
5
+ </g>
6
+ <defs>
7
+ <filter id="filter0_dd_4488_42225" x="-1" y="0" width="26" height="24.4446" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
8
+ <feFlood flood-opacity="0" result="BackgroundImageFix"/>
9
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
10
+ <feOffset dy="1"/>
11
+ <feGaussianBlur stdDeviation="1"/>
12
+ <feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.06 0"/>
13
+ <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4488_42225"/>
14
+ <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
15
+ <feOffset dy="1"/>
16
+ <feGaussianBlur stdDeviation="1.5"/>
17
+ <feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.0823529 0 0 0 0 0.101961 0 0 0 0.1 0"/>
18
+ <feBlend mode="normal" in2="effect1_dropShadow_4488_42225" result="effect2_dropShadow_4488_42225"/>
19
+ <feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_4488_42225" result="shape"/>
20
+ </filter>
21
+ </defs>
22
+ </svg>
@@ -48,12 +48,7 @@ function createWheelHandler(itemsDiv) {
48
48
  };
49
49
  }
50
50
  var handlers = {};
51
- function initListeners() {
52
- const itemsDiv = document.querySelector("#items");
53
- if (!itemsDiv) {
54
- console.error("ITEMS DIV NOT FOUND!");
55
- return;
56
- }
51
+ function initListeners(itemsDiv) {
57
52
  itemsDiv.style.transformOrigin = "0 0";
58
53
  document.body.style.cursor = "grab";
59
54
  handlers.mousedown = createMouseDownHandler(itemsDiv);
@@ -0,0 +1,3 @@
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.6667 14.8333H15.6667C16.1269 14.8333 16.5 15.2064 16.5 15.6667C16.5 16.1269 16.1269 16.5 15.6667 16.5H9.00001L5.66835 16.5017L0.262513 11.0958C0.106287 10.9396 0.0185242 10.7276 0.0185242 10.5067C0.0185242 10.2857 0.106287 10.0738 0.262513 9.9175L9.10001 1.07833C9.17741 1.00085 9.26931 0.939383 9.37048 0.897446C9.47164 0.855509 9.58008 0.833923 9.6896 0.833923C9.79911 0.833923 9.90755 0.855509 10.0087 0.897446C10.1099 0.939383 10.2018 1.00085 10.2792 1.07833L16.7608 7.56C16.9171 7.71627 17.0048 7.92819 17.0048 8.14916C17.0048 8.37013 16.9171 8.58206 16.7608 8.73833L10.6667 14.8333ZM12.0475 11.0958L14.9933 8.14916L9.69001 2.84583L6.74418 5.7925L12.0475 11.0958Z" fill="#14151A"/>
3
+ </svg>
@@ -0,0 +1,95 @@
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta
6
+ name="viewport"
7
+ content="
8
+ width=device-width,
9
+ initial-scale=1,
10
+ shrink-to-fit=no
11
+ minimum-scale=1.0,
12
+ maximum-scale=1.0,
13
+ user-scalable=no
14
+ "
15
+ />
16
+ <title>Microboard</title>
17
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16-yz8wdy0r.png" />
18
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32-cwn1gceh.png" />
19
+ <link rel="icon" type="image/svg+xml" href="public/favicon.svg" />
20
+ <link rel="icon" href="/favicon-886rjdq8.ico" />
21
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-8hjanz47.png" />
22
+ <link rel="manifest" href="/site-fdcbs67f.webmanifest" />
23
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
24
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
25
+ <link
26
+ href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"
27
+ rel="stylesheet"
28
+ />
29
+ <link
30
+ href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap"
31
+ rel="stylesheet"
32
+ />
33
+ <link rel="stylesheet" type="text/css" href="https://unpkg.com/microboard-ui-temp/dist/index.css" />
34
+ </head>
35
+
36
+ <body
37
+ style="
38
+ margin: 0;
39
+ height: 100%;
40
+ width: 100%;
41
+ /* overflow: hidden; */
42
+ position: fixed;
43
+ padding: 0;
44
+ touch-action: none;
45
+ -ms-touch-action: none;
46
+ background-color: #fff;
47
+ "
48
+ >
49
+ <div
50
+ id="root"
51
+ style="
52
+ height: 100%;
53
+ width: 100%;
54
+ resize: none;
55
+ background: none;
56
+ outline: none;
57
+ border: none;
58
+ padding: 0px;
59
+ margin: 0px;
60
+ overflow: auto;
61
+ "
62
+ >
63
+ <div
64
+ style="
65
+ display: flex;
66
+ justify-content: center;
67
+ align-items: center;
68
+ height: 100vh;
69
+ width: 100vw;
70
+ "
71
+ >
72
+ <div style="transform: scale(7)">
73
+ <img src="public/loader.svg" alt="" />
74
+ </div>
75
+ </div>
76
+ </div>
77
+ <div id="modal"></div>
78
+ <div id="selector"></div>
79
+ <div
80
+ id="drag"
81
+ style="
82
+ position: fixed;
83
+ left: 0;
84
+ top: 0;
85
+ touch-action: none;
86
+ height: 100%;
87
+ width: 100%;
88
+ z-index: 1000;
89
+ pointer-events: none;
90
+ "
91
+ ></div>
92
+ <div id="tooltip"></div>
93
+ <script type="module" src="https://unpkg.com/microboard-ui-temp/dist/spa.js"></script>
94
+ </body>
95
+ </html>
Binary file
Binary file
Binary file
package/dist/index.css CHANGED
@@ -2871,6 +2871,12 @@ a.link_jFMnzg {
2871
2871
  background-color: #f7f7f8;
2872
2872
  }
2873
2873
 
2874
+ .quaternary_Lhh5GA {
2875
+ color: #fff;
2876
+ background-color: #924fe8;
2877
+ border: 1px solid #924fe8;
2878
+ }
2879
+
2874
2880
  .quaternary_Lhh5GA:hover {
2875
2881
  background-color: #b799f5;
2876
2882
  border: 1px solid #924fe8;
@@ -13768,7 +13774,7 @@ audio::-webkit-media-controls-enclosure {
13768
13774
  rotate: 90deg;
13769
13775
  }
13770
13776
 
13771
- /* src/index.css */
13777
+ /* src/public/index.css */
13772
13778
  :root {
13773
13779
  --background-surface-default: #fff;
13774
13780
  --background-button-secondary: #fff;