@univerjs/preset-sheets-core 1.2.0 → 1.3.0

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 (2) hide show
  1. package/lib/index.css +132 -47
  2. package/package.json +18 -18
package/lib/index.css CHANGED
@@ -192,10 +192,6 @@
192
192
  top: 1px;
193
193
  }
194
194
 
195
- .\!univer-z-\[1090\] {
196
- z-index: 1090 !important;
197
- }
198
-
199
195
  .\!univer-z-\[1390\] {
200
196
  z-index: 1390 !important;
201
197
  }
@@ -479,6 +475,10 @@
479
475
  height: 1rem;
480
476
  }
481
477
 
478
+ .univer-h-40 {
479
+ height: 10rem;
480
+ }
481
+
482
482
  .univer-h-44 {
483
483
  height: 11rem;
484
484
  }
@@ -571,10 +571,6 @@
571
571
  min-height: 520px;
572
572
  }
573
573
 
574
- .\!univer-w-fit {
575
- width: fit-content !important;
576
- }
577
-
578
574
  .\!univer-w-full {
579
575
  width: 100% !important;
580
576
  }
@@ -979,6 +975,16 @@
979
975
  margin-bottom: calc(.5rem * var(--univer-tw-space-y-reverse));
980
976
  }
981
977
 
978
+ .univer-space-y-3 > :not([hidden]) ~ :not([hidden]) {
979
+ --univer-tw-space-y-reverse: 0;
980
+ margin-top: .75rem;
981
+ margin-top: calc(.75rem * (1 - var(--univer-tw-space-y-reverse)));
982
+ margin-top: .75rem;
983
+ margin-top: calc(.75rem * calc(1 - var(--univer-tw-space-y-reverse)));
984
+ margin-bottom: 0;
985
+ margin-bottom: calc(.75rem * var(--univer-tw-space-y-reverse));
986
+ }
987
+
982
988
  .univer-divide-x > :not([hidden]) ~ :not([hidden]) {
983
989
  --univer-tw-divide-x-reverse: 0;
984
990
  border-right-width: 0;
@@ -1231,6 +1237,10 @@
1231
1237
  border-color: #0000 !important;
1232
1238
  }
1233
1239
 
1240
+ .univer-border-black\/10 {
1241
+ border-color: #0000001a;
1242
+ }
1243
+
1234
1244
  .univer-border-gray-0 {
1235
1245
  border-color: var(--univer-gray-0);
1236
1246
  }
@@ -2028,8 +2038,8 @@
2028
2038
  --univer-tw-ring-offset-width: 2px;
2029
2039
  }
2030
2040
 
2031
- .\!univer-ring-offset-gray-600 {
2032
- --univer-tw-ring-offset-color: var(--univer-gray-600) !important;
2041
+ .\!univer-ring-offset-gray-700 {
2042
+ --univer-tw-ring-offset-color: var(--univer-gray-700) !important;
2033
2043
  }
2034
2044
 
2035
2045
  .\!univer-ring-offset-gray-800 {
@@ -2081,12 +2091,6 @@
2081
2091
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2082
2092
  }
2083
2093
 
2084
- .univer-transition-shadow {
2085
- transition-property: box-shadow;
2086
- transition-duration: .15s;
2087
- transition-timing-function: cubic-bezier(.4, 0, .2, 1);
2088
- }
2089
-
2090
2094
  .univer-transition-transform {
2091
2095
  transition-property: transform;
2092
2096
  transition-duration: .15s;
@@ -2544,10 +2548,6 @@
2544
2548
  opacity: .7;
2545
2549
  }
2546
2550
 
2547
- .hover\:univer-opacity-80:hover {
2548
- opacity: .8;
2549
- }
2550
-
2551
2551
  .hover\:\[--gutter\:1rem\]:hover {
2552
2552
  --gutter: 1rem;
2553
2553
  }
@@ -2633,6 +2633,10 @@
2633
2633
  outline-color: var(--univer-primary-500);
2634
2634
  }
