@univerjs/preset-sheets-advanced 1.0.0-alpha.2 → 1.0.0-alpha.3

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/lib/index.css CHANGED
@@ -392,11 +392,6 @@
392
392
  margin-right: auto;
393
393
  }
394
394
 
395
- .univer-my-1 {
396
- margin-top: .25rem;
397
- margin-bottom: .25rem;
398
- }
399
-
400
395
  .univer-mb-1 {
401
396
  margin-bottom: .25rem;
402
397
  }
@@ -405,6 +400,10 @@
405
400
  margin-bottom: .5rem;
406
401
  }
407
402
 
403
+ .univer-ml-auto {
404
+ margin-left: auto;
405
+ }
406
+
408
407
  .univer-mr-5 {
409
408
  margin-right: 1.25rem;
410
409
  }
@@ -450,11 +449,20 @@
450
449
  height: 1rem;
451
450
  }
452
451
 
452
+ .univer-size-5 {
453
+ width: 1.25rem;
454
+ height: 1.25rem;
455
+ }
456
+
453
457
  .univer-size-full {
454
458
  width: 100%;
455
459
  height: 100%;
456
460
  }
457
461
 
462
+ .\!univer-h-5 {
463
+ height: 1.25rem !important;
464
+ }
465
+
458
466
  .\!univer-h-6 {
459
467
  height: 1.5rem !important;
460
468
  }
@@ -547,14 +555,14 @@
547
555
  width: 7rem;
548
556
  }
549
557
 
550
- .univer-w-32 {
551
- width: 8rem;
552
- }
553
-
554
558
  .univer-w-4 {
555
559
  width: 1rem;
556
560
  }
557
561
 
562
+ .univer-w-40 {
563
+ width: 10rem;
564
+ }
565
+
558
566
  .univer-w-6 {
559
567
  width: 1.5rem;
560
568
  }
@@ -575,6 +583,10 @@
575
583
  width: 168px;
576
584
  }
577
585
 
586
+ .univer-w-\[244px\] {
587
+ width: 244px;
588
+ }
589
+
578
590
  .univer-w-\[260px\] {
579
591
  width: 260px;
580
592
  }
@@ -611,6 +623,10 @@
611
623
  min-width: 8rem;
612
624
  }
613
625
 
626
+ .univer-min-w-40 {
627
+ min-width: 10rem;
628
+ }
629
+
614
630
  .univer-min-w-44 {
615
631
  min-width: 11rem;
616
632
  }
@@ -627,8 +643,12 @@
627
643
  min-width: 2.25rem;
628
644
  }
629
645
 
