@mlola-ui/registry 1.0.11 → 1.0.13
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/components/accordion.json +2 -2
- package/components/alert.json +1 -1
- package/components/app-shell.json +1 -1
- package/components/badge.json +1 -1
- package/components/breadcrumb.json +2 -2
- package/components/button.json +1 -1
- package/components/calendar.json +1 -1
- package/components/carousel.json +3 -3
- package/components/checkbox.json +1 -1
- package/components/color-picker.json +1 -1
- package/components/combobox.json +1 -1
- package/components/command-menu.json +1 -1
- package/components/context-menu.json +3 -3
- package/components/copy-button.json +1 -1
- package/components/date-picker.json +1 -1
- package/components/dropdown-menu.json +2 -2
- package/components/dropzone.json +1 -1
- package/components/hover-card.json +2 -2
- package/components/modal.json +2 -2
- package/components/number-input.json +1 -1
- package/components/pagination.json +1 -1
- package/components/password-input.json +2 -2
- package/components/popover.json +2 -2
- package/components/segmented-control.json +1 -1
- package/components/select.json +3 -3
- package/components/sheet.json +2 -2
- package/components/slider.json +1 -1
- package/components/stepper.json +1 -1
- package/components/tabs.json +1 -1
- package/components/tag-input.json +1 -1
- package/components/time-picker.json +1 -1
- package/components/timeline.json +1 -1
- package/components/toast.json +1 -1
- package/components/tooltip.json +10 -2
- package/components/tour.json +3 -3
- package/generated/catalog.js +51 -44
- package/generated/examples.json +6 -1
- package/index.json +1 -1
- package/package.json +1 -1
- package/snapshot/index.json +61 -53
- package/snapshot/items/components/accordion.json +2 -2
- package/snapshot/items/components/alert.json +1 -1
- package/snapshot/items/components/app-shell.json +1 -1
- package/snapshot/items/components/badge.json +1 -1
- package/snapshot/items/components/breadcrumb.json +2 -2
- package/snapshot/items/components/button.json +1 -1
- package/snapshot/items/components/calendar.json +1 -1
- package/snapshot/items/components/carousel.json +3 -3
- package/snapshot/items/components/checkbox.json +1 -1
- package/snapshot/items/components/color-picker.json +1 -1
- package/snapshot/items/components/combobox.json +1 -1
- package/snapshot/items/components/command-menu.json +1 -1
- package/snapshot/items/components/context-menu.json +3 -3
- package/snapshot/items/components/copy-button.json +1 -1
- package/snapshot/items/components/date-picker.json +1 -1
- package/snapshot/items/components/dropdown-menu.json +2 -2
- package/snapshot/items/components/dropzone.json +1 -1
- package/snapshot/items/components/hover-card.json +2 -2
- package/snapshot/items/components/modal.json +2 -2
- package/snapshot/items/components/number-input.json +1 -1
- package/snapshot/items/components/pagination.json +1 -1
- package/snapshot/items/components/password-input.json +2 -2
- package/snapshot/items/components/popover.json +2 -2
- package/snapshot/items/components/segmented-control.json +1 -1
- package/snapshot/items/components/select.json +3 -3
- package/snapshot/items/components/sheet.json +2 -2
- package/snapshot/items/components/slider.json +1 -1
- package/snapshot/items/components/stepper.json +1 -1
- package/snapshot/items/components/tabs.json +1 -1
- package/snapshot/items/components/tag-input.json +1 -1
- package/snapshot/items/components/time-picker.json +1 -1
- package/snapshot/items/components/timeline.json +1 -1
- package/snapshot/items/components/toast.json +1 -1
- package/snapshot/items/components/tooltip.json +10 -2
- package/snapshot/items/components/tour.json +3 -3
- package/snapshot/source/packages/components/_internal/anchor.ts +1 -1
- package/snapshot/source/packages/components/breadcrumb/breadcrumb.tsx +18 -4
- package/snapshot/source/packages/components/carousel/carousel.tsx +1 -0
- package/snapshot/source/packages/components/tooltip/tooltip.tsx +26 -2
- package/snapshot/source-manifest.json +4 -4
package/generated/catalog.js
CHANGED
|
@@ -26,8 +26,8 @@ export const registryCatalog = [
|
|
|
26
26
|
],
|
|
27
27
|
"registryDependencies": [],
|
|
28
28
|
"engineDependencies": {
|
|
29
|
-
"@mlola-ui/behavior": "^1.0.
|
|
30
|
-
"@mlola-ui/icons": "^1.0.
|
|
29
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
30
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
31
31
|
},
|
|
32
32
|
"usage": {
|
|
33
33
|
"importPath": "{{aliases.components}}/accordion",
|
|
@@ -88,7 +88,7 @@ export const registryCatalog = [
|
|
|
88
88
|
],
|
|
89
89
|
"registryDependencies": [],
|
|
90
90
|
"engineDependencies": {
|
|
91
|
-
"@mlola-ui/icons": "^1.0.
|
|
91
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
92
92
|
},
|
|
93
93
|
"usage": {
|
|
94
94
|
"importPath": "{{aliases.components}}/alert",
|
|
@@ -229,7 +229,7 @@ export const registryCatalog = [
|
|
|
229
229
|
],
|
|
230
230
|
"registryDependencies": [],
|
|
231
231
|
"engineDependencies": {
|
|
232
|
-
"@mlola-ui/icons": "^1.0.
|
|
232
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
233
233
|
},
|
|
234
234
|
"usage": {
|
|
235
235
|
"importPath": "{{aliases.components}}/badge",
|
|
@@ -264,7 +264,7 @@ export const registryCatalog = [
|
|
|
264
264
|
],
|
|
265
265
|
"registryDependencies": [],
|
|
266
266
|
"engineDependencies": {
|
|
267
|
-
"@mlola-ui/icons": "^1.0.
|
|
267
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
268
268
|
},
|
|
269
269
|
"usage": {
|
|
270
270
|
"importPath": "{{aliases.components}}/breadcrumb",
|
|
@@ -339,7 +339,7 @@ export const registryCatalog = [
|
|
|
339
339
|
"spinner"
|
|
340
340
|
],
|
|
341
341
|
"engineDependencies": {
|
|
342
|
-
"@mlola-ui/motion": "^1.0.
|
|
342
|
+
"@mlola-ui/motion": "^1.0.13"
|
|
343
343
|
},
|
|
344
344
|
"usage": {
|
|
345
345
|
"importPath": "{{aliases.components}}/button",
|
|
@@ -438,8 +438,8 @@ export const registryCatalog = [
|
|
|
438
438
|
],
|
|
439
439
|
"registryDependencies": [],
|
|
440
440
|
"engineDependencies": {
|
|
441
|
-
"@mlola-ui/behavior": "^1.0.
|
|
442
|
-
"@mlola-ui/icons": "^1.0.
|
|
441
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
442
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
443
443
|
},
|
|
444
444
|
"usage": {
|
|
445
445
|
"importPath": "{{aliases.components}}/carousel",
|
|
@@ -475,7 +475,7 @@ export const registryCatalog = [
|
|
|
475
475
|
],
|
|
476
476
|
"registryDependencies": [],
|
|
477
477
|
"engineDependencies": {
|
|
478
|
-
"@mlola-ui/icons": "^1.0.
|
|
478
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
479
479
|
},
|
|
480
480
|
"usage": {
|
|
481
481
|
"importPath": "{{aliases.components}}/checkbox",
|
|
@@ -515,7 +515,7 @@ export const registryCatalog = [
|
|
|
515
515
|
"modal"
|
|
516
516
|
],
|
|
517
517
|
"engineDependencies": {
|
|
518
|
-
"@mlola-ui/icons": "^1.0.
|
|
518
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
519
519
|
},
|
|
520
520
|
"usage": {
|
|
521
521
|
"importPath": "{{aliases.components}}/command-menu",
|
|
@@ -571,8 +571,8 @@ export const registryCatalog = [
|
|
|
571
571
|
],
|
|
572
572
|
"registryDependencies": [],
|
|
573
573
|
"engineDependencies": {
|
|
574
|
-
"@mlola-ui/behavior": "^1.0.
|
|
575
|
-
"@mlola-ui/icons": "^1.0.
|
|
574
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
575
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
576
576
|
},
|
|
577
577
|
"usage": {
|
|
578
578
|
"importPath": "{{aliases.components}}/dropdown-menu",
|
|
@@ -611,7 +611,7 @@ export const registryCatalog = [
|
|
|
611
611
|
"input"
|
|
612
612
|
],
|
|
613
613
|
"engineDependencies": {
|
|
614
|
-
"@mlola-ui/icons": "^1.0.
|
|
614
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
615
615
|
},
|
|
616
616
|
"usage": {
|
|
617
617
|
"importPath": "{{aliases.components}}/dropzone",
|
|
@@ -795,8 +795,8 @@ export const registryCatalog = [
|
|
|
795
795
|
],
|
|
796
796
|
"registryDependencies": [],
|
|
797
797
|
"engineDependencies": {
|
|
798
|
-
"@mlola-ui/behavior": "^1.0.
|
|
799
|
-
"@mlola-ui/icons": "^1.0.
|
|
798
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
799
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
800
800
|
},
|
|
801
801
|
"usage": {
|
|
802
802
|
"importPath": "{{aliases.components}}/modal",
|
|
@@ -884,7 +884,7 @@ export const registryCatalog = [
|
|
|
884
884
|
],
|
|
885
885
|
"registryDependencies": [],
|
|
886
886
|
"engineDependencies": {
|
|
887
|
-
"@mlola-ui/icons": "^1.0.
|
|
887
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
888
888
|
},
|
|
889
889
|
"usage": {
|
|
890
890
|
"importPath": "{{aliases.components}}/pagination",
|
|
@@ -942,7 +942,7 @@ export const registryCatalog = [
|
|
|
942
942
|
],
|
|
943
943
|
"registryDependencies": [],
|
|
944
944
|
"engineDependencies": {
|
|
945
|
-
"@mlola-ui/behavior": "^1.0.
|
|
945
|
+
"@mlola-ui/behavior": "^1.0.13"
|
|
946
946
|
},
|
|
947
947
|
"usage": {
|
|
948
948
|
"importPath": "{{aliases.components}}/popover",
|
|
@@ -1212,7 +1212,7 @@ export const registryCatalog = [
|
|
|
1212
1212
|
],
|
|
1213
1213
|
"registryDependencies": [],
|
|
1214
1214
|
"engineDependencies": {
|
|
1215
|
-
"@mlola-ui/behavior": "^1.0.
|
|
1215
|
+
"@mlola-ui/behavior": "^1.0.13"
|
|
1216
1216
|
},
|
|
1217
1217
|
"usage": {
|
|
1218
1218
|
"importPath": "{{aliases.components}}/segmented-control",
|
|
@@ -1262,8 +1262,8 @@ export const registryCatalog = [
|
|
|
1262
1262
|
],
|
|
1263
1263
|
"registryDependencies": [],
|
|
1264
1264
|
"engineDependencies": {
|
|
1265
|
-
"@mlola-ui/behavior": "^1.0.
|
|
1266
|
-
"@mlola-ui/icons": "^1.0.
|
|
1265
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
1266
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
1267
1267
|
},
|
|
1268
1268
|
"usage": {
|
|
1269
1269
|
"importPath": "{{aliases.components}}/select",
|
|
@@ -1335,8 +1335,8 @@ export const registryCatalog = [
|
|
|
1335
1335
|
],
|
|
1336
1336
|
"registryDependencies": [],
|
|
1337
1337
|
"engineDependencies": {
|
|
1338
|
-
"@mlola-ui/behavior": "^1.0.
|
|
1339
|
-
"@mlola-ui/icons": "^1.0.
|
|
1338
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
1339
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
1340
1340
|
},
|
|
1341
1341
|
"usage": {
|
|
1342
1342
|
"importPath": "{{aliases.components}}/sheet",
|
|
@@ -1424,7 +1424,7 @@ export const registryCatalog = [
|
|
|
1424
1424
|
],
|
|
1425
1425
|
"registryDependencies": [],
|
|
1426
1426
|
"engineDependencies": {
|
|
1427
|
-
"@mlola-ui/behavior": "^1.0.
|
|
1427
|
+
"@mlola-ui/behavior": "^1.0.13"
|
|
1428
1428
|
},
|
|
1429
1429
|
"usage": {
|
|
1430
1430
|
"importPath": "{{aliases.components}}/slider",
|
|
@@ -1550,7 +1550,7 @@ export const registryCatalog = [
|
|
|
1550
1550
|
],
|
|
1551
1551
|
"registryDependencies": [],
|
|
1552
1552
|
"engineDependencies": {
|
|
1553
|
-
"@mlola-ui/behavior": "^1.0.
|
|
1553
|
+
"@mlola-ui/behavior": "^1.0.13"
|
|
1554
1554
|
},
|
|
1555
1555
|
"usage": {
|
|
1556
1556
|
"importPath": "{{aliases.components}}/tabs",
|
|
@@ -1655,7 +1655,7 @@ export const registryCatalog = [
|
|
|
1655
1655
|
],
|
|
1656
1656
|
"registryDependencies": [],
|
|
1657
1657
|
"engineDependencies": {
|
|
1658
|
-
"@mlola-ui/icons": "^1.0.
|
|
1658
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
1659
1659
|
},
|
|
1660
1660
|
"usage": {
|
|
1661
1661
|
"importPath": "{{aliases.components}}/timeline",
|
|
@@ -1705,7 +1705,7 @@ export const registryCatalog = [
|
|
|
1705
1705
|
"spinner"
|
|
1706
1706
|
],
|
|
1707
1707
|
"engineDependencies": {
|
|
1708
|
-
"@mlola-ui/icons": "^1.0.
|
|
1708
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
1709
1709
|
},
|
|
1710
1710
|
"usage": {
|
|
1711
1711
|
"importPath": "{{aliases.components}}/toast",
|
|
@@ -1811,13 +1811,20 @@ export const registryCatalog = [
|
|
|
1811
1811
|
"interactive"
|
|
1812
1812
|
],
|
|
1813
1813
|
"registryDependencies": [],
|
|
1814
|
-
"engineDependencies": {
|
|
1814
|
+
"engineDependencies": {
|
|
1815
|
+
"@mlola-ui/behavior": "^1.0.13"
|
|
1816
|
+
},
|
|
1815
1817
|
"usage": {
|
|
1816
1818
|
"importPath": "{{aliases.components}}/tooltip",
|
|
1817
1819
|
"exportName": "Tooltip",
|
|
1818
1820
|
"isDefault": false
|
|
1819
1821
|
},
|
|
1820
1822
|
"files": [
|
|
1823
|
+
{
|
|
1824
|
+
"path": "packages/components/_internal/anchor.ts",
|
|
1825
|
+
"target": "{{aliases.components}}/_internal/anchor.ts",
|
|
1826
|
+
"type": "registry:ui"
|
|
1827
|
+
},
|
|
1821
1828
|
{
|
|
1822
1829
|
"path": "packages/components/_internal/react.ts",
|
|
1823
1830
|
"target": "{{aliases.components}}/_internal/react.ts",
|
|
@@ -1910,7 +1917,7 @@ export const registryCatalog = [
|
|
|
1910
1917
|
],
|
|
1911
1918
|
"registryDependencies": [],
|
|
1912
1919
|
"engineDependencies": {
|
|
1913
|
-
"@mlola-ui/icons": "^1.0.
|
|
1920
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
1914
1921
|
},
|
|
1915
1922
|
"usage": {
|
|
1916
1923
|
"importPath": "{{aliases.components}}/calendar",
|
|
@@ -1965,7 +1972,7 @@ export const registryCatalog = [
|
|
|
1965
1972
|
"popover"
|
|
1966
1973
|
],
|
|
1967
1974
|
"engineDependencies": {
|
|
1968
|
-
"@mlola-ui/icons": "^1.0.
|
|
1975
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
1969
1976
|
},
|
|
1970
1977
|
"usage": {
|
|
1971
1978
|
"importPath": "{{aliases.components}}/date-picker",
|
|
@@ -2010,7 +2017,7 @@ export const registryCatalog = [
|
|
|
2010
2017
|
"popover"
|
|
2011
2018
|
],
|
|
2012
2019
|
"engineDependencies": {
|
|
2013
|
-
"@mlola-ui/icons": "^1.0.
|
|
2020
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2014
2021
|
},
|
|
2015
2022
|
"usage": {
|
|
2016
2023
|
"importPath": "{{aliases.components}}/time-picker",
|
|
@@ -2169,7 +2176,7 @@ export const registryCatalog = [
|
|
|
2169
2176
|
"input"
|
|
2170
2177
|
],
|
|
2171
2178
|
"engineDependencies": {
|
|
2172
|
-
"@mlola-ui/icons": "^1.0.
|
|
2179
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2173
2180
|
},
|
|
2174
2181
|
"usage": {
|
|
2175
2182
|
"importPath": "{{aliases.components}}/combobox",
|
|
@@ -2220,7 +2227,7 @@ export const registryCatalog = [
|
|
|
2220
2227
|
"input"
|
|
2221
2228
|
],
|
|
2222
2229
|
"engineDependencies": {
|
|
2223
|
-
"@mlola-ui/icons": "^1.0.
|
|
2230
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2224
2231
|
},
|
|
2225
2232
|
"usage": {
|
|
2226
2233
|
"importPath": "{{aliases.components}}/tag-input",
|
|
@@ -2260,7 +2267,7 @@ export const registryCatalog = [
|
|
|
2260
2267
|
"input"
|
|
2261
2268
|
],
|
|
2262
2269
|
"engineDependencies": {
|
|
2263
|
-
"@mlola-ui/icons": "^1.0.
|
|
2270
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2264
2271
|
},
|
|
2265
2272
|
"usage": {
|
|
2266
2273
|
"importPath": "{{aliases.components}}/number-input",
|
|
@@ -2318,7 +2325,7 @@ export const registryCatalog = [
|
|
|
2318
2325
|
"popover"
|
|
2319
2326
|
],
|
|
2320
2327
|
"engineDependencies": {
|
|
2321
|
-
"@mlola-ui/icons": "^1.0.
|
|
2328
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2322
2329
|
},
|
|
2323
2330
|
"usage": {
|
|
2324
2331
|
"importPath": "{{aliases.components}}/color-picker",
|
|
@@ -2371,7 +2378,7 @@ export const registryCatalog = [
|
|
|
2371
2378
|
],
|
|
2372
2379
|
"registryDependencies": [],
|
|
2373
2380
|
"engineDependencies": {
|
|
2374
|
-
"@mlola-ui/icons": "^1.0.
|
|
2381
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2375
2382
|
},
|
|
2376
2383
|
"usage": {
|
|
2377
2384
|
"importPath": "{{aliases.components}}/stepper",
|
|
@@ -2449,8 +2456,8 @@ export const registryCatalog = [
|
|
|
2449
2456
|
],
|
|
2450
2457
|
"registryDependencies": [],
|
|
2451
2458
|
"engineDependencies": {
|
|
2452
|
-
"@mlola-ui/behavior": "^1.0.
|
|
2453
|
-
"@mlola-ui/icons": "^1.0.
|
|
2459
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
2460
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2454
2461
|
},
|
|
2455
2462
|
"usage": {
|
|
2456
2463
|
"importPath": "{{aliases.components}}/context-menu",
|
|
@@ -2519,7 +2526,7 @@ export const registryCatalog = [
|
|
|
2519
2526
|
],
|
|
2520
2527
|
"registryDependencies": [],
|
|
2521
2528
|
"engineDependencies": {
|
|
2522
|
-
"@mlola-ui/behavior": "^1.0.
|
|
2529
|
+
"@mlola-ui/behavior": "^1.0.13"
|
|
2523
2530
|
},
|
|
2524
2531
|
"usage": {
|
|
2525
2532
|
"importPath": "{{aliases.components}}/hover-card",
|
|
@@ -2567,8 +2574,8 @@ export const registryCatalog = [
|
|
|
2567
2574
|
],
|
|
2568
2575
|
"registryDependencies": [],
|
|
2569
2576
|
"engineDependencies": {
|
|
2570
|
-
"@mlola-ui/behavior": "^1.0.
|
|
2571
|
-
"@mlola-ui/icons": "^1.0.
|
|
2577
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
2578
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2572
2579
|
},
|
|
2573
2580
|
"usage": {
|
|
2574
2581
|
"importPath": "{{aliases.components}}/tour",
|
|
@@ -2619,7 +2626,7 @@ export const registryCatalog = [
|
|
|
2619
2626
|
"sheet"
|
|
2620
2627
|
],
|
|
2621
2628
|
"engineDependencies": {
|
|
2622
|
-
"@mlola-ui/icons": "^1.0.
|
|
2629
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2623
2630
|
},
|
|
2624
2631
|
"usage": {
|
|
2625
2632
|
"importPath": "{{aliases.components}}/app-shell",
|
|
@@ -2742,7 +2749,7 @@ export const registryCatalog = [
|
|
|
2742
2749
|
"button"
|
|
2743
2750
|
],
|
|
2744
2751
|
"engineDependencies": {
|
|
2745
|
-
"@mlola-ui/icons": "^1.0.
|
|
2752
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2746
2753
|
},
|
|
2747
2754
|
"usage": {
|
|
2748
2755
|
"importPath": "{{aliases.components}}/copy-button",
|
|
@@ -2812,8 +2819,8 @@ export const registryCatalog = [
|
|
|
2812
2819
|
"input"
|
|
2813
2820
|
],
|
|
2814
2821
|
"engineDependencies": {
|
|
2815
|
-
"@mlola-ui/behavior": "^1.0.
|
|
2816
|
-
"@mlola-ui/icons": "^1.0.
|
|
2822
|
+
"@mlola-ui/behavior": "^1.0.13",
|
|
2823
|
+
"@mlola-ui/icons": "^1.0.13"
|
|
2817
2824
|
},
|
|
2818
2825
|
"usage": {
|
|
2819
2826
|
"importPath": "{{aliases.components}}/password-input",
|
package/generated/examples.json
CHANGED
|
@@ -232,6 +232,10 @@
|
|
|
232
232
|
"class": "ml-breadcrumb-page",
|
|
233
233
|
"attributes": {}
|
|
234
234
|
},
|
|
235
|
+
{
|
|
236
|
+
"class": "ml-breadcrumb-icon",
|
|
237
|
+
"attributes": {}
|
|
238
|
+
},
|
|
235
239
|
{
|
|
236
240
|
"class": "ml-breadcrumb-separator",
|
|
237
241
|
"attributes": {}
|
|
@@ -362,11 +366,12 @@
|
|
|
362
366
|
"carousel": {
|
|
363
367
|
"needs": "script",
|
|
364
368
|
"react": "import { Carousel } from \"@/components/ui/carousel\";\n\nconst slides = [\"Plan\", \"Build\", \"Ship\"].map((title) => (\n <div key={title} className=\"ml-card\" data-variant=\"elevated\">\n <div className=\"ml-card-content\">{title}</div>\n </div>\n));\n\nexport default function Example() {\n return <Carousel label=\"Release stages\" items={slides} itemLabels={[\"Plan\", \"Build\", \"Ship\"]} />;\n}",
|
|
365
|
-
"html": "<div class=\"ml-carousel\" role=\"group\" aria-roledescription=\"carousel\" aria-label=\"Release stages\" style=\"--ml-carousel-per-view:1;--ml-carousel-peek:0px;--ml-carousel-min:0px;--ml-carousel-autoplay:0ms\">\n <div class=\"ml-carousel-viewport\">\n <div class=\"ml-carousel-track\" tabindex=\"0\" aria-label=\"Release stages, use the arrow keys\">\n <div class=\"ml-carousel-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3: Plan\" data-current=\"true\">\n <div class=\"ml-card\" data-variant=\"elevated\"><div class=\"ml-card-content\">Plan</div></div>\n </div>\n <div class=\"ml-carousel-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3: Build\">\n <div class=\"ml-card\" data-variant=\"elevated\"><div class=\"ml-card-content\">Build</div></div>\n </div>\n <div class=\"ml-carousel-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3: Ship\">\n <div class=\"ml-card\" data-variant=\"elevated\"><div class=\"ml-card-content\">Ship</div></div>\n </div>\n </div>\n <button class=\"ml-carousel-arrow\" type=\"button\" data-side=\"previous\" aria-label=\"Previous slide\"><svg class=\"mlola-glyph\" width=\"1.1em\" height=\"1.1em\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"var(--mlola-glyph-stroke, var(--ml-icon-stroke, 1.75))\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\" data-optical-size=\"default\" style=\"color:var(--mlola-glyph-color, currentColor);scale:var(--mlola-glyph-optical-scale, 1);transform-origin:center\"><path d=\"m15 18-6-6 6-6\" pathLength=\"1\"></path></svg></button>\n <button class=\"ml-carousel-arrow\" type=\"button\" data-side=\"next\" aria-label=\"Next slide\"><svg class=\"mlola-glyph\" width=\"1.1em\" height=\"1.1em\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"var(--mlola-glyph-stroke, var(--ml-icon-stroke, 1.75))\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\" data-optical-size=\"default\" style=\"color:var(--mlola-glyph-color, currentColor);scale:var(--mlola-glyph-optical-scale, 1);transform-origin:center\"><path d=\"m9 18 6-6-6-6\" pathLength=\"1\"></path></svg></button>\n </div>\n <div class=\"ml-carousel-dots\" role=\"group\" aria-label=\"Choose release stages\">\n <button class=\"ml-carousel-dot\" type=\"button\" data-hit=\"expand\" aria-current=\"true\" aria-label=\"Plan\" tabindex=\"0\"></button>\n <button class=\"ml-carousel-dot\" type=\"button\" data-hit=\"expand\" aria-label=\"Build\" tabindex=\"-1\"></button>\n <button class=\"ml-carousel-dot\" type=\"button\" data-hit=\"expand\" aria-label=\"Ship\" tabindex=\"-1\"></button>\n </div>\n</div>",
|
|
369
|
+
"html": "<div class=\"ml-carousel\" role=\"group\" aria-roledescription=\"carousel\" aria-label=\"Release stages\" data-arrows=\"true\" style=\"--ml-carousel-per-view:1;--ml-carousel-peek:0px;--ml-carousel-min:0px;--ml-carousel-autoplay:0ms\">\n <div class=\"ml-carousel-viewport\">\n <div class=\"ml-carousel-track\" tabindex=\"0\" aria-label=\"Release stages, use the arrow keys\">\n <div class=\"ml-carousel-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 3: Plan\" data-current=\"true\">\n <div class=\"ml-card\" data-variant=\"elevated\"><div class=\"ml-card-content\">Plan</div></div>\n </div>\n <div class=\"ml-carousel-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 3: Build\">\n <div class=\"ml-card\" data-variant=\"elevated\"><div class=\"ml-card-content\">Build</div></div>\n </div>\n <div class=\"ml-carousel-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 3: Ship\">\n <div class=\"ml-card\" data-variant=\"elevated\"><div class=\"ml-card-content\">Ship</div></div>\n </div>\n </div>\n <button class=\"ml-carousel-arrow\" type=\"button\" data-side=\"previous\" aria-label=\"Previous slide\"><svg class=\"mlola-glyph\" width=\"1.1em\" height=\"1.1em\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"var(--mlola-glyph-stroke, var(--ml-icon-stroke, 1.75))\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\" data-optical-size=\"default\" style=\"color:var(--mlola-glyph-color, currentColor);scale:var(--mlola-glyph-optical-scale, 1);transform-origin:center\"><path d=\"m15 18-6-6 6-6\" pathLength=\"1\"></path></svg></button>\n <button class=\"ml-carousel-arrow\" type=\"button\" data-side=\"next\" aria-label=\"Next slide\"><svg class=\"mlola-glyph\" width=\"1.1em\" height=\"1.1em\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"var(--mlola-glyph-stroke, var(--ml-icon-stroke, 1.75))\" stroke-linecap=\"round\" stroke-linejoin=\"round\" focusable=\"false\" aria-hidden=\"true\" data-optical-size=\"default\" style=\"color:var(--mlola-glyph-color, currentColor);scale:var(--mlola-glyph-optical-scale, 1);transform-origin:center\"><path d=\"m9 18 6-6-6-6\" pathLength=\"1\"></path></svg></button>\n </div>\n <div class=\"ml-carousel-dots\" role=\"group\" aria-label=\"Choose release stages\">\n <button class=\"ml-carousel-dot\" type=\"button\" data-hit=\"expand\" aria-current=\"true\" aria-label=\"Plan\" tabindex=\"0\"></button>\n <button class=\"ml-carousel-dot\" type=\"button\" data-hit=\"expand\" aria-label=\"Build\" tabindex=\"-1\"></button>\n <button class=\"ml-carousel-dot\" type=\"button\" data-hit=\"expand\" aria-label=\"Ship\" tabindex=\"-1\"></button>\n </div>\n</div>",
|
|
366
370
|
"elements": [
|
|
367
371
|
{
|
|
368
372
|
"class": "ml-carousel",
|
|
369
373
|
"attributes": {
|
|
374
|
+
"data-arrows": [],
|
|
370
375
|
"data-playing": []
|
|
371
376
|
}
|
|
372
377
|
},
|
package/index.json
CHANGED