2635
2635
 
2636
+ .focus-visible\:univer-outline-primary-600:focus-visible {
2637
+ outline-color: var(--univer-primary-600);
2638
+ }
2639
+
2636
2640
  .focus-visible\:\!univer-ring-2:focus-visible {
2637
2641
  --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) !important;
2638
2642
  --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) !important;
@@ -2940,16 +2944,12 @@
2940
2944
  --univer-tw-ring-color: var(--univer-primary-400) !important;
2941
2945
  }
2942
2946
 
2943
- .dark\:\!univer-ring-primary-600:where(.univer-dark, .univer-dark *) {
2944
- --univer-tw-ring-color: var(--univer-primary-600) !important;
2945
- }
2946
-
2947
2947
  .dark\:\!univer-ring-primary-900:where(.univer-dark, .univer-dark *) {
2948
2948
  --univer-tw-ring-color: var(--univer-primary-900) !important;
2949
2949
  }
2950
2950
 
2951
- .dark\:\!univer-ring-offset-gray-600:where(.univer-dark, .univer-dark *) {
2952
- --univer-tw-ring-offset-color: var(--univer-gray-600) !important;
2951
+ .dark\:\!univer-ring-offset-gray-700:where(.univer-dark, .univer-dark *) {
2952
+ --univer-tw-ring-offset-color: var(--univer-gray-700) !important;
2953
2953
  }
2954
2954
 
2955
2955
  .dark\:\!univer-ring-offset-gray-800:where(.univer-dark, .univer-dark *) {
@@ -3873,6 +3873,10 @@
3873
3873
  cursor: pointer;
3874
3874
  }
3875
3875
 
3876
+ .univer-select-none {
3877
+ user-select: none;
3878
+ }
3879
+
3876
3880
  .univer-list-none {
3877
3881
  list-style-type: none;
3878
3882
  }
@@ -6182,6 +6186,10 @@
6182
6186
  min-width: 18rem;
6183
6187
  }
6184
6188
 
6189
+ .univer-min-w-px {
6190
+ min-width: 1px;
6191
+ }
6192
+
6185
6193
  .univer-max-w-36 {
6186
6194
  max-width: 9rem;
6187
6195
  }
@@ -7491,6 +7499,10 @@
7491
7499
  margin-bottom: 0;
7492
7500
  }
7493
7501
 
7502
+ .univer-mb-1 {
7503
+ margin-bottom: .25rem;
7504
+ }
7505
+
7494
7506
  .univer-ml-2 {
7495
7507
  margin-left: .5rem;
7496
7508
  }
@@ -7573,11 +7585,6 @@
7573
7585
  height: 1rem !important;
7574
7586
  }
7575
7587
 
7576
- .univer-size-1\.5 {
7577
- width: .375rem;
7578
- height: .375rem;
7579
- }
7580
-
7581
7588
  .univer-size-10 {
7582
7589
  width: 2.5rem;
7583
7590
  height: 2.5rem;
@@ -7638,6 +7645,14 @@
7638
7645
  height: 100%;
7639
7646
  }
7640
7647
 
7648
+ .\!univer-h-14 {
7649
+ height: 3.5rem !important;
7650
+ }
7651
+
7652
+ .\!univer-h-auto {
7653
+ height: auto !important;
7654
+ }
7655
+
7641
7656
  .univer-h-0 {
7642
7657
  height: 0;
7643
7658
  }
@@ -7674,6 +7689,10 @@
7674
7689
  height: .5rem;
7675
7690
  }
7676
7691
 
7692
+ .univer-h-3 {
7693
+ height: .75rem;
7694
+ }
7695
+
7677
7696
  .univer-h-4 {
7678
7697
  height: 1rem;
7679
7698
  }
@@ -7706,6 +7725,10 @@
7706
7725
  height: 340px;
7707
7726
  }
7708
7727
 
