mlola-ui 1.1.20 → 1.1.21
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/package.json +1 -1
- package/registry/index.json +63 -63
- package/registry/source/packages/components/_internal/anchor.ts +2 -1
- package/registry/source/packages/components/combobox/combobox.tsx +2 -2
- package/registry/source/packages/components/popover/popover.tsx +19 -2
- package/registry/source/packages/components/toast/toast.tsx +13 -0
- package/registry/source-manifest.json +4 -4
package/package.json
CHANGED
package/registry/index.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"$schema": "./schema/registry-index.schema.json",
|
|
3
3
|
"schemaVersion": 2,
|
|
4
4
|
"name": "mlola-ui",
|
|
5
|
-
"version": "1.1.
|
|
5
|
+
"version": "1.1.21",
|
|
6
6
|
"homepage": "https://ui.mlola.com",
|
|
7
7
|
"themeContract": {
|
|
8
8
|
"attribute": "data-theme",
|
|
@@ -177,8 +177,8 @@
|
|
|
177
177
|
},
|
|
178
178
|
"registryDependencies": [],
|
|
179
179
|
"engineDependencies": {
|
|
180
|
-
"@mlola-ui/behavior": "^1.1.
|
|
181
|
-
"@mlola-ui/icons": "^1.1.
|
|
180
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
181
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
182
182
|
},
|
|
183
183
|
"options": [
|
|
184
184
|
{
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
},
|
|
240
240
|
"registryDependencies": [],
|
|
241
241
|
"engineDependencies": {
|
|
242
|
-
"@mlola-ui/icons": "^1.1.
|
|
242
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
243
243
|
},
|
|
244
244
|
"options": [
|
|
245
245
|
{
|
|
@@ -401,7 +401,7 @@
|
|
|
401
401
|
},
|
|
402
402
|
"registryDependencies": [],
|
|
403
403
|
"engineDependencies": {
|
|
404
|
-
"@mlola-ui/icons": "^1.1.
|
|
404
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
405
405
|
},
|
|
406
406
|
"options": [
|
|
407
407
|
{
|
|
@@ -493,7 +493,7 @@
|
|
|
493
493
|
},
|
|
494
494
|
"registryDependencies": [],
|
|
495
495
|
"engineDependencies": {
|
|
496
|
-
"@mlola-ui/icons": "^1.1.
|
|
496
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
497
497
|
},
|
|
498
498
|
"options": [],
|
|
499
499
|
"variants": [],
|
|
@@ -546,7 +546,7 @@
|
|
|
546
546
|
"spinner"
|
|
547
547
|
],
|
|
548
548
|
"engineDependencies": {
|
|
549
|
-
"@mlola-ui/motion": "^1.1.
|
|
549
|
+
"@mlola-ui/motion": "^1.1.21"
|
|
550
550
|
},
|
|
551
551
|
"options": [
|
|
552
552
|
{
|
|
@@ -714,8 +714,8 @@
|
|
|
714
714
|
},
|
|
715
715
|
"registryDependencies": [],
|
|
716
716
|
"engineDependencies": {
|
|
717
|
-
"@mlola-ui/behavior": "^1.1.
|
|
718
|
-
"@mlola-ui/icons": "^1.1.
|
|
717
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
718
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
719
719
|
},
|
|
720
720
|
"options": [
|
|
721
721
|
{
|
|
@@ -784,7 +784,7 @@
|
|
|
784
784
|
},
|
|
785
785
|
"registryDependencies": [],
|
|
786
786
|
"engineDependencies": {
|
|
787
|
-
"@mlola-ui/icons": "^1.1.
|
|
787
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
788
788
|
},
|
|
789
789
|
"options": [],
|
|
790
790
|
"variants": [],
|
|
@@ -839,7 +839,7 @@
|
|
|
839
839
|
"modal"
|
|
840
840
|
],
|
|
841
841
|
"engineDependencies": {
|
|
842
|
-
"@mlola-ui/icons": "^1.1.
|
|
842
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
843
843
|
},
|
|
844
844
|
"options": [],
|
|
845
845
|
"variants": [],
|
|
@@ -903,8 +903,8 @@
|
|
|
903
903
|
},
|
|
904
904
|
"registryDependencies": [],
|
|
905
905
|
"engineDependencies": {
|
|
906
|
-
"@mlola-ui/behavior": "^1.1.
|
|
907
|
-
"@mlola-ui/icons": "^1.1.
|
|
906
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
907
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
908
908
|
},
|
|
909
909
|
"options": [
|
|
910
910
|
{
|
|
@@ -937,7 +937,7 @@
|
|
|
937
937
|
"path": "packages/components/_internal/anchor.ts",
|
|
938
938
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
939
939
|
"type": "registry:ui",
|
|
940
|
-
"integrity": "sha256-
|
|
940
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
941
941
|
},
|
|
942
942
|
{
|
|
943
943
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -993,7 +993,7 @@
|
|
|
993
993
|
"input"
|
|
994
994
|
],
|
|
995
995
|
"engineDependencies": {
|
|
996
|
-
"@mlola-ui/icons": "^1.1.
|
|
996
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
997
997
|
},
|
|
998
998
|
"options": [],
|
|
999
999
|
"variants": [],
|
|
@@ -1218,8 +1218,8 @@
|
|
|
1218
1218
|
},
|
|
1219
1219
|
"registryDependencies": [],
|
|
1220
1220
|
"engineDependencies": {
|
|
1221
|
-
"@mlola-ui/behavior": "^1.1.
|
|
1222
|
-
"@mlola-ui/icons": "^1.1.
|
|
1221
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
1222
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
1223
1223
|
},
|
|
1224
1224
|
"options": [
|
|
1225
1225
|
{
|
|
@@ -1248,7 +1248,7 @@
|
|
|
1248
1248
|
"path": "packages/components/_internal/anchor.ts",
|
|
1249
1249
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
1250
1250
|
"type": "registry:ui",
|
|
1251
|
-
"integrity": "sha256-
|
|
1251
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
1252
1252
|
},
|
|
1253
1253
|
{
|
|
1254
1254
|
"path": "packages/components/_internal/dialog.ts",
|
|
@@ -1370,7 +1370,7 @@
|
|
|
1370
1370
|
},
|
|
1371
1371
|
"registryDependencies": [],
|
|
1372
1372
|
"engineDependencies": {
|
|
1373
|
-
"@mlola-ui/icons": "^1.1.
|
|
1373
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
1374
1374
|
},
|
|
1375
1375
|
"options": [],
|
|
1376
1376
|
"variants": [],
|
|
@@ -1421,7 +1421,7 @@
|
|
|
1421
1421
|
},
|
|
1422
1422
|
"registryDependencies": [],
|
|
1423
1423
|
"engineDependencies": {
|
|
1424
|
-
"@mlola-ui/behavior": "^1.1.
|
|
1424
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
1425
1425
|
},
|
|
1426
1426
|
"options": [
|
|
1427
1427
|
{
|
|
@@ -1453,7 +1453,7 @@
|
|
|
1453
1453
|
"path": "packages/components/_internal/anchor.ts",
|
|
1454
1454
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
1455
1455
|
"type": "registry:ui",
|
|
1456
|
-
"integrity": "sha256-
|
|
1456
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
1457
1457
|
},
|
|
1458
1458
|
{
|
|
1459
1459
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -1471,7 +1471,7 @@
|
|
|
1471
1471
|
"path": "packages/components/popover/popover.tsx",
|
|
1472
1472
|
"target": "{{aliases.components}}/popover.tsx",
|
|
1473
1473
|
"type": "registry:ui",
|
|
1474
|
-
"integrity": "sha256-
|
|
1474
|
+
"integrity": "sha256-LJVinhURpl3dh7DwFfC6IVxigv9b5oLwnxdrObkz8Ec="
|
|
1475
1475
|
}
|
|
1476
1476
|
],
|
|
1477
1477
|
"themeContract": {
|
|
@@ -1799,7 +1799,7 @@
|
|
|
1799
1799
|
},
|
|
1800
1800
|
"registryDependencies": [],
|
|
1801
1801
|
"engineDependencies": {
|
|
1802
|
-
"@mlola-ui/behavior": "^1.1.
|
|
1802
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
1803
1803
|
},
|
|
1804
1804
|
"options": [],
|
|
1805
1805
|
"variants": [],
|
|
@@ -1852,8 +1852,8 @@
|
|
|
1852
1852
|
"input"
|
|
1853
1853
|
],
|
|
1854
1854
|
"engineDependencies": {
|
|
1855
|
-
"@mlola-ui/behavior": "^1.1.
|
|
1856
|
-
"@mlola-ui/icons": "^1.1.
|
|
1855
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
1856
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
1857
1857
|
},
|
|
1858
1858
|
"options": [
|
|
1859
1859
|
{
|
|
@@ -1877,7 +1877,7 @@
|
|
|
1877
1877
|
"path": "packages/components/_internal/anchor.ts",
|
|
1878
1878
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
1879
1879
|
"type": "registry:ui",
|
|
1880
|
-
"integrity": "sha256-
|
|
1880
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
1881
1881
|
},
|
|
1882
1882
|
{
|
|
1883
1883
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -1931,8 +1931,8 @@
|
|
|
1931
1931
|
},
|
|
1932
1932
|
"registryDependencies": [],
|
|
1933
1933
|
"engineDependencies": {
|
|
1934
|
-
"@mlola-ui/behavior": "^1.1.
|
|
1935
|
-
"@mlola-ui/icons": "^1.1.
|
|
1934
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
1935
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
1936
1936
|
},
|
|
1937
1937
|
"options": [
|
|
1938
1938
|
{
|
|
@@ -1968,7 +1968,7 @@
|
|
|
1968
1968
|
"path": "packages/components/_internal/anchor.ts",
|
|
1969
1969
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
1970
1970
|
"type": "registry:ui",
|
|
1971
|
-
"integrity": "sha256-
|
|
1971
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
1972
1972
|
},
|
|
1973
1973
|
{
|
|
1974
1974
|
"path": "packages/components/_internal/dialog.ts",
|
|
@@ -2078,7 +2078,7 @@
|
|
|
2078
2078
|
"input"
|
|
2079
2079
|
],
|
|
2080
2080
|
"engineDependencies": {
|
|
2081
|
-
"@mlola-ui/behavior": "^1.1.
|
|
2081
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
2082
2082
|
},
|
|
2083
2083
|
"options": [
|
|
2084
2084
|
{
|
|
@@ -2223,7 +2223,7 @@
|
|
|
2223
2223
|
},
|
|
2224
2224
|
"registryDependencies": [],
|
|
2225
2225
|
"engineDependencies": {
|
|
2226
|
-
"@mlola-ui/behavior": "^1.1.
|
|
2226
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
2227
2227
|
},
|
|
2228
2228
|
"options": [
|
|
2229
2229
|
{
|
|
@@ -2355,7 +2355,7 @@
|
|
|
2355
2355
|
},
|
|
2356
2356
|
"registryDependencies": [],
|
|
2357
2357
|
"engineDependencies": {
|
|
2358
|
-
"@mlola-ui/icons": "^1.1.
|
|
2358
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
2359
2359
|
},
|
|
2360
2360
|
"options": [
|
|
2361
2361
|
{
|
|
@@ -2443,8 +2443,8 @@
|
|
|
2443
2443
|
"spinner"
|
|
2444
2444
|
],
|
|
2445
2445
|
"engineDependencies": {
|
|
2446
|
-
"@mlola-ui/behavior": "^1.1.
|
|
2447
|
-
"@mlola-ui/icons": "^1.1.
|
|
2446
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
2447
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
2448
2448
|
},
|
|
2449
2449
|
"options": [
|
|
2450
2450
|
{
|
|
@@ -2466,7 +2466,7 @@
|
|
|
2466
2466
|
"path": "packages/components/_internal/anchor.ts",
|
|
2467
2467
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
2468
2468
|
"type": "registry:ui",
|
|
2469
|
-
"integrity": "sha256-
|
|
2469
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
2470
2470
|
},
|
|
2471
2471
|
{
|
|
2472
2472
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -2484,7 +2484,7 @@
|
|
|
2484
2484
|
"path": "packages/components/toast/toast.tsx",
|
|
2485
2485
|
"target": "{{aliases.components}}/toast.tsx",
|
|
2486
2486
|
"type": "registry:ui",
|
|
2487
|
-
"integrity": "sha256-
|
|
2487
|
+
"integrity": "sha256-BKZEXKOD4kUfIP3flFXJw6SHg1hvqq0A22lnknjdyRw="
|
|
2488
2488
|
}
|
|
2489
2489
|
],
|
|
2490
2490
|
"themeContract": {
|
|
@@ -2599,7 +2599,7 @@
|
|
|
2599
2599
|
},
|
|
2600
2600
|
"registryDependencies": [],
|
|
2601
2601
|
"engineDependencies": {
|
|
2602
|
-
"@mlola-ui/behavior": "^1.1.
|
|
2602
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
2603
2603
|
},
|
|
2604
2604
|
"options": [
|
|
2605
2605
|
{
|
|
@@ -2621,7 +2621,7 @@
|
|
|
2621
2621
|
"path": "packages/components/_internal/anchor.ts",
|
|
2622
2622
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
2623
2623
|
"type": "registry:ui",
|
|
2624
|
-
"integrity": "sha256-
|
|
2624
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
2625
2625
|
},
|
|
2626
2626
|
{
|
|
2627
2627
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -2676,7 +2676,7 @@
|
|
|
2676
2676
|
},
|
|
2677
2677
|
"registryDependencies": [],
|
|
2678
2678
|
"engineDependencies": {
|
|
2679
|
-
"@mlola-ui/behavior": "^1.1.
|
|
2679
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
2680
2680
|
},
|
|
2681
2681
|
"options": [
|
|
2682
2682
|
{
|
|
@@ -2698,7 +2698,7 @@
|
|
|
2698
2698
|
"path": "packages/components/_internal/anchor.ts",
|
|
2699
2699
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
2700
2700
|
"type": "registry:ui",
|
|
2701
|
-
"integrity": "sha256-
|
|
2701
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
2702
2702
|
},
|
|
2703
2703
|
{
|
|
2704
2704
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -2758,7 +2758,7 @@
|
|
|
2758
2758
|
},
|
|
2759
2759
|
"registryDependencies": [],
|
|
2760
2760
|
"engineDependencies": {
|
|
2761
|
-
"@mlola-ui/icons": "^1.1.
|
|
2761
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
2762
2762
|
},
|
|
2763
2763
|
"options": [
|
|
2764
2764
|
{
|
|
@@ -2830,7 +2830,7 @@
|
|
|
2830
2830
|
"popover"
|
|
2831
2831
|
],
|
|
2832
2832
|
"engineDependencies": {
|
|
2833
|
-
"@mlola-ui/icons": "^1.1.
|
|
2833
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
2834
2834
|
},
|
|
2835
2835
|
"options": [
|
|
2836
2836
|
{
|
|
@@ -2900,7 +2900,7 @@
|
|
|
2900
2900
|
"popover"
|
|
2901
2901
|
],
|
|
2902
2902
|
"engineDependencies": {
|
|
2903
|
-
"@mlola-ui/icons": "^1.1.
|
|
2903
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
2904
2904
|
},
|
|
2905
2905
|
"options": [],
|
|
2906
2906
|
"variants": [],
|
|
@@ -3098,8 +3098,8 @@
|
|
|
3098
3098
|
"input"
|
|
3099
3099
|
],
|
|
3100
3100
|
"engineDependencies": {
|
|
3101
|
-
"@mlola-ui/behavior": "^1.1.
|
|
3102
|
-
"@mlola-ui/icons": "^1.1.
|
|
3101
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
3102
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3103
3103
|
},
|
|
3104
3104
|
"options": [
|
|
3105
3105
|
{
|
|
@@ -3118,7 +3118,7 @@
|
|
|
3118
3118
|
"path": "packages/components/_internal/anchor.ts",
|
|
3119
3119
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
3120
3120
|
"type": "registry:ui",
|
|
3121
|
-
"integrity": "sha256-
|
|
3121
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
3122
3122
|
},
|
|
3123
3123
|
{
|
|
3124
3124
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -3148,7 +3148,7 @@
|
|
|
3148
3148
|
"path": "packages/components/combobox/combobox.tsx",
|
|
3149
3149
|
"target": "{{aliases.components}}/combobox.tsx",
|
|
3150
3150
|
"type": "registry:ui",
|
|
3151
|
-
"integrity": "sha256-
|
|
3151
|
+
"integrity": "sha256-WHELCyUcgphiLCg3KFKcRvmStRKglU8lQEPXNXZp+IM="
|
|
3152
3152
|
}
|
|
3153
3153
|
],
|
|
3154
3154
|
"themeContract": {
|
|
@@ -3188,7 +3188,7 @@
|
|
|
3188
3188
|
"input"
|
|
3189
3189
|
],
|
|
3190
3190
|
"engineDependencies": {
|
|
3191
|
-
"@mlola-ui/icons": "^1.1.
|
|
3191
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3192
3192
|
},
|
|
3193
3193
|
"options": [],
|
|
3194
3194
|
"variants": [],
|
|
@@ -3243,7 +3243,7 @@
|
|
|
3243
3243
|
"input"
|
|
3244
3244
|
],
|
|
3245
3245
|
"engineDependencies": {
|
|
3246
|
-
"@mlola-ui/icons": "^1.1.
|
|
3246
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3247
3247
|
},
|
|
3248
3248
|
"options": [],
|
|
3249
3249
|
"variants": [],
|
|
@@ -3306,7 +3306,7 @@
|
|
|
3306
3306
|
"popover"
|
|
3307
3307
|
],
|
|
3308
3308
|
"engineDependencies": {
|
|
3309
|
-
"@mlola-ui/icons": "^1.1.
|
|
3309
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3310
3310
|
},
|
|
3311
3311
|
"options": [
|
|
3312
3312
|
{
|
|
@@ -3377,7 +3377,7 @@
|
|
|
3377
3377
|
},
|
|
3378
3378
|
"registryDependencies": [],
|
|
3379
3379
|
"engineDependencies": {
|
|
3380
|
-
"@mlola-ui/icons": "^1.1.
|
|
3380
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3381
3381
|
},
|
|
3382
3382
|
"options": [
|
|
3383
3383
|
{
|
|
@@ -3496,8 +3496,8 @@
|
|
|
3496
3496
|
},
|
|
3497
3497
|
"registryDependencies": [],
|
|
3498
3498
|
"engineDependencies": {
|
|
3499
|
-
"@mlola-ui/behavior": "^1.1.
|
|
3500
|
-
"@mlola-ui/icons": "^1.1.
|
|
3499
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
3500
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3501
3501
|
},
|
|
3502
3502
|
"options": [],
|
|
3503
3503
|
"variants": [],
|
|
@@ -3507,7 +3507,7 @@
|
|
|
3507
3507
|
"path": "packages/components/_internal/anchor.ts",
|
|
3508
3508
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
3509
3509
|
"type": "registry:ui",
|
|
3510
|
-
"integrity": "sha256-
|
|
3510
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
3511
3511
|
},
|
|
3512
3512
|
{
|
|
3513
3513
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -3561,7 +3561,7 @@
|
|
|
3561
3561
|
},
|
|
3562
3562
|
"registryDependencies": [],
|
|
3563
3563
|
"engineDependencies": {
|
|
3564
|
-
"@mlola-ui/behavior": "^1.1.
|
|
3564
|
+
"@mlola-ui/behavior": "^1.1.21"
|
|
3565
3565
|
},
|
|
3566
3566
|
"options": [
|
|
3567
3567
|
{
|
|
@@ -3593,7 +3593,7 @@
|
|
|
3593
3593
|
"path": "packages/components/_internal/anchor.ts",
|
|
3594
3594
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
3595
3595
|
"type": "registry:ui",
|
|
3596
|
-
"integrity": "sha256-
|
|
3596
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
3597
3597
|
},
|
|
3598
3598
|
{
|
|
3599
3599
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -3648,8 +3648,8 @@
|
|
|
3648
3648
|
},
|
|
3649
3649
|
"registryDependencies": [],
|
|
3650
3650
|
"engineDependencies": {
|
|
3651
|
-
"@mlola-ui/behavior": "^1.1.
|
|
3652
|
-
"@mlola-ui/icons": "^1.1.
|
|
3651
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
3652
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3653
3653
|
},
|
|
3654
3654
|
"options": [],
|
|
3655
3655
|
"variants": [],
|
|
@@ -3659,7 +3659,7 @@
|
|
|
3659
3659
|
"path": "packages/components/_internal/anchor.ts",
|
|
3660
3660
|
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
3661
3661
|
"type": "registry:ui",
|
|
3662
|
-
"integrity": "sha256-
|
|
3662
|
+
"integrity": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY="
|
|
3663
3663
|
},
|
|
3664
3664
|
{
|
|
3665
3665
|
"path": "packages/components/_internal/floating.ts",
|
|
@@ -3723,7 +3723,7 @@
|
|
|
3723
3723
|
"sheet"
|
|
3724
3724
|
],
|
|
3725
3725
|
"engineDependencies": {
|
|
3726
|
-
"@mlola-ui/icons": "^1.1.
|
|
3726
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3727
3727
|
},
|
|
3728
3728
|
"options": [],
|
|
3729
3729
|
"variants": [],
|
|
@@ -3846,7 +3846,7 @@
|
|
|
3846
3846
|
"button"
|
|
3847
3847
|
],
|
|
3848
3848
|
"engineDependencies": {
|
|
3849
|
-
"@mlola-ui/icons": "^1.1.
|
|
3849
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3850
3850
|
},
|
|
3851
3851
|
"options": [
|
|
3852
3852
|
{
|
|
@@ -3950,8 +3950,8 @@
|
|
|
3950
3950
|
"input"
|
|
3951
3951
|
],
|
|
3952
3952
|
"engineDependencies": {
|
|
3953
|
-
"@mlola-ui/behavior": "^1.1.
|
|
3954
|
-
"@mlola-ui/icons": "^1.1.
|
|
3953
|
+
"@mlola-ui/behavior": "^1.1.21",
|
|
3954
|
+
"@mlola-ui/icons": "^1.1.21"
|
|
3955
3955
|
},
|
|
3956
3956
|
"options": [
|
|
3957
3957
|
{
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Where a floating layer goes next to its anchor. The math is shared with the
|
|
3
3
|
* framework-free runtime, so it lives in @mlola-ui/behavior/logic.
|
|
4
|
+
* `fitTooltip` stays for copied source from before 1.1.20 (deprecated).
|
|
4
5
|
*/
|
|
5
|
-
export { placeFloating, placeTooltip, type Align, type Placement, type Rect, type Side } from "@mlola-ui/behavior/logic";
|
|
6
|
+
export { fitTooltip, placeFloating, placeTooltip, type Align, type Placement, type Rect, type Side } from "@mlola-ui/behavior/logic";
|
|
@@ -61,13 +61,13 @@ export function ComboboxList({ id, options, active, onActiveChange, onPick, isSe
|
|
|
61
61
|
const spot = React.useRef<HTMLSpanElement>(null);
|
|
62
62
|
const field = React.useRef<HTMLElement | null>(null);
|
|
63
63
|
const portal = usePortalNode();
|
|
64
|
-
//
|
|
64
|
+
// Exactly as wide as the field, as it was when it opened inside it, and never taller than the window's room on its side.
|
|
65
65
|
React.useLayoutEffect(() => {
|
|
66
66
|
field.current = anchor?.current ?? spot.current?.parentElement ?? null;
|
|
67
67
|
if (!field.current || !layer.current) return;
|
|
68
68
|
const rect = field.current.getBoundingClientRect();
|
|
69
69
|
const room = side === "top" ? rect.top - 12 : window.innerHeight - rect.bottom - 12;
|
|
70
|
-
layer.current.style.
|
|
70
|
+
layer.current.style.width = `${rect.width}px`;
|
|
71
71
|
layer.current.style.setProperty("--ml-combobox-room", `${Math.max(120, Math.floor(room))}px`);
|
|
72
72
|
}, [anchor, side, portal]);
|
|
73
73
|
useFloating(field, layer, Boolean(portal), { side, align: "start", offset: 6 });
|
|
@@ -32,6 +32,10 @@ export function Popover({ trigger, children, label, side = "bottom", align = "st
|
|
|
32
32
|
const layer = React.useRef<HTMLDivElement>(null);
|
|
33
33
|
const portal = usePortalNode();
|
|
34
34
|
const id = React.useId();
|
|
35
|
+
// A press or focus inside it, or inside a layer opened from inside it (a Select's or a Combobox's list on
|
|
36
|
+
// <body>), reaches its React handlers first; only what never passes through it closes it.
|
|
37
|
+
const pressedInside = React.useRef(false);
|
|
38
|
+
const focusedInside = React.useRef(false);
|
|
35
39
|
useFloating(anchor, layer, isOpen && Boolean(portal), { side, align });
|
|
36
40
|
|
|
37
41
|
const close = React.useCallback(
|
|
@@ -50,7 +54,9 @@ export function Popover({ trigger, children, label, side = "bottom", align = "st
|
|
|
50
54
|
});
|
|
51
55
|
const onPointerDown = (event: PointerEvent) => {
|
|
52
56
|
const target = event.target as Node;
|
|
53
|
-
|
|
57
|
+
const inside = pressedInside.current;
|
|
58
|
+
pressedInside.current = false;
|
|
59
|
+
if (!inside && !layer.current?.contains(target) && !anchor.current?.contains(target)) close(false);
|
|
54
60
|
};
|
|
55
61
|
// Heard before a dialog around it (capture), and marked as used, so one Escape closes one layer.
|
|
56
62
|
const onKeyDown = (event: KeyboardEvent) => {
|
|
@@ -94,9 +100,20 @@ export function Popover({ trigger, children, label, side = "bottom", align = "st
|
|
|
94
100
|
tabIndex={-1}
|
|
95
101
|
data-state="open"
|
|
96
102
|
className={cx("ml-popover", className)}
|
|
103
|
+
onPointerDown={() => {
|
|
104
|
+
pressedInside.current = true;
|
|
105
|
+
}}
|
|
106
|
+
onFocus={() => {
|
|
107
|
+
focusedInside.current = true;
|
|
108
|
+
}}
|
|
97
109
|
onBlur={(event) => {
|
|
98
110
|
const next = event.relatedTarget as Node | null;
|
|
99
|
-
|
|
111
|
+
focusedInside.current = false;
|
|
112
|
+
if (!next || anchor.current?.contains(next)) return;
|
|
113
|
+
// Focus lands before this runs: moving into a layer opened from inside it counts as inside.
|
|
114
|
+
requestAnimationFrame(() => {
|
|
115
|
+
if (!focusedInside.current && !layer.current?.contains(document.activeElement)) close(false);
|
|
116
|
+
});
|
|
100
117
|
}}
|
|
101
118
|
>
|
|
102
119
|
{children}
|
|
@@ -290,6 +290,9 @@ interface ToasterProps {
|
|
|
290
290
|
* step away from it. Hovering or focusing the stack pauses every timer, so
|
|
291
291
|
* nothing disappears while it is being read.
|
|
292
292
|
*/
|
|
293
|
+
/** The offsets an app may set on a place around the Toaster; `--ml-toaster-offset` is the Toaster's own. */
|
|
294
|
+
const TOASTER_OFFSETS = ["--ml-toaster-offset-top", "--ml-toaster-offset-bottom"];
|
|
295
|
+
|
|
293
296
|
function Toaster({ position = "top-right", label, max = 3, className }: ToasterProps) {
|
|
294
297
|
const [toasts, setToasts] = React.useState(() => store.filter((item) => item.position === position));
|
|
295
298
|
const [hovered, setHovered] = React.useState(false);
|
|
@@ -313,6 +316,16 @@ function Toaster({ position = "top-right", label, max = 3, className }: ToasterP
|
|
|
313
316
|
const region = React.useRef<HTMLDivElement>(null);
|
|
314
317
|
const portal = usePortalNode();
|
|
315
318
|
useLayerTheme(place, region, Boolean(portal));
|
|
319
|
+
// Offsets an app sets around the Toaster (below a sticky header, say) reach the region on <body> too.
|
|
320
|
+
React.useLayoutEffect(() => {
|
|
321
|
+
if (!place.current || !region.current) return;
|
|
322
|
+
const around = getComputedStyle(place.current);
|
|
323
|
+
for (const name of TOASTER_OFFSETS) {
|
|
324
|
+
const value = around.getPropertyValue(name).trim();
|
|
325
|
+
if (value) region.current.style.setProperty(name, value);
|
|
326
|
+
else region.current.style.removeProperty(name);
|
|
327
|
+
}
|
|
328
|
+
});
|
|
316
329
|
|
|
317
330
|
const layer = (
|
|
318
331
|
<div
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"packages/components/_internal/anchor.ts": "sha256-
|
|
2
|
+
"packages/components/_internal/anchor.ts": "sha256-4qsvIzYQYC+yEhaJ6BDYX18Qdw7isKhzBOEnivnVgOY=",
|
|
3
3
|
"packages/components/_internal/clipboard.ts": "sha256-0y5p88CTXWuOrUYlC5J4XP1VCrOwkx9jYWVHmD2LouQ=",
|
|
4
4
|
"packages/components/_internal/dialog.ts": "sha256-HouQjNfiorcAUoc7DFu78QLuhNDgvUuDOxjWZYYd62E=",
|
|
5
5
|
"packages/components/_internal/dom.ts": "sha256-TJp94MipbXHonH/PC7FFHu5pnAqcoxzLocksWLsTAsc=",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"packages/components/checkbox/checkbox.tsx": "sha256-hz4YbGwOxv/aJpJHrLXR4MKSWJGyjzoJEIGvdhyML9M=",
|
|
25
25
|
"packages/components/color-picker/color-picker.tsx": "sha256-/UyEbxqknsHheX444Imc3WphyixZbvj8hGL+r+zyG5w=",
|
|
26
26
|
"packages/components/color-picker/color.ts": "sha256-YqSgYjzn7XfPWAHuyzbwOhbg/ScaSfB7V73e9w+OjJs=",
|
|
27
|
-
"packages/components/combobox/combobox.tsx": "sha256-
|
|
27
|
+
"packages/components/combobox/combobox.tsx": "sha256-WHELCyUcgphiLCg3KFKcRvmStRKglU8lQEPXNXZp+IM=",
|
|
28
28
|
"packages/components/command-menu/command-menu.tsx": "sha256-wZnlj17zVlcfp5I08ziggHtchfdqjlvNl+MyiP+Rdbo=",
|
|
29
29
|
"packages/components/context-menu/context-menu.tsx": "sha256-OGaKzthZJGaV5T+4sRWYecA64wEEg2KImKnIzMMg1i4=",
|
|
30
30
|
"packages/components/copy-button/copy-button.tsx": "sha256-6fvfifoiDOtW+WxKWon4SGEn3THtERuCX2hqGSZDtVM=",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"packages/components/otp-input/otp-input.tsx": "sha256-0KeyDLCC27/GqOocMWXggJ255PCEpCOCcINAcabksSk=",
|
|
42
42
|
"packages/components/pagination/pagination.tsx": "sha256-FBwk8tq4JcsK2D0dlWEYiDSRx3owgBmGzEIlVRaNBoE=",
|
|
43
43
|
"packages/components/password-input/password-input.tsx": "sha256-oY//vTILhUicJyfAWZrSUTl8WWsf4P2S1Bh0x4OxwLs=",
|
|
44
|
-
"packages/components/popover/popover.tsx": "sha256-
|
|
44
|
+
"packages/components/popover/popover.tsx": "sha256-LJVinhURpl3dh7DwFfC6IVxigv9b5oLwnxdrObkz8Ec=",
|
|
45
45
|
"packages/components/priority-icon/labels.ts": "sha256-zhmJIb7/gS16wU+xCJ7hkReBi9q5RI3SMwdjkJvvvKU=",
|
|
46
46
|
"packages/components/priority-icon/priority-icon.tsx": "sha256-3D6hFRpht3YuWouLhakE2DFdldavmJx0B/povEDwrtQ=",
|
|
47
47
|
"packages/components/progress/progress.tsx": "sha256-oDxj1Ccl1pKV4+e6A7aaJL1FThW8qs9r4Gb0hEmExeM=",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"packages/components/time-picker/time-picker.tsx": "sha256-HquGogkQB7YGs/1iTSqftSJ310hgXqKdAc+fU1RtQ5Y=",
|
|
65
65
|
"packages/components/time-picker/times.ts": "sha256-V/4uqFZPn9gVnyx8cB9vwp/RocmTYaPmLxjfy8DPQOI=",
|
|
66
66
|
"packages/components/timeline/timeline.tsx": "sha256-nVg7lBcAUAzqEb0YrHagJXSaHE2aWWE9bUbQMWQY6PU=",
|
|
67
|
-
"packages/components/toast/toast.tsx": "sha256-
|
|
67
|
+
"packages/components/toast/toast.tsx": "sha256-BKZEXKOD4kUfIP3flFXJw6SHg1hvqq0A22lnknjdyRw=",
|
|
68
68
|
"packages/components/toggle/toggle.tsx": "sha256-8qPHeSliHNdzQS7OLJ47BrvRR75MYyUGJlK4s21XS/U=",
|
|
69
69
|
"packages/components/tooltip/tooltip.tsx": "sha256-mEmGAn5A6hJBIdPe0mkFCWWPUnip4YN8IqH7odumU+c=",
|
|
70
70
|
"packages/components/tour/tour.tsx": "sha256-b2XJokzSio2N9MFDbAbXn6w2f7diJb1KWedSCycRMmE=",
|