630
- .univer-max-w-\[760px\] {
631
- max-width: 760px;
646
+ .univer-min-w-\[240px\] {
647
+ min-width: 240px;
648
+ }
649
+
650
+ .univer-max-w-\[min\(760px\,calc\(100vw-32px\)\)\] {
651
+ max-width: min(760px, 100vw - 32px);
632
652
  }
633
653
 
634
654
  .univer-flex-1 {
@@ -651,7 +671,7 @@
651
671
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
652
672
  }
653
673
 
654
- .-univer-rotate-90 {
674
+ .-univer-rotate-90, .univer--rotate-90 {
655
675
  --univer-tw-rotate: -90deg;
656
676
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(-90deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
657
677
  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
@@ -677,6 +697,10 @@
677
697
  cursor: pointer;
678
698
  }
679
699
 
700
+ .univer-select-none {
701
+ user-select: none;
702
+ }
703
+
680
704
  .univer-appearance-none {
681
705
  -webkit-appearance: none;
682
706
  appearance: none;
@@ -686,6 +710,10 @@
686
710
  grid-template-columns: repeat(10, minmax(0, 1fr));
687
711
  }
688
712
 
713
+ .univer-grid-cols-3 {
714
+ grid-template-columns: repeat(3, minmax(0, 1fr));
715
+ }
716
+
689
717
  .univer-grid-cols-\[repeat\(3\,minmax\(0\,1fr\)\)_76px\] {
690
718
  grid-template-columns: repeat(3, minmax(0, 1fr)) 76px;
691
719
  }
@@ -734,8 +762,8 @@
734
762
  gap: 1rem;
735
763
  }
736
764
 
737
- .univer-self-center {
738
- align-self: center;
765
+ .univer-gap-8 {
766
+ gap: 2rem;
739
767
  }
740
768
 
741
769
  .univer-overflow-auto {
@@ -754,6 +782,10 @@
754
782
  overflow-y: auto;
755
783
  }
756
784
 
785
+ .univer-whitespace-nowrap {
786
+ white-space: nowrap;
787
+ }
788
+
757
789
  .\!univer-rounded-md {
758
790
  border-radius: .375rem !important;
759
791
  }
@@ -900,6 +932,10 @@
900
932
  object-fit: cover;
901
933
  }
902
934
 
935
+ .\!univer-p-1 {
936
+ padding: .25rem !important;
937
+ }
938
+
903
939
  .univer-p-0 {
904
940
  padding: 0;
905
941
  }
@@ -961,10 +997,6 @@
961
997
  padding-bottom: 1rem;
962
998
  }
963
999
 
964
- .univer-pb-2 {
965
- padding-bottom: .5rem;
966
- }
967
-
968
1000
  .univer-pb-2\.5 {
969
1001
  padding-bottom: .625rem;
970
1002
  }
@@ -1017,10 +1049,18 @@
1017
1049
  font-weight: 600;
1018
1050
  }
1019
1051
 
1052
+ .univer-leading-none {
1053
+ line-height: 1;
1054
+ }
1055
+
1020
1056
  .\!univer-text-primary-300 {
1021
1057
  color: var(--univer-primary-300) !important;
1022
1058
  }
1023
1059
 
1060
+ .univer-text-gray-400 {
1061
+ color: var(--univer-gray-400);
1062
+ }
1063
+
1024
1064
  .univer-text-gray-500 {
1025
1065
  color: var(--univer-gray-500);
1026
1066
  }
@@ -1037,6 +1077,10 @@
1037
1077
  color: var(--univer-gray-800);
1038
1078
  }
1039
1079
 
1080
+ .univer-text-gray-900 {
1081
+ color: var(--univer-gray-900);
1082
+ }
1083
+
1040
1084
  .univer-text-primary-600 {
1041
1085
  color: var(--univer-primary-600);
1042
1086
  }
@@ -1045,6 +1089,13 @@
1045
1089
  opacity: .6;
1046
1090
  }
1047
1091
 
1092
+ .\!univer-shadow-none {
1093
+ --univer-tw-shadow: 0 0 #0000 !important;
1094
+ --univer-tw-shadow-colored: 0 0 #0000 !important;
1095
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
1096
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
1097
+ }
1098
+
1048
1099
  .univer-shadow-lg {
1049
1100
  --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
1050
1101
  --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
@@ -1059,6 +1110,13 @@
1059
1110
  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1060
1111
  }
1061
1112
 
1113
+ .univer-shadow-none {
1114
+ --univer-tw-shadow: 0 0 #0000;
1115
+ --univer-tw-shadow-colored: 0 0 #0000;
1116
+ box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000;
1117
+ box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
1118
+ }
1119
+
1062
1120
  .univer-shadow-sm {
1063
1121
  --univer-tw-shadow: 0px 1px 2px 0px #1e284d14;
1064
1122
  --univer-tw-shadow-colored: 0px 1px 2px 0px var(--univer-tw-shadow-color);
@@ -1118,6 +1176,46 @@
1118
1176
  opacity: .5;
1119
1177
  }
1120
1178
 