7728
+ .univer-h-\[73px\] {
7729
+ height: 73px;
7730
+ }
7731
+
7709
7732
  .univer-h-full {
7710
7733
  height: 100%;
7711
7734
  }
@@ -7734,6 +7757,10 @@
7734
7757
  min-height: 5rem;
7735
7758
  }
7736
7759
 
7760
+ .univer-min-h-7 {
7761
+ min-height: 1.75rem;
7762
+ }
7763
+
7737
7764
  .univer-min-h-8 {
7738
7765
  min-height: 2rem;
7739
7766
  }
@@ -7746,6 +7773,10 @@
7746
7773
  min-height: 100%;
7747
7774
  }
7748
7775
 
7776
+ .\!univer-w-14 {
7777
+ width: 3.5rem !important;
7778
+ }
7779
+
7749
7780
  .\!univer-w-full {
7750
7781
  width: 100% !important;
7751
7782
  }
@@ -7806,6 +7837,10 @@
7806
7837
  width: 2rem;
7807
7838
  }
7808
7839
 
7840
+ .univer-w-80 {
7841
+ width: 20rem;
7842
+ }
7843
+
7809
7844
  .univer-w-9 {
7810
7845
  width: 2.25rem;
7811
7846
  }
@@ -8213,6 +8248,10 @@
8213
8248
  overflow: hidden;
8214
8249
  }
8215
8250
 
8251
+ .univer-whitespace-normal {
8252
+ white-space: normal;
8253
+ }
8254
+
8216
8255
  .univer-whitespace-nowrap {
8217
8256
  white-space: nowrap;
8218
8257
  }
@@ -8407,14 +8446,14 @@
8407
8446
  background-color: var(--univer-gray-300);
8408
8447
  }
8409
8448
 
8410
- .univer-bg-gray-400 {
8411
- background-color: var(--univer-gray-400);
8412
- }
8413
-
8414
8449
  .univer-bg-gray-50 {
8415
8450
  background-color: var(--univer-gray-50);
8416
8451
  }
8417
8452
 
8453
+ .univer-bg-gray-600 {
8454
+ background-color: var(--univer-gray-600);
8455
+ }
8456
+
8418
8457
  .univer-bg-gray-700 {
8419
8458
  background-color: var(--univer-gray-700);
8420
8459
  }
@@ -8655,6 +8694,10 @@
8655
8694
  text-align: right;
8656
8695
  }
8657
8696
 
8697
+ .univer-text-start {
8698
+ text-align: left;
8699
+ }
8700
+
8658
8701
  .univer-font-sans {
8659
8702
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
8660
8703
  }
@@ -8757,6 +8800,10 @@
8757
8800
  color: var(--univer-gray-900);
8758
8801
  }
8759
8802
 
8803
+ .univer-text-inherit {
8804
+ color: inherit;
8805
+ }
8806
+
8760
8807
  .univer-text-primary-500 {
8761
8808
  color: var(--univer-primary-500);
8762
8809
  }
@@ -8846,6 +8893,12 @@
8846
8893
  transition-property: none !important;
8847
8894
  }
8848
8895
 
8896
+ .univer-transition {
8897
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
8898
+ transition-duration: .15s;
8899
+ transition-timing-function: cubic-bezier(.4, 0, .2, 1);
8900
+ }
8901
+
8849
8902
  .univer-transition-\[height\] {
8850
8903
  transition-property: height;
8851
8904
  transition-duration: .15s;
@@ -8966,6 +9019,14 @@
8966
9019
  opacity: .4;
8967
9020
  }
8968
9021
 
9022
+ .data-\[state\=open\]\:univer-bg-primary-50[data-state="open"] {
9023
+ background-color: var(--univer-primary-50);
9024
+ }
9025
+
9026
+ .data-\[state\=open\]\:univer-text-primary-600[data-state="open"] {
9027
+ color: var(--univer-primary-600);
9028
+ }
9029
+
8969
9030
  @media (hover: hover) and (pointer: fine) {
8970
9031
  .hover\:univer-border-primary-600:hover {
8971
9032
  border-color: var(--univer-primary-600);
@@ -9015,14 +9076,14 @@
9015
9076
  }
9016
9077
  }
