microboard-ui-temp 0.0.19 → 0.0.20

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.
package/dist/board.html CHANGED
@@ -11,7 +11,7 @@
11
11
  <link
12
12
  rel="stylesheet"
13
13
  crossorigin
14
- href="https://unpkg.com/microboard-ui-temp@0.0.19/dist/board.css"
14
+ href="https://unpkg.com/microboard-ui-temp@0.0.20/dist/board.css"
15
15
  />
16
16
  <body style="overflow-x: hidden; overflow-y: hidden">
17
17
  <div id="items">
@@ -84,11 +84,11 @@
84
84
  </div>
85
85
  <script
86
86
  type="module"
87
- src="https://unpkg.com/microboard-ui-temp@0.0.19/dist/customWebComponents.js"
87
+ src="https://unpkg.com/microboard-ui-temp@0.0.20/dist/customWebComponents.js"
88
88
  ></script>
89
89
  <script
90
90
  defer
91
- src="https://unpkg.com/microboard-ui-temp@0.0.19/dist/loadLinksImages.js"
91
+ src="https://unpkg.com/microboard-ui-temp@0.0.20/dist/loadLinksImages.js"
92
92
  ></script>
93
93
  </body>
94
94
  </head>
@@ -255,9 +255,9 @@ document.addEventListener("DOMContentLoaded", () => {
255
255
  translateY = 0;
256
256
  scale = 1;
257
257
  updateTransform();
258
- const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.19/dist/index.js");
258
+ const { initInter } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.20/dist/index.js");
259
259
  initInter();
260
- const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.19/dist/index.js");
260
+ const { createApp } = await import("https://www.unpkg.com/microboard-ui-temp@0.0.20/dist/index.js");
261
261
  console.log("createapp", createApp);
262
262
  const app = createApp();
263
263
  window.app = app;
@@ -267,12 +267,12 @@ document.addEventListener("DOMContentLoaded", () => {
267
267
  app.getBoard().deserializeHTML(stringed);
268
268
  app.localRender("items");
269
269
  }
270
- const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.19/dist/index.css");
270
+ const response = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.20/dist/index.css");
271
271
  const cssText = await response.text();
272
272
  const styleEl = document.createElement("style");
273
273
  styleEl.textContent = cssText;
274
274
  document.body.appendChild(styleEl);
275
- const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.19/dist/sprite.svg");
275
+ const responseSvg = await fetch("https://www.unpkg.com/microboard-ui-temp@0.0.20/dist/sprite.svg");
276
276
  const svgText = await responseSvg.text();
277
277
  const div = document.createElement("div");
278
278
  div.style.display = "none";
package/dist/index.css CHANGED
@@ -136,15 +136,15 @@
136
136
  --focus-outline-color: #e3d9ff;
137
137
  }
138
138
 
139
- .radius-xl_XNHIwg {
139
+ .radiusXl_XNHIwg {
140
140
  --radius: 12px;
141
141
  }
142
142
 
143
- .radius-md_XNHIwg {
143
+ .radiusMd_XNHIwg {
144
144
  --radius: 8px;
145
145
  }
146
146
 
147
- .radius-sm_XNHIwg {
147
+ .radiusSm_XNHIwg {
148
148
  --radius: 4px;
149
149
  }
150
150
 
@@ -366,7 +366,7 @@
366
366
  }
367
367
 
368
368
  /* src/shared/ui-lib/Tooltip/Tooltip.module.css */
369
- .tip-container_woN4eg {
369
+ .tipContainer_woN4eg {
370
370
  display: none;
371
371
  position: absolute;
372
372
  user-select: none;
@@ -375,24 +375,24 @@
375
375
  justify-items: center;
376
376
  }
377
377
 
378
- .top-center-fixed_woN4eg {
378
+ .topCenterFixed_woN4eg {
379
379
  position: fixed;
380
380
  z-index: 100;
381
381
  bottom: 7.6rem;
382
382
  left: 17.2rem;
383
383
  }
384
384
 
385
- .top-right-fixed_woN4eg {
385
+ .topRightFixed_woN4eg {
386
386
  position: fixed;
387
387
  z-index: 100;
388
388
  }
389
389
 
390
390
  @media screen and (hover: hover) {
391
- button:hover .tip-container_woN4eg {
391
+ button:hover .tipContainer_woN4eg {
392
392
  display: flex;
393
393
  }
394
394
 
395
- :has( > .tip-container_woN4eg):hover > .tip-container_woN4eg {
395
+ :has( > .tipContainer_woN4eg):hover > .tipContainer_woN4eg {
396
396
  display: flex;
397
397
  }
398
398
  }
@@ -424,28 +424,28 @@
424
424
  box-shadow: 0 10px 16px -3px #14151a14;
425
425
  }
426
426
 
427
- .tip_woN4eg.padding-md_woN4eg {
427
+ .tip_woN4eg.paddingMd_woN4eg {
428
428
  padding: 12px 16px;
429
429
  }
430
430
 
431
- .tip_woN4eg.radius-md_woN4eg {
431
+ .tip_woN4eg.radiusMd_woN4eg {
432
432
  border-radius: 8px;
433
433
  }
434
434
 
435
- .tip-text_woN4eg {
435
+ .tipText_woN4eg {
436
436
  white-space: nowrap;
437
437
  flex: 1 0;
438
438
  }
439
439
 
440
- .tip-text_woN4eg.wrap_woN4eg {
440
+ .tipText_woN4eg.wrap_woN4eg {
441
441
  white-space: normal;
442
442
  }
443
443
 
444
- .tip-text_woN4eg.center_woN4eg {
444
+ .tipText_woN4eg.center_woN4eg {
445
445
  text-align: center;
446
446
  }
447
447
 
448
- .tip-text_woN4eg.left_woN4eg {
448
+ .tipText_woN4eg.left_woN4eg {
449
449
  text-align: left;
450
450
  }
451
451
 
@@ -460,97 +460,97 @@
460
460
  height: 0;
461
461
  }
462
462
 
463
- .tip-container_woN4eg.top-center-fixed_woN4eg .primaryTip_woN4eg:before {
463
+ .tipContainer_woN4eg.topCenterFixed_woN4eg .primaryTip_woN4eg:before {
464
464
  margin-left: -.7rem;
465
465
  bottom: -.6rem;
466
466
  left: 4%;
467
467
  transform: rotate(180deg);
468
468
  }
469
469
 
470
- .tip-container_woN4eg.top-right-fixed_woN4eg .primaryTip_woN4eg:before {
470
+ .tipContainer_woN4eg.topRightFixed_woN4eg .primaryTip_woN4eg:before {
471
471
  bottom: -.6rem;
472
472
  left: .5rem;
473
473
  transform: rotate(180deg);
474
474
  }
475
475
 
476
- .tip-container_woN4eg.right_woN4eg .primaryTip_woN4eg:before {
476
+ .tipContainer_woN4eg.right_woN4eg .primaryTip_woN4eg:before {
477
477
  left: -.8rem;
478
478
  transform: rotate(-90deg);
479
479
  }
480
480
 
481
- .tip-container_woN4eg.right_woN4eg {
481
+ .tipContainer_woN4eg.right_woN4eg {
482
482
  left: calc(100% + 1.2rem);
483
483
  }
484
484
 
485
- .tip-container_woN4eg.top_woN4eg .primaryTip_woN4eg:before {
485
+ .tipContainer_woN4eg.top_woN4eg .primaryTip_woN4eg:before {
486
486
  margin-left: -.7rem;
487
487
  bottom: -.6rem;
488
488
  left: 50%;
489
489
  transform: rotate(180deg);
490
490
  }
491
491
 
492
- .tip-container_woN4eg.top_woN4eg {
492
+ .tipContainer_woN4eg.top_woN4eg {
493
493
  bottom: calc(100% + 1.2rem);
494
494
  }
495
495
 
496
- .tip-container_woN4eg.top-right_woN4eg .primaryTip_woN4eg:before {
496
+ .tipContainer_woN4eg.topRight_woN4eg .primaryTip_woN4eg:before {
497
497
  margin-right: -.7rem;
498
498
  bottom: -.6rem;
499
499
  right: 2.5rem;
500
500
  transform: rotate(180deg);
501
501
  }
502
502
 
503
- .tip-container_woN4eg.top-right_woN4eg {
503
+ .tipContainer_woN4eg.topRight_woN4eg {
504
504
  bottom: calc(100% + 1.2rem);
505
505
  right: -1rem;
506
506
  }
507
507
 
508
- .tip-container_woN4eg.top-left_woN4eg .primaryTip_woN4eg:before {
508
+ .tipContainer_woN4eg.topLeft_woN4eg .primaryTip_woN4eg:before {
509
509
  margin-right: -.7rem;
510
510
  bottom: -.6rem;
511
511
  left: 2.5rem;
512
512
  transform: rotate(180deg);
513
513
  }
514
514
 
515
- .tip-container_woN4eg.top-left_woN4eg {
515
+ .tipContainer_woN4eg.topLeft_woN4eg {
516
516
  bottom: calc(100% + 1.2rem);
517
517
  left: -1rem;
518
518
  }
519
519
 
520
- .tip-container_woN4eg.bottom-right_woN4eg .primaryTip_woN4eg:before {
520
+ .tipContainer_woN4eg.bottomRight_woN4eg .primaryTip_woN4eg:before {
521
521
  margin-right: -.7rem;
522
522
  top: -.6rem;
523
523
  right: 2.5rem;
524
524
  }
525
525
 
526
- .tip-container_woN4eg.bottom-right_woN4eg {
526
+ .tipContainer_woN4eg.bottomRight_woN4eg {
527
527
  top: calc(100% + 1.2rem);
528
528
  right: -1rem;
529
529
  }
530
530
 
531
- .tip-container_woN4eg.bottom-left_woN4eg .primaryTip_woN4eg:before {
531
+ .tipContainer_woN4eg.bottomLeft_woN4eg .primaryTip_woN4eg:before {
532
532
  margin-right: -.7rem;
533
533
  top: -.6rem;
534
534
  left: 2.5rem;
535
535
  }
536
536
 
537
- .tip-container_woN4eg.bottom-left_woN4eg {
537
+ .tipContainer_woN4eg.bottomLeft_woN4eg {
538
538
  top: calc(100% + 1.2rem);
539
539
  left: -1rem;
540
540
  }
541
541
 
542
- .tip-container_woN4eg.bottom-left-noWhitespace_woN4eg {
542
+ .tipContainer_woN4eg.bottomLeftNoWhitespace_woN4eg {
543
543
  top: calc(100% + .5rem);
544
544
  left: 0;
545
545
  }
546
546
 
547
- .tip-container_woN4eg.bottom_woN4eg .primaryTip_woN4eg:before {
547
+ .tipContainer_woN4eg.bottom_woN4eg .primaryTip_woN4eg:before {
548
548
  margin-left: -.7rem;
549
549
  top: -.6rem;
550
550
  left: 50%;
551
551
  }
552
552
 
553
- .tip-container_woN4eg.bottom_woN4eg {
553
+ .tipContainer_woN4eg.bottom_woN4eg {
554
554
  top: calc(100% + 1.2rem);
555
555
  }
556
556
 
@@ -921,13 +921,13 @@
921
921
  border-top-right-radius: 12px;
922
922
  }
923
923
 
924
- .top-right-bottom_Jfmc9g {
924
+ .topRightBottom_Jfmc9g {
925
925
  border-top-right-radius: 12px;
926
926
  border-bottom-right-radius: 12px;
927
927
  border-bottom-left-radius: 12px;
928
928
  }
929
929
 
930
- .bottom-right-top_Jfmc9g {
930
+ .bottomRightTop_Jfmc9g {
931
931
  border-top-left-radius: 12px;
932
932
  border-top-right-radius: 12px;
933
933
  border-bottom-right-radius: 12px;
@@ -1158,17 +1158,17 @@ body {
1158
1158
  font-size: 14px;
1159
1159
  }
1160
1160
 
1161
- .btn-wrapper_jgv5oA {
1161
+ .btnWrapper_jgv5oA {
1162
1162
  display: flex;
1163
1163
  }
1164
1164
 
1165
- .btn_jgv5oA, .btn-continue_jgv5oA {
1165
+ .btn_jgv5oA, .btnContinue_jgv5oA {
1166
1166
  border-radius: 12px;
1167
1167
  max-width: 182px;
1168
1168
  margin-bottom: 40px;
1169
1169
  }
1170
1170
 
1171
- .btn-continue_jgv5oA {
1171
+ .btnContinue_jgv5oA {
1172
1172
  max-width: 236px;
1173
1173
  margin-left: 16px;
1174
1174
  }
@@ -1244,11 +1244,11 @@ body {
1244
1244
  opacity: 1;
1245
1245
  }
1246
1246
 
1247
- .with-cross_zG1jrA {
1247
+ .withCross_zG1jrA {
1248
1248
  padding: 16px 48px;
1249
1249
  }
1250
1250
 
1251
- .notification-loader_zG1jrA {
1251
+ .notificationLoader_zG1jrA {
1252
1252
  width: 20px;
1253
1253
  height: 20px;
1254
1254
  }
@@ -1264,7 +1264,7 @@ body {
1264
1264
  right: 16px;
1265
1265
  }
1266
1266
 
1267
- .notification-icon_zG1jrA {
1267
+ .notificationIcon_zG1jrA {
1268
1268
  position: absolute;
1269
1269
  top: 16px;
1270
1270
  left: 16px;
@@ -1278,12 +1278,12 @@ body {
1278
1278
  line-height: 1.22;
1279
1279
  }
1280
1280
 
1281
- .boards-text_SN_-vw {
1281
+ .boardsText_SN_-vw {
1282
1282
  max-width: 680px;
1283
1283
  margin-bottom: 24px;
1284
1284
  }
1285
1285
 
1286
- .team-boards_SN_-vw {
1286
+ .teamBoards_SN_-vw {
1287
1287
  margin-bottom: 16px;
1288
1288
  }
1289
1289
 
@@ -1336,7 +1336,7 @@ body {
1336
1336
  height: 150px;
1337
1337
  }
1338
1338
 
1339
- .img-placeholder_SN_-vw {
1339
+ .imgPlaceholder_SN_-vw {
1340
1340
  background-color: #924fe880;
1341
1341
  border-radius: 20px;
1342
1342
  width: 100%;
@@ -1360,57 +1360,57 @@ body {
1360
1360
  right: 0;
1361
1361
  }
1362
1362
 
1363
- .items-btn_SN_-vw {
1363
+ .itemsBtn_SN_-vw {
1364
1364
  max-width: min-content;
1365
1365
  padding: 0 12px;
1366
1366
  font-weight: 600 !important;
1367
1367
  }
1368
1368
 
1369
- .notification-icon_SN_-vw {
1369
+ .notificationIcon_SN_-vw {
1370
1370
  position: absolute;
1371
1371
  top: 16px;
1372
1372
  left: 16px;
1373
1373
  }
1374
1374
 
1375
- .notification-title_SN_-vw {
1375
+ .notificationTitle_SN_-vw {
1376
1376
  font-weight: 500;
1377
1377
  }
1378
1378
 
1379
- .notification-loader-wr_SN_-vw {
1379
+ .notificationLoaderWr_SN_-vw {
1380
1380
  max-width: 326px;
1381
1381
  }
1382
1382
 
1383
- .notification-wr_SN_-vw {
1383
+ .notificationWr_SN_-vw {
1384
1384
  max-width: 294px;
1385
1385
  }
1386
1386
 
1387
- .notification-text_SN_-vw {
1387
+ .notificationText_SN_-vw {
1388
1388
  color: #0f132499;
1389
1389
  margin-top: 4px;
1390
1390
  }
1391
1391
 
1392
- .notification-btns_SN_-vw {
1392
+ .notificationBtns_SN_-vw {
1393
1393
  display: flex;
1394
1394
  justify-content: space-between;
1395
1395
  align-items: center;
1396
1396
  }
1397
1397
 
1398
- .notification-btn_SN_-vw {
1398
+ .notificationBtn_SN_-vw {
1399
1399
  max-width: max-content;
1400
1400
  margin-top: 12px;
1401
1401
  padding: 0 10px;
1402
1402
  }
1403
1403
 
1404
- .notification-success-description_SN_-vw {
1404
+ .notificationSuccessDescription_SN_-vw {
1405
1405
  opacity: .6;
1406
1406
  margin-top: 4px;
1407
1407
  }
1408
1408
 
1409
- .notification-success-link_SN_-vw, .notification-success-description_SN_-vw {
1409
+ .notificationSuccessLink_SN_-vw, .notificationSuccessDescription_SN_-vw {
1410
1410
  color: #0f1324;
1411
1411
  }
1412
1412
 
1413
- .notification-success-link_SN_-vw {
1413
+ .notificationSuccessLink_SN_-vw {
1414
1414
  text-decoration-thickness: .5px;
1415
1415
  }
1416
1416
 
@@ -1981,10 +1981,6 @@ body {
1981
1981
  box-shadow: 0 8px 16px #0000001f;
1982
1982
  }
1983
1983
 
1984
- .dropdownWrapper_closed_jFMnzg {
1985
- display: none;
1986
- }
1987
-
1988
1984
  .userInfo_jFMnzg {
1989
1985
  display: flex;
1990
1986
  align-items: center;
@@ -3116,7 +3112,7 @@ a.link_jFMnzg {
3116
3112
  justify-content: space-between;
3117
3113
  }
3118
3114
 
3119
- .card_SckGZA .title_SckGZA .main-content_SckGZA {
3115
+ .card_SckGZA .title_SckGZA .mainContent_SckGZA {
3120
3116
  width: 100%;
3121
3117
  }
3122
3118
 
@@ -3141,7 +3137,7 @@ a.link_jFMnzg {
3141
3137
  line-height: 20px;
3142
3138
  }
3143
3139
 
3144
- .inline-buttons_SckGZA {
3140
+ .inlineButtons_SckGZA {
3145
3141
  display: flex;
3146
3142
  justify-content: space-between;
3147
3143
  align-items: center;
@@ -3208,7 +3204,7 @@ a.link_jFMnzg {
3208
3204
  padding: 9px;
3209
3205
  }
3210
3206
 
3211
- .coin-title_SckGZA {
3207
+ .coinTitle_SckGZA {
3212
3208
  display: flex;
3213
3209
  flex-direction: column;
3214
3210
  align-items: flex-start;
@@ -3217,7 +3213,7 @@ a.link_jFMnzg {
3217
3213
  padding: 0;
3218
3214
  }
3219
3215
 
3220
- .coin-title_SckGZA .main-content_SckGZA {
3216
+ .coinTitle_SckGZA .mainContent_SckGZA {
3221
3217
  display: flex;
3222
3218
  flex-direction: column;
3223
3219
  gap: 4px;
@@ -5546,7 +5542,7 @@ td.currentTariff_0VfwRg {
5546
5542
  font-weight: 400;
5547
5543
  }
5548
5544
 
5549
- .tip-container_0VfwRg {
5545
+ .tipContainer_0VfwRg {
5550
5546
  display: none;
5551
5547
  position: absolute;
5552
5548
  user-select: none;
@@ -5579,17 +5575,17 @@ td.currentTariff_0VfwRg {
5579
5575
  height: 0;
5580
5576
  }
5581
5577
 
5582
- .tip-container_0VfwRg.bottom-right_0VfwRg .tip_0VfwRg:before {
5578
+ .tipContainer_0VfwRg.bottomRight_0VfwRg .tip_0VfwRg:before {
5583
5579
  margin-right: -.7rem;
5584
5580
  top: -.6rem;
5585
5581
  left: 2.5rem;
5586
5582
  }
5587
5583
 
5588
- .tip-text_0VfwRg.center_0VfwRg {
5584
+ .tipText_0VfwRg.center_0VfwRg {
5589
5585
  text-align: center;
5590
5586
  }
5591
5587
 
5592
- .tip-container_0VfwRg.visible_0VfwRg {
5588
+ .tipContainer_0VfwRg.visible_0VfwRg {
5593
5589
  display: flex;
5594
5590
  }
5595
5591
 
@@ -7511,15 +7507,15 @@ td.currentTariff_0VfwRg {
7511
7507
  top: calc(100% + var(--offset));
7512
7508
  }
7513
7509
 
7514
- .offset-left_SRElJw {
7510
+ .offsetLeft_SRElJw {
7515
7511
  left: calc(100% + var(--offset));
7516
7512
  }
7517
7513
 
7518
- .offset-right_SRElJw {
7514
+ .offsetRight_SRElJw {
7519
7515
  right: calc(100% + var(--offset));
7520
7516
  }
7521
7517
 
7522
- .offset-center_SRElJw {
7518
+ .offsetCenter_SRElJw {
7523
7519
  right: 0;
7524
7520
  }
7525
7521
 
@@ -7983,7 +7979,7 @@ td.currentTariff_0VfwRg {
7983
7979
  padding: 0 0 0 .6rem;
7984
7980
  }
7985
7981
 
7986
- .font-size_0DxcUg {
7982
+ .fontSize_0DxcUg {
7987
7983
  flex: 1 0;
7988
7984
  height: 100%;
7989
7985
  }
@@ -8007,7 +8003,7 @@ td.currentTariff_0VfwRg {
8007
8003
  color: #14151a;
8008
8004
  }
8009
8005
 
8010
- .size-list_0DxcUg {
8006
+ .sizeList_0DxcUg {
8011
8007
  display: flex;
8012
8008
  overflow: hidden;
8013
8009
  flex-direction: column;
@@ -8190,7 +8186,7 @@ td.currentTariff_0VfwRg {
8190
8186
  padding: 0 0 0 .6rem;
8191
8187
  }
8192
8188
 
8193
- .font-size_heDc2Q {
8189
+ .fontSize_heDc2Q {
8194
8190
  flex: 1 0;
8195
8191
  height: 100%;
8196
8192
  }
@@ -8214,7 +8210,7 @@ td.currentTariff_0VfwRg {
8214
8210
  color: #14151a;
8215
8211
  }
8216
8212
 
8217
- .size-list_heDc2Q {
8213
+ .sizeList_heDc2Q {
8218
8214
  display: flex;
8219
8215
  overflow: hidden;
8220
8216
  flex-direction: column;
@@ -8401,15 +8397,15 @@ td.currentTariff_0VfwRg {
8401
8397
  --focus-outline-color: #e3d9ff;
8402
8398
  }
8403
8399
 
8404
- .radius-xl_PuYX5A {
8400
+ .radiusXl_PuYX5A {
8405
8401
  --radius: 12px;
8406
8402
  }
8407
8403
 
8408
- .radius-md_PuYX5A {
8404
+ .radiusMd_PuYX5A {
8409
8405
  --radius: 8px;
8410
8406
  }
8411
8407
 
8412
- .radius-sm_PuYX5A {
8408
+ .radiusSm_PuYX5A {
8413
8409
  --radius: 4px;
8414
8410
  }
8415
8411
 
@@ -9428,7 +9424,7 @@ input.rename_i3VZwA {
9428
9424
  font-weight: 400;
9429
9425
  }
9430
9426
 
9431
- .user-input_W__ClA {
9427
+ .userInput_W__ClA {
9432
9428
  outline: none;
9433
9429
  -webkit-appearance: none;
9434
9430
  -moz-appearance: none;
@@ -9438,7 +9434,7 @@ input.rename_i3VZwA {
9438
9434
  height: 100%;
9439
9435
  }
9440
9436
 
9441
- .user-input_W__ClA:focus {
9437
+ .userInput_W__ClA:focus {
9442
9438
  outline: none;
9443
9439
  border: none;
9444
9440
  }
@@ -10609,19 +10605,19 @@ input.rename_i3VZwA {
10609
10605
  }
10610
10606
 
10611
10607
  /* src/features/TextEditor/TextEditor.module.css */
10612
- .editor-container_P4MgEQ {
10608
+ .editorContainer_P4MgEQ {
10613
10609
  position: relative;
10614
10610
  }
10615
10611
 
10616
- .scroll-container_P4MgEQ {
10612
+ .scrollContainer_P4MgEQ {
10617
10613
  scrollbar-width: none;
10618
10614
  }
10619
10615
 
10620
- .scroll-container_P4MgEQ::-webkit-scrollbar {
10616
+ .scrollContainer_P4MgEQ::-webkit-scrollbar {
10621
10617
  display: none;
10622
10618
  }
10623
10619
 
10624
- .editor-container_P4MgEQ:before {
10620
+ .editorContainer_P4MgEQ:before {
10625
10621
  content: attr(data-placeholder);
10626
10622
  position: absolute;
10627
10623
  white-space: nowrap;
@@ -10638,18 +10634,18 @@ input.rename_i3VZwA {
10638
10634
  inset: 0;
10639
10635
  }
10640
10636
 
10641
- .show-placeholder_P4MgEQ.editor-container_P4MgEQ:before {
10637
+ .showPlaceholder_P4MgEQ.editorContainer_P4MgEQ:before {
10642
10638
  display: flex;
10643
10639
  }
10644
10640
 
10645
- .limit-warning_P4MgEQ {
10641
+ .limitWarning_P4MgEQ {
10646
10642
  position: absolute;
10647
10643
  transform-origin: left top;
10648
10644
  user-select: none;
10649
10645
  opacity: 0;
10650
10646
  }
10651
10647
 
10652
- .limit-warning_P4MgEQ.show_P4MgEQ {
10648
+ .limitWarning_P4MgEQ.show_P4MgEQ {
10653
10649
  opacity: .5;
10654
10650
  animation: fadeOut 3s ease-in-out;
10655
10651
  }
@@ -11684,7 +11680,7 @@ input.rename_i3VZwA {
11684
11680
  width: 100%;
11685
11681
  }
11686
11682
 
11687
- .InputContainer_N6uBbQ {
11683
+ .inputContainer_N6uBbQ {
11688
11684
  box-shadow: none;
11689
11685
  background-color: #0a0f290a;
11690
11686
  border: none;
@@ -11693,7 +11689,7 @@ input.rename_i3VZwA {
11693
11689
  padding: 2px;
11694
11690
  }
11695
11691
 
11696
- .InputContainer_N6uBbQ:focus-within {
11692
+ .inputContainer_N6uBbQ:focus-within {
11697
11693
  outline: none;
11698
11694
  border: none;
11699
11695
  }
package/dist/index.js CHANGED
@@ -330849,9 +330849,9 @@ var UiButton_module_default = {
330849
330849
  secondary: "secondary_XNHIwg",
330850
330850
  tertiary: "tertiary_XNHIwg",
330851
330851
  black: "black_XNHIwg",
330852
- "radius-xl": "radius-xl_XNHIwg",
330853
- "radius-md": "radius-md_XNHIwg",
330854
- "radius-sm": "radius-sm_XNHIwg",
330852
+ radiusXl: "radiusXl_XNHIwg",
330853
+ radiusMd: "radiusMd_XNHIwg",
330854
+ radiusSm: "radiusSm_XNHIwg",
330855
330855
  xl: "xl_XNHIwg",
330856
330856
  lg: "lg_XNHIwg",
330857
330857
  md: "md_XNHIwg",
@@ -330878,25 +330878,25 @@ var import_react113 = __toESM(require_react(), 1);
330878
330878
 
330879
330879
  // src/shared/ui-lib/Tooltip/Tooltip.module.css
330880
330880
  var Tooltip_module_default = {
330881
- "tip-container": "tip-container_woN4eg",
330882
- "top-center-fixed": "top-center-fixed_woN4eg",
330883
- "top-right-fixed": "top-right-fixed_woN4eg",
330881
+ tipContainer: "tipContainer_woN4eg",
330882
+ topCenterFixed: "topCenterFixed_woN4eg",
330883
+ topRightFixed: "topRightFixed_woN4eg",
330884
330884
  tip: "tip_woN4eg",
330885
330885
  primaryTip: "primaryTip_woN4eg",
330886
330886
  secondaryTip: "secondaryTip_woN4eg",
330887
- "padding-md": "padding-md_woN4eg",
330888
- "radius-md": "radius-md_woN4eg",
330889
- "tip-text": "tip-text_woN4eg",
330887
+ paddingMd: "paddingMd_woN4eg",
330888
+ radiusMd: "radiusMd_woN4eg",
330889
+ tipText: "tipText_woN4eg",
330890
330890
  wrap: "wrap_woN4eg",
330891
330891
  center: "center_woN4eg",
330892
330892
  left: "left_woN4eg",
330893
330893
  right: "right_woN4eg",
330894
330894
  top: "top_woN4eg",
330895
- "top-right": "top-right_woN4eg",
330896
- "top-left": "top-left_woN4eg",
330897
- "bottom-right": "bottom-right_woN4eg",
330898
- "bottom-left": "bottom-left_woN4eg",
330899
- "bottom-left-noWhitespace": "bottom-left-noWhitespace_woN4eg",
330895
+ topRight: "topRight_woN4eg",
330896
+ topLeft: "topLeft_woN4eg",
330897
+ bottomRight: "bottomRight_woN4eg",
330898
+ bottomLeft: "bottomLeft_woN4eg",
330899
+ bottomLeftNoWhitespace: "bottomLeftNoWhitespace_woN4eg",
330900
330900
  bottom: "bottom_woN4eg",
330901
330901
  withoutArrowTip: "withoutArrowTip_woN4eg"
330902
330902
  };
@@ -337932,8 +337932,8 @@ var import_react123 = __toESM(require_react(), 1);
337932
337932
  var UiPanel_module_default = {
337933
337933
  panel: "panel_Jfmc9g",
337934
337934
  top: "top_Jfmc9g",
337935
- "top-right-bottom": "top-right-bottom_Jfmc9g",
337936
- "bottom-right-top": "bottom-right-top_Jfmc9g",
337935
+ topRightBottom: "topRightBottom_Jfmc9g",
337936
+ bottomRightTop: "bottomRightTop_Jfmc9g",
337937
337937
  bottom: "bottom_Jfmc9g",
337938
337938
  full: "full_Jfmc9g",
337939
337939
  padding: "padding_Jfmc9g",
@@ -338270,9 +338270,9 @@ var ImgAuthClipboardModal_module_default = {
338270
338270
  wr: "wr_jgv5oA",
338271
338271
  title: "title_jgv5oA",
338272
338272
  text: "text_jgv5oA",
338273
- "btn-wrapper": "btn-wrapper_jgv5oA",
338273
+ btnWrapper: "btnWrapper_jgv5oA",
338274
338274
  btn: "btn_jgv5oA",
338275
- "btn-continue": "btn-continue_jgv5oA"
338275
+ btnContinue: "btnContinue_jgv5oA"
338276
338276
  };
338277
338277
  // src/shared/ui-lib/UiModal/UiModalBackground.tsx
338278
338278
  var import_react140 = __toESM(require_react(), 1);
@@ -339046,10 +339046,10 @@ var Notification_module_default = {
339046
339046
  top: "top_zG1jrA",
339047
339047
  bottom: "bottom_zG1jrA",
339048
339048
  open: "open_zG1jrA",
339049
- "with-cross": "with-cross_zG1jrA",
339050
- "notification-loader": "notification-loader_zG1jrA",
339049
+ withCross: "withCross_zG1jrA",
339050
+ notificationLoader: "notificationLoader_zG1jrA",
339051
339051
  cross: "cross_zG1jrA",
339052
- "notification-icon": "notification-icon_zG1jrA"
339052
+ notificationIcon: "notificationIcon_zG1jrA"
339053
339053
  };
339054
339054
 
339055
339055
  // src/shared/ui-lib/Notification/Notification.tsx
@@ -339087,26 +339087,26 @@ var Notification = (props) => {
339087
339087
  // src/features/ImportMiro/ImportMiroBoards/ImportMiro.module.css
339088
339088
  var ImportMiro_module_default = {
339089
339089
  title: "title_SN_-vw",
339090
- "boards-text": "boards-text_SN_-vw",
339091
- "team-boards": "team-boards_SN_-vw",
339090
+ boardsText: "boardsText_SN_-vw",
339091
+ teamBoards: "teamBoards_SN_-vw",
339092
339092
  text: "text_SN_-vw",
339093
339093
  boards: "boards_SN_-vw",
339094
339094
  board: "board_SN_-vw",
339095
339095
  img: "img_SN_-vw",
339096
- "img-placeholder": "img-placeholder_SN_-vw",
339096
+ imgPlaceholder: "imgPlaceholder_SN_-vw",
339097
339097
  name: "name_SN_-vw",
339098
339098
  btn: "btn_SN_-vw",
339099
339099
  progress: "progress_SN_-vw",
339100
- "items-btn": "items-btn_SN_-vw",
339101
- "notification-icon": "notification-icon_SN_-vw",
339102
- "notification-title": "notification-title_SN_-vw",
339103
- "notification-loader-wr": "notification-loader-wr_SN_-vw",
339104
- "notification-wr": "notification-wr_SN_-vw",
339105
- "notification-text": "notification-text_SN_-vw",
339106
- "notification-btns": "notification-btns_SN_-vw",
339107
- "notification-btn": "notification-btn_SN_-vw",
339108
- "notification-success-description": "notification-success-description_SN_-vw",
339109
- "notification-success-link": "notification-success-link_SN_-vw",
339100
+ itemsBtn: "itemsBtn_SN_-vw",
339101
+ notificationIcon: "notificationIcon_SN_-vw",
339102
+ notificationTitle: "notificationTitle_SN_-vw",
339103
+ notificationLoaderWr: "notificationLoaderWr_SN_-vw",
339104
+ notificationWr: "notificationWr_SN_-vw",
339105
+ notificationText: "notificationText_SN_-vw",
339106
+ notificationBtns: "notificationBtns_SN_-vw",
339107
+ notificationBtn: "notificationBtn_SN_-vw",
339108
+ notificationSuccessDescription: "notificationSuccessDescription_SN_-vw",
339109
+ notificationSuccessLink: "notificationSuccessLink_SN_-vw",
339110
339110
  loader: "loader_SN_-vw"
339111
339111
  };
339112
339112
 
@@ -342614,7 +342614,6 @@ var UserPanel_module_default = {
342614
342614
  signUpBtn: "signUpBtn_jFMnzg",
342615
342615
  logInBtn: "logInBtn_jFMnzg",
342616
342616
  dropdownWrapper: "dropdownWrapper_jFMnzg",
342617
- dropdownWrapper_closed: "dropdownWrapper_closed_jFMnzg",
342618
342617
  userInfo: "userInfo_jFMnzg",
342619
342618
  userName: "userName_jFMnzg",
342620
342619
  userEmail: "userEmail_jFMnzg",
@@ -343484,9 +343483,9 @@ var SelectPaymentModal_module_default = {
343484
343483
  title: "title_SckGZA",
343485
343484
  icons: "icons_SckGZA",
343486
343485
  text: "text_SckGZA",
343487
- "main-content": "main-content_SckGZA",
343486
+ mainContent: "mainContent_SckGZA",
343488
343487
  footer: "footer_SckGZA",
343489
- "inline-buttons": "inline-buttons_SckGZA",
343488
+ inlineButtons: "inlineButtons_SckGZA",
343490
343489
  description: "description_SckGZA",
343491
343490
  paddingTop: "paddingTop_SckGZA",
343492
343491
  back: "back_SckGZA",
@@ -343496,7 +343495,7 @@ var SelectPaymentModal_module_default = {
343496
343495
  cardExitActive: "cardExitActive_SckGZA",
343497
343496
  coins: "coins_SckGZA",
343498
343497
  coin: "coin_SckGZA",
343499
- "coin-title": "coin-title_SckGZA",
343498
+ coinTitle: "coinTitle_SckGZA",
343500
343499
  active: "active_SckGZA",
343501
343500
  tokenAmountWrapper: "tokenAmountWrapper_SckGZA",
343502
343501
  tokenAmountInput: "tokenAmountInput_SckGZA",
@@ -344286,10 +344285,10 @@ var LimitsTable_module_default = {
344286
344285
  modelDisabled: "modelDisabled_0VfwRg",
344287
344286
  modelLimitReached: "modelLimitReached_0VfwRg",
344288
344287
  limits: "limits_0VfwRg",
344289
- "tip-container": "tip-container_0VfwRg",
344288
+ tipContainer: "tipContainer_0VfwRg",
344290
344289
  tip: "tip_0VfwRg",
344291
- "bottom-right": "bottom-right_0VfwRg",
344292
- "tip-text": "tip-text_0VfwRg",
344290
+ bottomRight: "bottomRight_0VfwRg",
344291
+ tipText: "tipText_0VfwRg",
344293
344292
  center: "center_0VfwRg",
344294
344293
  visible: "visible_0VfwRg"
344295
344294
  };
@@ -352951,9 +352950,9 @@ var UiButtonWithMenu_module_default = {
352951
352950
  offset: "offset_SRElJw",
352952
352951
  top: "top_SRElJw",
352953
352952
  bottom: "bottom_SRElJw",
352954
- "offset-left": "offset-left_SRElJw",
352955
- "offset-right": "offset-right_SRElJw",
352956
- "offset-center": "offset-center_SRElJw",
352953
+ offsetLeft: "offsetLeft_SRElJw",
352954
+ offsetRight: "offsetRight_SRElJw",
352955
+ offsetCenter: "offsetCenter_SRElJw",
352957
352956
  middle: "middle_SRElJw",
352958
352957
  opened: "opened_SRElJw",
352959
352958
  closed: "closed_SRElJw"
@@ -353830,9 +353829,9 @@ var import_react238 = __toESM(require_react(), 1);
353830
353829
  // src/features/ContextPanel/Buttons/FontSize/FontSize.module.css
353831
353830
  var FontSize_module_default = {
353832
353831
  button: "button_0DxcUg",
353833
- "font-size": "font-size_0DxcUg",
353832
+ fontSize: "fontSize_0DxcUg",
353834
353833
  input: "input_0DxcUg",
353835
- "size-list": "size-list_0DxcUg",
353834
+ sizeList: "sizeList_0DxcUg",
353836
353835
  menuBottom: "menuBottom_0DxcUg",
353837
353836
  chevron: "chevron_0DxcUg"
353838
353837
  };
@@ -355899,9 +355898,9 @@ var import_react286 = __toESM(require_react(), 1);
355899
355898
  // src/features/ContextPanel/Buttons/CardGame/Dice/ChangeRange/ChangeRange.module.css
355900
355899
  var ChangeRange_module_default = {
355901
355900
  button: "button_heDc2Q",
355902
- "font-size": "font-size_heDc2Q",
355901
+ fontSize: "fontSize_heDc2Q",
355903
355902
  input: "input_heDc2Q",
355904
- "size-list": "size-list_heDc2Q",
355903
+ sizeList: "sizeList_heDc2Q",
355905
355904
  menuBottom: "menuBottom_heDc2Q",
355906
355905
  chevron: "chevron_heDc2Q"
355907
355906
  };
@@ -356667,9 +356666,9 @@ var UiLink_module_default = {
356667
356666
  secondary: "secondary_PuYX5A",
356668
356667
  tertiary: "tertiary_PuYX5A",
356669
356668
  black: "black_PuYX5A",
356670
- "radius-xl": "radius-xl_PuYX5A",
356671
- "radius-md": "radius-md_PuYX5A",
356672
- "radius-sm": "radius-sm_PuYX5A",
356669
+ radiusXl: "radiusXl_PuYX5A",
356670
+ radiusMd: "radiusMd_PuYX5A",
356671
+ radiusSm: "radiusSm_PuYX5A",
356673
356672
  lg: "lg_PuYX5A",
356674
356673
  md: "md_PuYX5A",
356675
356674
  sm: "sm_PuYX5A",
@@ -416956,7 +416955,7 @@ var SnapshotNameInput_module_default = {
416956
416955
  btns: "btns_W__ClA",
416957
416956
  btn: "btn_W__ClA",
416958
416957
  nativeInput: "nativeInput_W__ClA",
416959
- "user-input": "user-input_W__ClA",
416958
+ userInput: "userInput_W__ClA",
416960
416959
  description: "description_W__ClA",
416961
416960
  snapshot: "snapshot_W__ClA",
416962
416961
  error: "error_W__ClA",
@@ -420365,10 +420364,10 @@ var import_react356 = __toESM(require_react(), 1);
420365
420364
 
420366
420365
  // src/features/TextEditor/TextEditor.module.css
420367
420366
  var TextEditor_module_default = {
420368
- "editor-container": "editor-container_P4MgEQ",
420369
- "scroll-container": "scroll-container_P4MgEQ",
420370
- "show-placeholder": "show-placeholder_P4MgEQ",
420371
- "limit-warning": "limit-warning_P4MgEQ",
420367
+ editorContainer: "editorContainer_P4MgEQ",
420368
+ scrollContainer: "scrollContainer_P4MgEQ",
420369
+ showPlaceholder: "showPlaceholder_P4MgEQ",
420370
+ limitWarning: "limitWarning_P4MgEQ",
420372
420371
  show: "show_P4MgEQ",
420373
420372
  quoteBtn: "quoteBtn_P4MgEQ",
420374
420373
  tooltip: "tooltip_P4MgEQ",
@@ -421769,7 +421768,7 @@ var CommentInput_module_default = {
421769
421768
  submitBtnWrapper: "submitBtnWrapper_N6uBbQ",
421770
421769
  submitBtnSeparator: "submitBtnSeparator_N6uBbQ",
421771
421770
  wrapper: "wrapper_N6uBbQ",
421772
- InputContainer: "InputContainer_N6uBbQ",
421771
+ inputContainer: "inputContainer_N6uBbQ",
421773
421772
  editModeButtons: "editModeButtons_N6uBbQ",
421774
421773
  saveBtn: "saveBtn_N6uBbQ",
421775
421774
  deleteBtn: "deleteBtn_N6uBbQ"
package/package.json CHANGED
@@ -1,12 +1,16 @@
1
1
  {
2
2
  "name": "microboard-ui-temp",
3
- "version": "0.0.19",
3
+ "version": "0.0.20",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "type": "module",
7
7
  "scripts": {
8
+ "lint:css": "stylelint '**/*.module.css' --fix",
9
+ "fix:css": "bun run scripts/cameliseCssClasses.ts",
10
+ "lint": "bun run lint:css",
8
11
  "clean": "rimraf dist",
9
- "build": "bun run scripts/build.ts"
12
+ "build": "bun run scripts/build.ts",
13
+ "prepare": "bun run scripts/prepareHooks.ts"
10
14
  },
11
15
  "files": [
12
16
  "dist"
@@ -19,7 +23,8 @@
19
23
  },
20
24
  "devDependencies": {
21
25
  "@types/bun": "^1.2.18",
22
- "@types/node": "^24.0.12"
26
+ "@types/node": "^24.0.12",
27
+ "stylelint": "^16.21.1"
23
28
  },
24
29
  "peerDependencies": {
25
30
  "typescript": "^5",