1179
+ .rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
1180
+ margin-left: 0;
1181
+ }
1182
+
1183
+ .rtl\:univer-mr-auto:where([dir="rtl"], [dir="rtl"] *) {
1184
+ margin-right: auto;
1185
+ }
1186
+
1187
+ .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
1188
+ border-top-left-radius: .375rem;
1189
+ border-bottom-left-radius: .375rem;
1190
+ }
1191
+
1192
+ .rtl\:univer-rounded-l-none:where([dir="rtl"], [dir="rtl"] *) {
1193
+ border-top-left-radius: 0;
1194
+ border-bottom-left-radius: 0;
1195
+ }
1196
+
1197
+ .rtl\:univer-rounded-r-md:where([dir="rtl"], [dir="rtl"] *) {
1198
+ border-top-right-radius: .375rem;
1199
+ border-bottom-right-radius: .375rem;
1200
+ }
1201
+
1202
+ .rtl\:univer-rounded-r-none:where([dir="rtl"], [dir="rtl"] *) {
1203
+ border-top-right-radius: 0;
1204
+ border-bottom-right-radius: 0;
1205
+ }
1206
+
1207
+ .rtl\:univer-border-l-0:where([dir="rtl"], [dir="rtl"] *) {
1208
+ border-left-width: 0;
1209
+ }
1210
+
1211
+ .rtl\:univer-border-r:where([dir="rtl"], [dir="rtl"] *) {
1212
+ border-right-width: 1px;
1213
+ }
1214
+
1215
+ .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
1216
+ text-align: right;
1217
+ }
1218
+
1121
1219
  .dark\:\!univer-border-gray-300:where(.univer-dark, .univer-dark *) {
1122
1220
  border-color: var(--univer-gray-300) !important;
1123
1221
  }
@@ -1162,6 +1260,10 @@
1162
1260
  color: var(--univer-gray-300) !important;
1163
1261
  }
1164
1262
 
1263
+ .dark\:\!univer-text-gray-500:where(.univer-dark, .univer-dark *) {
1264
+ color: var(--univer-gray-500) !important;
1265
+ }
1266
+
1165
1267
  .dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
1166
1268
  color: var(--univer-primary-300) !important;
1167
1269
  }
@@ -1214,9 +1316,9 @@
1214
1316
  top: .5rem;
1215
1317
  }
1216
1318
 
1217
- .univer-mx-auto {
1218
- margin-left: auto;
1219
- margin-right: auto;
1319
+ .-univer-mx-4 {
1320
+ margin-left: -1rem;
1321
+ margin-right: -1rem;
1220
1322
  }
1221
1323
 
1222
1324
  .univer-my-2 {
@@ -1232,10 +1334,6 @@
1232
1334
  margin-bottom: 1rem;
1233
1335
  }
1234
1336
 
1235
- .univer-ml-1 {
1236
- margin-left: .25rem;
1237
- }
1238
-
1239
1337
  .univer-ml-2 {
1240
1338
  margin-left: .5rem;
1241
1339
  }
@@ -1248,10 +1346,6 @@
1248
1346
  margin-right: .5rem;
1249
1347
  }
1250
1348
 
1251
- .univer-mr-5 {
1252
- margin-right: 1.25rem;
1253
- }
1254
-
1255
1349
  .univer-mt-1\.5 {
1256
1350
  margin-top: .375rem;
1257
1351
  }
@@ -1293,11 +1387,6 @@
1293
1387
  height: 1rem;
1294
1388
  }
1295
1389
 
1296
- .univer-size-5 {
1297
- width: 1.25rem;
1298
- height: 1.25rem;
1299
- }
1300
-
1301
1390
  .univer-size-6 {
1302
1391
  width: 1.5rem;
1303
1392
  height: 1.5rem;
@@ -1308,10 +1397,6 @@
1308
1397
  height: 100%;
1309
1398
  }
1310
1399
 
1311
- .univer-h-1 {
1312
- height: .25rem;
1313
- }
1314
-
1315
1400
  .univer-h-4 {
1316
1401
  height: 1rem;
1317
1402
  }
@@ -1336,10 +1421,6 @@
1336
1421
  height: 26px;
1337
1422
  }
1338
1423
 
1339
- .univer-w-1\/2 {
1340
- width: 50%;
1341
- }
1342
-
1343
1424
  .univer-w-\[--radix-popper-anchor-width\] {
1344
1425
  width: var(--radix-popper-anchor-width);
1345
1426
  }