9017
9078
 
9018
- .focus\:univer-bg-gray-0:focus {
9019
- background-color: var(--univer-gray-0);
9020
- }
9021
-
9022
9079
  .focus\:univer-bg-gray-50:focus {
9023
9080
  background-color: var(--univer-gray-50);
9024
9081
  }
9025
9082
 
9083
+ .focus\:univer-bg-transparent:focus {
9084
+ background-color: #0000;
9085
+ }
9086
+
9026
9087
  .focus\:univer-outline-none:focus {
9027
9088
  outline-offset: 2px;
9028
9089
  outline: 2px solid #0000;
@@ -9189,6 +9250,10 @@
9189
9250
  border-bottom-right-radius: 0;
9190
9251
  }
9191
9252
 
9253
+ .rtl\:univer-pl-0:where([dir="rtl"], [dir="rtl"] *) {
9254
+ padding-left: 0;
9255
+ }
9256
+
9192
9257
  .rtl\:univer-pl-1\.5:where([dir="rtl"], [dir="rtl"] *) {
9193
9258
  padding-left: .375rem;
9194
9259
  }
@@ -9213,12 +9278,16 @@
9213
9278
  border-color: var(--univer-gray-700) !important;
9214
9279
  }
9215
9280
 
9216
- .dark\:\!univer-bg-gray-200:where(.univer-dark, .univer-dark *) {
9217
- background-color: var(--univer-gray-200) !important;
9281
+ .dark\:\!univer-border-gray-800:where(.univer-dark, .univer-dark *) {
9282
+ border-color: var(--univer-gray-800) !important;
9218
9283
  }
9219
9284
 
9220
- .dark\:\!univer-bg-gray-300:where(.univer-dark, .univer-dark *) {
9221
- background-color: var(--univer-gray-300) !important;
9285
+ .dark\:\!univer-bg-gray-100:where(.univer-dark, .univer-dark *) {
9286
+ background-color: var(--univer-gray-100) !important;
9287
+ }
9288
+
9289
+ .dark\:\!univer-bg-gray-200:where(.univer-dark, .univer-dark *) {
9290
+ background-color: var(--univer-gray-200) !important;
9222
9291
  }
9223
9292
 
9224
9293
  .dark\:\!univer-bg-gray-500:where(.univer-dark, .univer-dark *) {
@@ -9304,6 +9373,14 @@
9304
9373
  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
9305
9374
  }
9306
9375
 
9376
+ .dark\:data-\[state\=open\]\:\!univer-bg-gray-700[data-state="open"]:where(.univer-dark, .univer-dark *) {
9377
+ background-color: var(--univer-gray-700) !important;
9378
+ }
9379
+
9380
+ .dark\:data-\[state\=open\]\:\!univer-text-primary-300[data-state="open"]:where(.univer-dark, .univer-dark *) {
9381
+ color: var(--univer-primary-300) !important;
9382
+ }
9383
+
9307
9384
  @media (hover: hover) and (pointer: fine) {
9308
9385
  .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
9309
9386
  background-color: var(--univer-gray-600) !important;
@@ -9338,14 +9415,14 @@
9338
9415
  background-color: var(--univer-gray-600) !important;
9339
9416
  }
9340
9417
 
9341
- .dark\:focus\:\!univer-bg-gray-800:focus:where(.univer-dark, .univer-dark *) {
9342
- background-color: var(--univer-gray-800) !important;
9343
- }
9344
-
9345
9418
  .dark\:focus\:\!univer-bg-gray-900:focus:where(.univer-dark, .univer-dark *) {
9346
9419
  background-color: var(--univer-gray-900) !important;
9347
9420
  }
9348
9421
 
9422
+ .dark\:focus\:\!univer-bg-transparent:focus:where(.univer-dark, .univer-dark *) {
9423
+ background-color: #0000 !important;
9424
+ }
9425
+
9349
9426
  .dark\:focus\:\!univer-ring-primary-300:focus:where(.univer-dark, .univer-dark *) {
9350
9427
  --univer-tw-ring-color: var(--univer-primary-300) !important;
9351
9428
  }
@@ -9518,12 +9595,20 @@
9518
9595
  width: 100%;
9519
9596
  }
9520
9597
 
9598
+ .\[\&\>span\]\:univer-min-w-0 > span {
9599
+ min-width: 0;
9600
+ }
9601
+
9521
9602
  .\[\&\>span\]\:univer-truncate > span {
9522
9603
  text-overflow: ellipsis;
9523
9604
  white-space: nowrap;
9524
9605
  overflow: hidden;
9525
9606
  }
9526
9607
 
9608
+ .\[\&\>span\]\:univer-whitespace-normal > span {
9609
+ white-space: normal;
9610
+ }
9611
+
9527
9612
  .\[\&\>span\]\:univer-text-base > span {
9528
9613
  font-size: 1rem;
9529
9614
  line-height: 1.5rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@univerjs/preset-sheets-core",
3
- "version": "1.2.0",
3
+ "version": "1.3.0",
4
4
  "private": false,
5
5
  "description": "Preset for core Univer Sheets spreadsheet features.",
6
6
  "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -61,25 +61,25 @@
61
61
  "rxjs": ">=7.0.0"
62
62
  },
63
63
  "dependencies": {
64
- "@univerjs/design": "1.2.0",
65
- "@univerjs/docs": "1.2.0",
66
- "@univerjs/docs-ui": "1.2.0",
67
- "@univerjs/engine-formula": "1.2.0",
68
- "@univerjs/engine-render": "1.2.0",
69
- "@univerjs/network": "1.2.0",
70
- "@univerjs/rpc": "1.2.0",
71
- "@univerjs/sheets": "1.2.0",
72
- "@univerjs/sheets-formula": "1.2.0",
73
- "@univerjs/sheets-formula-ui": "1.2.0",
74
- "@univerjs/sheets-numfmt": "1.2.0",
75
- "@univerjs/sheets-numfmt-ui": "1.2.0",
76
- "@univerjs/sheets-ui": "1.2.0",
77
- "@univerjs/ui": "1.2.0"
64
+ "@univerjs/design": "1.3.0",
65
+ "@univerjs/docs": "1.3.0",
66
+ "@univerjs/docs-ui": "1.3.0",
67
+ "@univerjs/engine-formula": "1.3.0",
68
+ "@univerjs/engine-render": "1.3.0",
69
+ "@univerjs/network": "1.3.0",
70
+ "@univerjs/rpc": "1.3.0",
71
+ "@univerjs/sheets": "1.3.0",
72
+ "@univerjs/sheets-formula": "1.3.0",
73
+ "@univerjs/sheets-formula-ui": "1.3.0",
74
+ "@univerjs/sheets-numfmt": "1.3.0",
75
+ "@univerjs/sheets-numfmt-ui": "1.3.0",
76
+ "@univerjs/sheets-ui": "1.3.0",
77
+ "@univerjs/ui": "1.3.0"
78
78
  },
79
79
  "devDependencies": {
80
- "@univerjs-infra/shared": "1.2.0",
81
- "@univerjs/core": "1.2.0",
82
- "@univerjs/presets": "1.2.0",
80
+ "@univerjs-infra/shared": "1.3.0",
81
+ "@univerjs/core": "1.3.0",
82
+ "@univerjs/presets": "1.3.0",
83
83
  "react": "18.3.1",
84
84
  "react-dom": "18.3.1",
85
85
  "rxjs": "7.8.2",