@@ -1356,10 +1437,6 @@
1356
1437
  width: 290px;
1357
1438
  }
1358
1439
 
1359
- .univer-w-fit {
1360
- width: fit-content;
1361
- }
1362
-
1363
1440
  .univer-w-full {
1364
1441
  width: 100%;
1365
1442
  }
@@ -1380,16 +1457,6 @@
1380
1457
  flex-grow: 1;
1381
1458
  }
1382
1459
 
1383
- .univer-rotate-180 {
1384
- --univer-tw-rotate: 180deg;
1385
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1386
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
1387
- }
1388
-
1389
- .univer-cursor-default {
1390
- cursor: default;
1391
- }
1392
-
1393
1460
  .univer-cursor-pointer {
1394
1461
  cursor: pointer;
1395
1462
  }
@@ -1438,10 +1505,6 @@
1438
1505
  gap: .625rem;
1439
1506
  }
1440
1507
 
1441
- .univer-gap-3 {
1442
- gap: .75rem;
1443
- }
1444
-
1445
1508
  .univer-gap-4 {
1446
1509
  gap: 1rem;
1447
1510
  }
@@ -1454,12 +1517,6 @@
1454
1517
  overflow: auto;
1455
1518
  }
1456
1519
 
1457
- .univer-truncate {
1458
- text-overflow: ellipsis;
1459
- white-space: nowrap;
1460
- overflow: hidden;
1461
- }
1462
-
1463
1520
  .univer-rounded-lg {
1464
1521
  border-radius: .5rem;
1465
1522
  }
@@ -1480,10 +1537,6 @@
1480
1537
  border-width: 1px;
1481
1538
  }
1482
1539
 
1483
- .univer-border-b {
1484
- border-bottom-width: 1px;
1485
- }
1486
-
1487
1540
  .univer-border-solid {
1488
1541
  border-style: solid;
1489
1542
  }
@@ -1500,18 +1553,6 @@
1500
1553
  background-color: var(--univer-gray-100);
1501
1554
  }
1502
1555
 
1503
- .univer-bg-gray-50 {
1504
- background-color: var(--univer-gray-50);
1505
- }
1506
-
1507
- .univer-bg-primary-600 {
1508
- background-color: var(--univer-primary-600);
1509
- }
1510
-
1511
- .univer-bg-transparent {
1512
- background-color: #0000;
1513
- }
1514
-
1515
1556
  .univer-bg-white {
1516
1557
  background-color: var(--univer-white);
1517
1558
  }
@@ -1520,10 +1561,6 @@
1520
1561
  padding: 0;
1521
1562
  }
1522
1563
 
1523
- .univer-p-1\.5 {
1524
- padding: .375rem;
1525
- }
1526
-
1527
1564
  .univer-p-2 {
1528
1565
  padding: .5rem;
1529
1566
  }
@@ -1537,53 +1574,20 @@
1537
1574
  padding-right: .25rem;
1538
1575
  }
1539
1576
 
1540
- .univer-px-1\.5 {
1541
- padding-left: .375rem;
1542
- padding-right: .375rem;
1543
- }
1544
-
1545
1577
  .univer-px-2 {
1546
1578
  padding-left: .5rem;
1547
1579
  padding-right: .5rem;
1548
1580
  }
1549
1581
 
1550
- .univer-px-3 {
1551
- padding-left: .75rem;
1552
- padding-right: .75rem;
1553
- }
1554
-
1555
- .univer-px-4 {
1556
- padding-left: 1rem;
1557
- padding-right: 1rem;
1558
- }
1559
-
1560
- .univer-py-0\.5 {
1561
- padding-top: .125rem;
1562
- padding-bottom: .125rem;
1563
- }
1564
-
1565
1582
  .univer-py-1 {
1566
1583
  padding-top: .25rem;
1567
1584
  padding-bottom: .25rem;
1568
1585
  }
1569
1586
 
1570
- .univer-py-4 {
1571
- padding-top: 1rem;
1572
- padding-bottom: 1rem;
1573
- }
1574
-
1575
1587
  .univer-pb-2\.5 {
1576
1588
  padding-bottom: .625rem;
1577
1589
  }
1578
1590
 
1579
- .univer-pb-3 {
1580
- padding-bottom: .75rem;
1581
- }
1582
-
1583
- .univer-text-center {
1584
- text-align: center;
1585
- }
1586
-
1587
1591
  .univer-text-2xl {
1588
1592
  font-size: 1.5rem;
1589
1593
  line-height: 2rem;
@@ -1608,10 +1612,6 @@
1608
1612
  font-weight: 500;
1609
1613
  }
1610
1614
 
1611
- .univer-font-semibold {
1612
- font-weight: 600;
1613
- }
1614
-
1615
1615
  .univer-leading-4 {
1616
1616
  line-height: 1rem;
1617
1617
  }
@@ -1624,14 +1624,6 @@
1624
1624
  line-height: 1.5rem;
1625
1625
  }
1626
1626
 
1627
- .univer-leading-tight {
1628
- line-height: 1.25;
1629
- }
1630
-
1631
- .univer-text-gray-500 {
1632
- color: var(--univer-gray-500);
1633
- }
1634
-
1635
1627
  .univer-text-gray-600 {
1636
1628
  color: var(--univer-gray-600);
1637
1629
  }
@@ -1661,20 +1653,10 @@
1661
1653
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1662
1654
  }
1663
1655
 
1664
- .univer-transition-transform {
1665
- transition-property: transform;
1666
- transition-duration: .15s;
1667
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
1668
- }
1669
-
1670
1656
  .univer-duration-200 {
1671
1657
  transition-duration: .2s;
1672
1658
  }
1673
1659
 
1674
- .univer-duration-300 {
1675
- transition-duration: .3s;
1676
- }
1677
-
1678
1660
  .placeholder\:univer-text-gray-400::placeholder {
1679
1661
  color: var(--univer-gray-400);
1680
1662
  }
@@ -1715,10 +1697,6 @@
1715
1697
  background-color: var(--univer-gray-700) !important;
1716
1698
  }
1717
1699
 
1718
- .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
1719
- background-color: var(--univer-gray-900) !important;
1720
- }
1721
-
1722
1700
  .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
1723
1701
  color: var(--univer-gray-100) !important;
1724
1702
  }
@@ -2354,6 +2332,10 @@
2354
2332
  margin-right: .75rem;
2355
2333
  }
2356
2334
 
2335
+ .rtl\:univer-flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
2336
+ flex-direction: row-reverse;
2337
+ }
2338
+
2357
2339
  .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
2358
2340
  border-top-left-radius: .375rem;
2359
2341
  border-bottom-left-radius: .375rem;
@@ -2890,6 +2872,23 @@
2890
2872
  box-sizing: border-box;
2891
2873
  }
2892
2874
 
2875
+ .univer-flex {
2876
+ display: flex;
2877
+ }
2878
+
2879
+ .univer-size-full {
2880
+ width: 100%;
2881
+ height: 100%;
2882
+ }
2883
+
2884
+ .univer-items-center {
2885
+ align-items: center;
2886
+ }
2887
+
2888
+ .univer-justify-center {
2889
+ justify-content: center;
2890
+ }
2891
+
2893
2892
  .univer-px-4 {
2894
2893
  padding-left: 1rem;
2895
2894
  padding-right: 1rem;
@@ -2899,6 +2898,10 @@
2899
2898
  font-size: .875rem;
2900
2899
  line-height: 1.25rem;
2901
2900
  }
2901
+
2902
+ .univer-text-gray-500 {
2903
+ color: var(--univer-gray-500);
2904
+ }
2902
2905
  .univer-absolute {
2903
2906
  position: absolute;
2904
2907
  }
@@ -2942,10 +2945,6 @@
2942
2945
  margin-bottom: 1.25rem;
2943
2946
  }
2944
2947
 
2945
- .univer-ml-2 {
2946
- margin-left: .5rem;
2947
- }
2948
-
2949
2948
  .univer-ml-3 {
2950
2949
  margin-left: .75rem;
2951
2950
  }
@@ -3016,10 +3015,6 @@
3016
3015
  height: 1.75rem;
3017
3016
  }
3018
3017
 
3019
- .univer-h-8 {
3020
- height: 2rem;
3021
- }
3022
-
3023
3018
  .univer-h-full {
3024
3019
  height: 100%;
3025
3020
  }
@@ -3040,6 +3035,10 @@
3040
3035
  width: 100%;
3041
3036
  }
3042
3037
 
3038
+ .\!univer-min-w-0 {
3039
+ min-width: 0 !important;
3040
+ }
3041
+
3043
3042
  .univer-max-w-\[290px\] {
3044
3043
  max-width: 290px;
3045
3044
  }
@@ -3048,14 +3047,8 @@
3048
3047
  flex: 1;
3049
3048
  }
3050
3049
 
3051
- .univer-rotate-180 {
3052
- --univer-tw-rotate: 180deg;
3053
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(180deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
3054
- transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
3055
- }
3056
-
3057
- .univer-cursor-default {
3058
- cursor: default;
3050
+ .univer-flex-shrink-0 {
3051
+ flex-shrink: 0;
3059
3052
  }
3060
3053
 
3061
3054
  .univer-cursor-not-allowed {
@@ -3112,42 +3105,22 @@
3112
3105
  overflow: hidden;
3113
3106
  }
3114
3107
 
3115
- .univer-rounded-lg {
3116
- border-radius: .5rem;
3117
- }
3118
-
3119
3108
  .univer-rounded-sm {
3120
3109
  border-radius: .125rem;
3121
3110
  }
3122
3111
 
3123
- .\!univer-bg-gray-50 {
3124
- background-color: var(--univer-gray-50) !important;
3125
- }
3126
-
3127
- .\!univer-bg-gray-700 {
3128
- background-color: var(--univer-gray-700) !important;
3112
+ .univer-border-primary-600 {
3113
+ border-color: var(--univer-primary-600);
3129
3114
  }
3130
3115
 
3131
3116
  .univer-bg-blue-200 {
3132
3117
  background-color: var(--univer-blue-200);
3133
3118
  }
3134
3119
 
3135
- .univer-bg-gray-100 {
3136
- background-color: var(--univer-gray-100);
3137
- }
3138
-
3139
- .univer-bg-gray-50 {
3140
- background-color: var(--univer-gray-50);
3141
- }
3142
-
3143
3120
  .univer-bg-primary-600 {
3144
3121
  background-color: var(--univer-primary-600);
3145
3122
  }
3146
3123
 
3147
- .univer-p-0 {
3148
- padding: 0;
3149
- }
3150
-
3151
3124
  .univer-p-0\.5 {
3152
3125
  padding: .125rem;
3153
3126
  }
@@ -3213,10 +3186,6 @@
3213
3186
  line-height: 1.75rem;
3214
3187
  }
3215
3188
 
3216
- .univer-leading-tight {
3217
- line-height: 1.25;
3218
- }
3219
-
3220
3189
  .univer-text-gray-200 {
3221
3190
  color: var(--univer-gray-200);
3222
3191
  }
@@ -3245,6 +3214,26 @@
3245
3214
  color: var(--univer-white);
3246
3215
  }
3247
3216
 
3217
+ .univer-outline-none {
3218
+ outline-offset: 2px;
3219
+ outline: 2px solid #0000;
3220
+ }
3221
+
3222
+ .univer-ring-2 {
3223
+ --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
3224
+ --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
3225
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
3226
+ box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
3227
+ }
3228
+
3229
+ .\!univer-ring-primary-900 {
3230
+ --univer-tw-ring-color: var(--univer-primary-900) !important;
3231
+ }
3232
+
3233
+ .univer-ring-primary-50 {
3234
+ --univer-tw-ring-color: var(--univer-primary-50);
3235
+ }
3236
+
3248
3237
  .univer-transition-transform {
3249
3238
  transition-property: transform;
3250
3239
  transition-duration: .15s;
@@ -3263,20 +3252,12 @@
3263
3252
  --scrollbar-corner: var(--univer-primary-600) !important;
3264
3253
  }
3265
3254
 
3266
- .hover\:univer-bg-gray-200:hover {
3267
- background-color: var(--univer-gray-200);
3268
- }
3269
-
3270
- .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
3271
- background-color: var(--univer-gray-700) !important;
3272
- }
3273
-
3274
- .dark\:\!univer-bg-gray-800:where(.univer-dark, .univer-dark *) {
3275
- background-color: var(--univer-gray-800) !important;
3255
+ .hover\:univer-border-primary-600:hover {
3256
+ border-color: var(--univer-primary-600);
3276
3257
  }
3277
3258
 
3278
- .dark\:\!univer-bg-gray-900:where(.univer-dark, .univer-dark *) {
3279
- background-color: var(--univer-gray-900) !important;
3259
+ .hover\:univer-bg-gray-200:hover {
3260
+ background-color: var(--univer-gray-200);
3280
3261
  }
3281
3262
 
3282
3263
  .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
@@ -3286,3 +3267,7 @@
3286
3267
  .dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
3287
3268
  color: var(--univer-white) !important;
3288
3269
  }
3270
+
3271
+ .dark\:\!univer-ring-primary-900:where(.univer-dark, .univer-dark *) {
3272
+ --univer-tw-ring-color: var(--univer-primary-900) !important;
3273
+ }
@@ -1,12 +1,13 @@
1
1
  export * from './preset';
2
2
  export * from '@univerjs-pro/engine-chart';
3
+ export type { ChartAdvancedStylePatch, ChartAggregationSpec, ChartAppearanceSpec, ChartAxesSpec, ChartAxisSpec, ChartKnownTypeName, ChartLegendSpec, ChartMappingSpec, ChartParetoSpec, ChartPieSpec, ChartRadarSpec, ChartSeriesDescription, ChartSeriesPatch, ChartSeriesSelector, ChartTitleSpec, ChartTypeName, ChartWordCloudDescription, ChartWordCloudSpec, DeepPartial, DeepReadonly, } from '@univerjs-pro/engine-chart';
3
4
  export * from '@univerjs-pro/engine-formula';
4
5
  export * from '@univerjs-pro/engine-shape';
5
6
  export * from '@univerjs-pro/exchange-client';
6
7
  export * from '@univerjs-pro/license';
7
8
  export * from '@univerjs-pro/sheets-chart';
8
9
  export * from '@univerjs-pro/sheets-chart-ui';
9
- export type { DeepPartial } from '@univerjs-pro/sheets-chart/facade';
10
+ export type { ChartValidationResult } from '@univerjs-pro/sheets-chart/facade';
10
11
  export * from '@univerjs-pro/sheets-exchange-client';
11
12
  export * from '@univerjs-pro/sheets-graphics';
12
13
  export * from '@univerjs-pro/sheets-outline';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-sheets-advanced",
3
- "version": "1.0.0-alpha.2",
3
+ "version": "1.0.0-alpha.3",
4
4
  "private": false,
5
5
  "description": "Preset for advanced Univer Sheets with charts, pivot tables, and print capabilities.",
6
6
  "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -61,37 +61,37 @@
61
61
  "rxjs": ">=7.0.0"
62
62
  },
63
63
  "dependencies": {
64
- "@univerjs-pro/collaboration": "1.0.0-alpha.2",
65
- "@univerjs-pro/engine-shape": "1.0.0-alpha.2",
66
- "@univerjs-pro/engine-formula": "1.0.0-alpha.2",
67
- "@univerjs-pro/exchange-client": "1.0.0-alpha.2",
68
- "@univerjs-pro/license": "1.0.0-alpha.2",
69
- "@univerjs-pro/print": "1.0.0-alpha.2",
70
- "@univerjs-pro/engine-pivot": "1.0.0-alpha.2",
71
- "@univerjs-pro/sheets-chart-ui": "1.0.0-alpha.2",
72
- "@univerjs-pro/sheets-chart": "1.0.0-alpha.2",
73
- "@univerjs-pro/sheets-exchange-client": "1.0.0-alpha.2",
74
- "@univerjs-pro/sheets-graphics": "1.0.0-alpha.2",
75
- "@univerjs-pro/engine-chart": "1.0.0-alpha.2",
76
- "@univerjs-pro/shape-editor-ui": "1.0.0-alpha.2",
77
- "@univerjs-pro/sheets-outline": "1.0.0-alpha.2",
78
- "@univerjs-pro/sheets-outline-ui": "1.0.0-alpha.2",
79
- "@univerjs-pro/sheets-pivot": "1.0.0-alpha.2",
80
- "@univerjs-pro/sheets-pivot-ui": "1.0.0-alpha.2",
81
- "@univerjs-pro/sheets-shape": "1.0.0-alpha.2",
82
- "@univerjs-pro/sheets-shape-ui": "1.0.0-alpha.2",
83
- "@univerjs-pro/sheets-print": "1.0.0-alpha.2",
84
- "@univerjs-pro/sheets-sparkline": "1.0.0-alpha.2",
85
- "@univerjs-pro/sheets-sparkline-ui": "1.0.0-alpha.2"
64
+ "@univerjs-pro/collaboration": "1.0.0-alpha.3",
65
+ "@univerjs-pro/engine-chart": "1.0.0-alpha.3",
66
+ "@univerjs-pro/engine-pivot": "1.0.0-alpha.3",
67
+ "@univerjs-pro/engine-shape": "1.0.0-alpha.3",
68
+ "@univerjs-pro/exchange-client": "1.0.0-alpha.3",
69
+ "@univerjs-pro/license": "1.0.0-alpha.3",
70
+ "@univerjs-pro/print": "1.0.0-alpha.3",
71
+ "@univerjs-pro/sheets-exchange-client": "1.0.0-alpha.3",
72
+ "@univerjs-pro/sheets-chart-ui": "1.0.0-alpha.3",
73
+ "@univerjs-pro/shape-editor-ui": "1.0.0-alpha.3",
74
+ "@univerjs-pro/engine-formula": "1.0.0-alpha.3",
75
+ "@univerjs-pro/sheets-chart": "1.0.0-alpha.3",
76
+ "@univerjs-pro/sheets-graphics": "1.0.0-alpha.3",
77
+ "@univerjs-pro/sheets-outline": "1.0.0-alpha.3",
78
+ "@univerjs-pro/sheets-outline-ui": "1.0.0-alpha.3",
79
+ "@univerjs-pro/sheets-pivot-ui": "1.0.0-alpha.3",
80
+ "@univerjs-pro/sheets-pivot": "1.0.0-alpha.3",
81
+ "@univerjs-pro/sheets-print": "1.0.0-alpha.3",
82
+ "@univerjs-pro/sheets-shape": "1.0.0-alpha.3",
83
+ "@univerjs-pro/sheets-sparkline": "1.0.0-alpha.3",
84
+ "@univerjs-pro/sheets-shape-ui": "1.0.0-alpha.3",
85
+ "@univerjs-pro/sheets-sparkline-ui": "1.0.0-alpha.3"
86
86
  },
87
87
  "devDependencies": {
88
88
  "react": "18.3.1",
89
89
  "react-dom": "18.3.1",
90
90
  "rxjs": "^7.8.2",
91
91
  "typescript": "^6.0.3",
92
- "@univerjs-infra/shared": "1.0.0-alpha.2",
93
- "@univerjs/presets": "1.0.0-alpha.2",
94
- "@univerjs/core": "1.0.0-alpha.2"
92
+ "@univerjs-infra/shared": "1.0.0-alpha.3",
93
+ "@univerjs/core": "1.0.0-alpha.3",
94
+ "@univerjs/presets": "1.0.0-alpha.3"
95
95
  },
96
96
  "scripts": {
97
97
  "build:bundle": "univer-cli preset build --cleanup",