@tonycodes-ui/mortar 0.12.0 → 0.13.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.
- package/CHANGELOG.md +16 -39
- package/DESIGN.md +1 -1
- package/catalog.json +413 -377
- package/cli/audit.mjs +152 -0
- package/dist/agent-data.json +1 -1
- package/dist/application.d.ts +30 -5
- package/dist/application.js +20 -8
- package/dist/index.d.ts +1 -1
- package/dist/inspection.js +17 -1
- package/dist/internal.d.ts +15 -1
- package/dist/internal.js +12 -1
- package/dist/marketing.d.ts +3 -2
- package/dist/marketing.js +2 -6
- package/dist/primitives.js +20 -11
- package/docs/agents.md +21 -18
- package/docs/theming.md +72 -1
- package/package.json +1 -1
- package/skills/mortar/SKILL.md +1 -1
- package/src/application.css +95 -1
- package/src/application.tsx +88 -19
- package/src/data.css +58 -2
- package/src/foundation.css +10 -0
- package/src/index.ts +3 -0
- package/src/inspection.tsx +15 -0
- package/src/internal.tsx +93 -2
- package/src/marketing.tsx +4 -74
- package/src/primitives.tsx +38 -19
package/catalog.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"schemaVersion": 1,
|
|
3
3
|
"package": "@tonycodes-ui/mortar",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.13.0",
|
|
5
5
|
"policyVersion": "1.4.0",
|
|
6
6
|
"tokens": [
|
|
7
7
|
"--m-accent",
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
"description": "Mortar foundation action link, using central semantic tokens.",
|
|
138
138
|
"stack": "react-tailwind",
|
|
139
139
|
"package": "@tonycodes-ui/mortar",
|
|
140
|
-
"version": "0.
|
|
140
|
+
"version": "0.13.0",
|
|
141
141
|
"export": "ActionLink",
|
|
142
142
|
"source": "src/primitives.tsx",
|
|
143
143
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
@@ -188,8 +188,8 @@
|
|
|
188
188
|
"probe": "link"
|
|
189
189
|
},
|
|
190
190
|
"integrity": {
|
|
191
|
-
"source": "
|
|
192
|
-
"preview": "
|
|
191
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
192
|
+
"preview": "e6b691e2efa263d4aaa485ca9a9a50e8d598bdbbb82c4bfe7f82e2877a7714a2"
|
|
193
193
|
}
|
|
194
194
|
},
|
|
195
195
|
{
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
"description": "Mortar action panel: a titled card with an explanation and one decisive action, with a danger tone for destructive settings.",
|
|
200
200
|
"stack": "react-tailwind",
|
|
201
201
|
"package": "@tonycodes-ui/mortar",
|
|
202
|
-
"version": "0.
|
|
202
|
+
"version": "0.13.0",
|
|
203
203
|
"export": "ActionPanel",
|
|
204
204
|
"source": "src/application.tsx",
|
|
205
205
|
"capabilities": ["theme", "application", "action"],
|
|
@@ -270,8 +270,8 @@
|
|
|
270
270
|
"states": []
|
|
271
271
|
},
|
|
272
272
|
"integrity": {
|
|
273
|
-
"source": "
|
|
274
|
-
"preview": "
|
|
273
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
274
|
+
"preview": "11bb1f3285026c2cc6c3c8622dba3375ec597d4c56794c123eef979f59437734"
|
|
275
275
|
}
|
|
276
276
|
},
|
|
277
277
|
{
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
"description": "Mortar application activity feed, using central semantic tokens.",
|
|
282
282
|
"stack": "react-tailwind",
|
|
283
283
|
"package": "@tonycodes-ui/mortar",
|
|
284
|
-
"version": "0.
|
|
284
|
+
"version": "0.13.0",
|
|
285
285
|
"export": "ActivityFeed",
|
|
286
286
|
"source": "src/application.tsx",
|
|
287
287
|
"capabilities": ["theme", "application", "status", "responsive"],
|
|
@@ -325,8 +325,8 @@
|
|
|
325
325
|
"states": []
|
|
326
326
|
},
|
|
327
327
|
"integrity": {
|
|
328
|
-
"source": "
|
|
329
|
-
"preview": "
|
|
328
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
329
|
+
"preview": "a131eec56347e8b3bfbf40a2c996ebb401c9fa4ebecf557a35bead115bde6c65"
|
|
330
330
|
}
|
|
331
331
|
},
|
|
332
332
|
{
|
|
@@ -336,7 +336,7 @@
|
|
|
336
336
|
"description": "Mortar documentation api endpoint, using central semantic tokens.",
|
|
337
337
|
"stack": "react-tailwind",
|
|
338
338
|
"package": "@tonycodes-ui/mortar",
|
|
339
|
-
"version": "0.
|
|
339
|
+
"version": "0.13.0",
|
|
340
340
|
"export": "ApiEndpoint",
|
|
341
341
|
"source": "src/docs.tsx",
|
|
342
342
|
"capabilities": ["theme", "docs", "responsive"],
|
|
@@ -417,8 +417,8 @@
|
|
|
417
417
|
"states": []
|
|
418
418
|
},
|
|
419
419
|
"integrity": {
|
|
420
|
-
"source": "
|
|
421
|
-
"preview": "
|
|
420
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
421
|
+
"preview": "17c0393e6c7b7245d258c7e6e15402b6b067f680e59a2e0c1672752f52c61631"
|
|
422
422
|
}
|
|
423
423
|
},
|
|
424
424
|
{
|
|
@@ -428,7 +428,7 @@
|
|
|
428
428
|
"description": "Mortar application app shell, using central semantic tokens. An optional aside adds a secondary column (multi-column layout).",
|
|
429
429
|
"stack": "react-tailwind",
|
|
430
430
|
"package": "@tonycodes-ui/mortar",
|
|
431
|
-
"version": "0.
|
|
431
|
+
"version": "0.13.0",
|
|
432
432
|
"export": "AppShell",
|
|
433
433
|
"source": "src/application.tsx",
|
|
434
434
|
"capabilities": ["theme", "application", "keyboard", "responsive"],
|
|
@@ -525,8 +525,8 @@
|
|
|
525
525
|
"probe": "navigation"
|
|
526
526
|
},
|
|
527
527
|
"integrity": {
|
|
528
|
-
"source": "
|
|
529
|
-
"preview": "
|
|
528
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
529
|
+
"preview": "8c308a423ec0d091693a670ee03c1433c0c0b57a8658bdb71b4944e0ad134378"
|
|
530
530
|
}
|
|
531
531
|
},
|
|
532
532
|
{
|
|
@@ -536,7 +536,7 @@
|
|
|
536
536
|
"description": "Mortar foundation appearance control, using central semantic tokens.",
|
|
537
537
|
"stack": "react-tailwind",
|
|
538
538
|
"package": "@tonycodes-ui/mortar",
|
|
539
|
-
"version": "0.
|
|
539
|
+
"version": "0.13.0",
|
|
540
540
|
"export": "AppearanceControl",
|
|
541
541
|
"source": "src/foundation.tsx",
|
|
542
542
|
"capabilities": ["theme", "foundation", "keyboard"],
|
|
@@ -581,8 +581,8 @@
|
|
|
581
581
|
"probe": "appearance"
|
|
582
582
|
},
|
|
583
583
|
"integrity": {
|
|
584
|
-
"source": "
|
|
585
|
-
"preview": "
|
|
584
|
+
"source": "80bc14cb2c24c549f278863c6b964b375c915aa203a524a723abbd776d58b65a",
|
|
585
|
+
"preview": "85b700464511015314965ac6138cad834b54770d485b52ff205390bce2832c93"
|
|
586
586
|
}
|
|
587
587
|
},
|
|
588
588
|
{
|
|
@@ -592,7 +592,7 @@
|
|
|
592
592
|
"description": "Mortar attachment list: files attached to a record, each with an icon, name, size and a download link named after the file.",
|
|
593
593
|
"stack": "react-tailwind",
|
|
594
594
|
"package": "@tonycodes-ui/mortar",
|
|
595
|
-
"version": "0.
|
|
595
|
+
"version": "0.13.0",
|
|
596
596
|
"export": "AttachmentList",
|
|
597
597
|
"source": "src/display.tsx",
|
|
598
598
|
"capabilities": ["theme", "application"],
|
|
@@ -637,8 +637,8 @@
|
|
|
637
637
|
"states": []
|
|
638
638
|
},
|
|
639
639
|
"integrity": {
|
|
640
|
-
"source": "
|
|
641
|
-
"preview": "
|
|
640
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
641
|
+
"preview": "92afb5f3527dbd1943902c182fd9fd5ae84d40b0a5f7921aa324f5262290319d"
|
|
642
642
|
}
|
|
643
643
|
},
|
|
644
644
|
{
|
|
@@ -648,7 +648,7 @@
|
|
|
648
648
|
"description": "Mortar auth page shell for sign-in, sign-up, password reset, verification and two-factor screens: logo, h1, description, the form and a footer link, centred, on a card or split beside an image or testimonial.",
|
|
649
649
|
"stack": "react-tailwind",
|
|
650
650
|
"package": "@tonycodes-ui/mortar",
|
|
651
|
-
"version": "0.
|
|
651
|
+
"version": "0.13.0",
|
|
652
652
|
"export": "AuthLayout",
|
|
653
653
|
"source": "src/auth.tsx",
|
|
654
654
|
"capabilities": ["theme", "application", "form", "responsive"],
|
|
@@ -729,8 +729,8 @@
|
|
|
729
729
|
"states": []
|
|
730
730
|
},
|
|
731
731
|
"integrity": {
|
|
732
|
-
"source": "
|
|
733
|
-
"preview": "
|
|
732
|
+
"source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
|
|
733
|
+
"preview": "4b4d74699885252f6ff59084d9698aaaf1a55e051ef29b4fd1a48381f9aa650a"
|
|
734
734
|
}
|
|
735
735
|
},
|
|
736
736
|
{
|
|
@@ -740,7 +740,7 @@
|
|
|
740
740
|
"description": "Mortar foundation avatar group, using central semantic tokens.",
|
|
741
741
|
"stack": "react-tailwind",
|
|
742
742
|
"package": "@tonycodes-ui/mortar",
|
|
743
|
-
"version": "0.
|
|
743
|
+
"version": "0.13.0",
|
|
744
744
|
"export": "AvatarGroup",
|
|
745
745
|
"source": "src/display.tsx",
|
|
746
746
|
"capabilities": ["theme", "foundation"],
|
|
@@ -790,8 +790,8 @@
|
|
|
790
790
|
"states": []
|
|
791
791
|
},
|
|
792
792
|
"integrity": {
|
|
793
|
-
"source": "
|
|
794
|
-
"preview": "
|
|
793
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
794
|
+
"preview": "202201c8a09d6ae944647773577e383e1be32fd26d60f0df38bdd4e09b40014f"
|
|
795
795
|
}
|
|
796
796
|
},
|
|
797
797
|
{
|
|
@@ -801,7 +801,7 @@
|
|
|
801
801
|
"description": "Mortar foundation avatar, using central semantic tokens.",
|
|
802
802
|
"stack": "react-tailwind",
|
|
803
803
|
"package": "@tonycodes-ui/mortar",
|
|
804
|
-
"version": "0.
|
|
804
|
+
"version": "0.13.0",
|
|
805
805
|
"export": "Avatar",
|
|
806
806
|
"source": "src/display.tsx",
|
|
807
807
|
"capabilities": ["theme", "foundation"],
|
|
@@ -880,8 +880,8 @@
|
|
|
880
880
|
"states": []
|
|
881
881
|
},
|
|
882
882
|
"integrity": {
|
|
883
|
-
"source": "
|
|
884
|
-
"preview": "
|
|
883
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
884
|
+
"preview": "aeedc5158e66d7a6667a351a9c3c43e0494af01ed1409ff6e34c71bef3a174ae"
|
|
885
885
|
}
|
|
886
886
|
},
|
|
887
887
|
{
|
|
@@ -891,7 +891,7 @@
|
|
|
891
891
|
"description": "Mortar foundation badge, using central semantic tokens.",
|
|
892
892
|
"stack": "react-tailwind",
|
|
893
893
|
"package": "@tonycodes-ui/mortar",
|
|
894
|
-
"version": "0.
|
|
894
|
+
"version": "0.13.0",
|
|
895
895
|
"export": "Badge",
|
|
896
896
|
"source": "src/primitives.tsx",
|
|
897
897
|
"capabilities": ["theme", "foundation", "status"],
|
|
@@ -936,8 +936,8 @@
|
|
|
936
936
|
"states": []
|
|
937
937
|
},
|
|
938
938
|
"integrity": {
|
|
939
|
-
"source": "
|
|
940
|
-
"preview": "
|
|
939
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
940
|
+
"preview": "e2a911fdfba97c61230bcf6c52fcbd964362ff755e687df184c2b646205fdb05"
|
|
941
941
|
}
|
|
942
942
|
},
|
|
943
943
|
{
|
|
@@ -947,7 +947,7 @@
|
|
|
947
947
|
"description": "Mortar banner: a site-wide announcement bar with an optional link and dismiss button, in the inverse or default tone.",
|
|
948
948
|
"stack": "react-tailwind",
|
|
949
949
|
"package": "@tonycodes-ui/mortar",
|
|
950
|
-
"version": "0.
|
|
950
|
+
"version": "0.13.0",
|
|
951
951
|
"export": "Banner",
|
|
952
952
|
"source": "src/feedback.tsx",
|
|
953
953
|
"capabilities": ["theme", "marketing", "keyboard"],
|
|
@@ -1032,8 +1032,8 @@
|
|
|
1032
1032
|
"states": []
|
|
1033
1033
|
},
|
|
1034
1034
|
"integrity": {
|
|
1035
|
-
"source": "
|
|
1036
|
-
"preview": "
|
|
1035
|
+
"source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
|
|
1036
|
+
"preview": "59b8590a5c03a7ace438ad9e403bc63105ec94b16378f8e85df512b59e32d6bb"
|
|
1037
1037
|
}
|
|
1038
1038
|
},
|
|
1039
1039
|
{
|
|
@@ -1043,7 +1043,7 @@
|
|
|
1043
1043
|
"description": "Mortar marketing bento grid, using central semantic tokens.",
|
|
1044
1044
|
"stack": "react-tailwind",
|
|
1045
1045
|
"package": "@tonycodes-ui/mortar",
|
|
1046
|
-
"version": "0.
|
|
1046
|
+
"version": "0.13.0",
|
|
1047
1047
|
"export": "BentoGrid",
|
|
1048
1048
|
"source": "src/marketing-sections.tsx",
|
|
1049
1049
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -1114,8 +1114,8 @@
|
|
|
1114
1114
|
"states": []
|
|
1115
1115
|
},
|
|
1116
1116
|
"integrity": {
|
|
1117
|
-
"source": "
|
|
1118
|
-
"preview": "
|
|
1117
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
1118
|
+
"preview": "459e66148c38548690db6e702fb59e399ad9a0cb8650e60b1edabd44a652fe16"
|
|
1119
1119
|
}
|
|
1120
1120
|
},
|
|
1121
1121
|
{
|
|
@@ -1125,7 +1125,7 @@
|
|
|
1125
1125
|
"description": "Mortar breadcrumbs: a trail to the current page with slash or chevron separators. PageHeading composes the same component.",
|
|
1126
1126
|
"stack": "react-tailwind",
|
|
1127
1127
|
"package": "@tonycodes-ui/mortar",
|
|
1128
|
-
"version": "0.
|
|
1128
|
+
"version": "0.13.0",
|
|
1129
1129
|
"export": "Breadcrumbs",
|
|
1130
1130
|
"source": "src/application.tsx",
|
|
1131
1131
|
"capabilities": ["theme", "application", "navigation"],
|
|
@@ -1176,8 +1176,8 @@
|
|
|
1176
1176
|
"states": []
|
|
1177
1177
|
},
|
|
1178
1178
|
"integrity": {
|
|
1179
|
-
"source": "
|
|
1180
|
-
"preview": "
|
|
1179
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
1180
|
+
"preview": "e4655157f80f4c5f5850df2e59f2834ab25d2c32dc9f60b20775748b0552a7a1"
|
|
1181
1181
|
}
|
|
1182
1182
|
},
|
|
1183
1183
|
{
|
|
@@ -1187,7 +1187,7 @@
|
|
|
1187
1187
|
"description": "Mortar button group: a joined row of related actions, with icon-only and link items. Use SegmentedControl to choose a single value.",
|
|
1188
1188
|
"stack": "react-tailwind",
|
|
1189
1189
|
"package": "@tonycodes-ui/mortar",
|
|
1190
|
-
"version": "0.
|
|
1190
|
+
"version": "0.13.0",
|
|
1191
1191
|
"export": "ButtonGroup",
|
|
1192
1192
|
"source": "src/primitives.tsx",
|
|
1193
1193
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
@@ -1232,8 +1232,8 @@
|
|
|
1232
1232
|
"states": []
|
|
1233
1233
|
},
|
|
1234
1234
|
"integrity": {
|
|
1235
|
-
"source": "
|
|
1236
|
-
"preview": "
|
|
1235
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
1236
|
+
"preview": "4c55803079167f8210341695845e6944310aed859cf5c112b5987ad59ef6a4e4"
|
|
1237
1237
|
}
|
|
1238
1238
|
},
|
|
1239
1239
|
{
|
|
@@ -1243,7 +1243,7 @@
|
|
|
1243
1243
|
"description": "Mortar foundation button, using central semantic tokens.",
|
|
1244
1244
|
"stack": "react-tailwind",
|
|
1245
1245
|
"package": "@tonycodes-ui/mortar",
|
|
1246
|
-
"version": "0.
|
|
1246
|
+
"version": "0.13.0",
|
|
1247
1247
|
"export": "Button",
|
|
1248
1248
|
"source": "src/primitives.tsx",
|
|
1249
1249
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
@@ -1301,7 +1301,13 @@
|
|
|
1301
1301
|
"usage": "Import { Button } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
1302
1302
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
1303
1303
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
1304
|
-
"dependencies": []
|
|
1304
|
+
"dependencies": [],
|
|
1305
|
+
"replaces": [
|
|
1306
|
+
"button",
|
|
1307
|
+
"input[type=submit]",
|
|
1308
|
+
"input[type=button]",
|
|
1309
|
+
"input[type=reset]"
|
|
1310
|
+
]
|
|
1305
1311
|
},
|
|
1306
1312
|
"preview": {
|
|
1307
1313
|
"source": "previews/ButtonPreview.tsx"
|
|
@@ -1313,8 +1319,8 @@
|
|
|
1313
1319
|
"probe": "button"
|
|
1314
1320
|
},
|
|
1315
1321
|
"integrity": {
|
|
1316
|
-
"source": "
|
|
1317
|
-
"preview": "
|
|
1322
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
1323
|
+
"preview": "376432f50af35a9a5080ccc79e34ca3f6b562fa8149c5268c4427ad7c882cbe7"
|
|
1318
1324
|
}
|
|
1319
1325
|
},
|
|
1320
1326
|
{
|
|
@@ -1324,7 +1330,7 @@
|
|
|
1324
1330
|
"description": "Mortar calendar: one current date shared by a month grid with keyboard navigation, a twelve-month year view with one roving tab stop, and week and day time grids where timed events sit on an hour scale and collapse to an agenda when narrow. An opt-in month agenda lists the selected day's meetings beside the month (below it when narrow). Dates are YYYY-MM-DD strings handled in UTC.",
|
|
1325
1331
|
"stack": "react-tailwind",
|
|
1326
1332
|
"package": "@tonycodes-ui/mortar",
|
|
1327
|
-
"version": "0.
|
|
1333
|
+
"version": "0.13.0",
|
|
1328
1334
|
"export": "Calendar",
|
|
1329
1335
|
"source": "src/calendar.tsx",
|
|
1330
1336
|
"capabilities": ["theme", "application", "keyboard", "responsive"],
|
|
@@ -1469,8 +1475,8 @@
|
|
|
1469
1475
|
"states": []
|
|
1470
1476
|
},
|
|
1471
1477
|
"integrity": {
|
|
1472
|
-
"source": "
|
|
1473
|
-
"preview": "
|
|
1478
|
+
"source": "92d9fda343b8291de4536d325c66afb67eaf1101b793dfa61df5d86546e83849",
|
|
1479
|
+
"preview": "ff5e407f78b927170e754f5f25453b28e06d5be3b38c0e1246b13f24eab74937"
|
|
1474
1480
|
}
|
|
1475
1481
|
},
|
|
1476
1482
|
{
|
|
@@ -1480,7 +1486,7 @@
|
|
|
1480
1486
|
"description": "Mortar marketing call to action, using central semantic tokens.",
|
|
1481
1487
|
"stack": "react-tailwind",
|
|
1482
1488
|
"package": "@tonycodes-ui/mortar",
|
|
1483
|
-
"version": "0.
|
|
1489
|
+
"version": "0.13.0",
|
|
1484
1490
|
"export": "CallToAction",
|
|
1485
1491
|
"source": "src/marketing.tsx",
|
|
1486
1492
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -1551,8 +1557,8 @@
|
|
|
1551
1557
|
"states": ["surface", "inverse"]
|
|
1552
1558
|
},
|
|
1553
1559
|
"integrity": {
|
|
1554
|
-
"source": "
|
|
1555
|
-
"preview": "
|
|
1560
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
1561
|
+
"preview": "779298815f3195f6c04f516a1151c4b646eba953d4676bb19ae2d223cf799bb8"
|
|
1556
1562
|
}
|
|
1557
1563
|
},
|
|
1558
1564
|
{
|
|
@@ -1562,7 +1568,7 @@
|
|
|
1562
1568
|
"description": "Mortar documentation callout, using central semantic tokens.",
|
|
1563
1569
|
"stack": "react-tailwind",
|
|
1564
1570
|
"package": "@tonycodes-ui/mortar",
|
|
1565
|
-
"version": "0.
|
|
1571
|
+
"version": "0.13.0",
|
|
1566
1572
|
"export": "Callout",
|
|
1567
1573
|
"source": "src/docs.tsx",
|
|
1568
1574
|
"capabilities": ["theme", "docs"],
|
|
@@ -1617,8 +1623,8 @@
|
|
|
1617
1623
|
"states": []
|
|
1618
1624
|
},
|
|
1619
1625
|
"integrity": {
|
|
1620
|
-
"source": "
|
|
1621
|
-
"preview": "
|
|
1626
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
1627
|
+
"preview": "09e6f87a90d4060d7fc6d0a194b03fa12401fc0e95a654f37f8bf37ca3c98ed8"
|
|
1622
1628
|
}
|
|
1623
1629
|
},
|
|
1624
1630
|
{
|
|
@@ -1628,7 +1634,7 @@
|
|
|
1628
1634
|
"description": "Mortar card: a bordered surface with optional heading, header actions, footer, compact padding and sunken tone.",
|
|
1629
1635
|
"stack": "react-tailwind",
|
|
1630
1636
|
"package": "@tonycodes-ui/mortar",
|
|
1631
|
-
"version": "0.
|
|
1637
|
+
"version": "0.13.0",
|
|
1632
1638
|
"export": "Card",
|
|
1633
1639
|
"source": "src/layout.tsx",
|
|
1634
1640
|
"capabilities": ["theme", "foundation"],
|
|
@@ -1716,8 +1722,8 @@
|
|
|
1716
1722
|
"states": []
|
|
1717
1723
|
},
|
|
1718
1724
|
"integrity": {
|
|
1719
|
-
"source": "
|
|
1720
|
-
"preview": "
|
|
1725
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
1726
|
+
"preview": "cfab5904c126e6a956c2fb26e3eb3884d07ba3b531478e6a4b0a58509fdbdbdb"
|
|
1721
1727
|
}
|
|
1722
1728
|
},
|
|
1723
1729
|
{
|
|
@@ -1727,7 +1733,7 @@
|
|
|
1727
1733
|
"description": "Mortar static chat conversation for marketing conversational products.",
|
|
1728
1734
|
"stack": "react-tailwind",
|
|
1729
1735
|
"package": "@tonycodes-ui/mortar",
|
|
1730
|
-
"version": "0.
|
|
1736
|
+
"version": "0.13.0",
|
|
1731
1737
|
"export": "ChatPreview",
|
|
1732
1738
|
"source": "src/showcase.tsx",
|
|
1733
1739
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -1805,8 +1811,8 @@
|
|
|
1805
1811
|
"states": []
|
|
1806
1812
|
},
|
|
1807
1813
|
"integrity": {
|
|
1808
|
-
"source": "
|
|
1809
|
-
"preview": "
|
|
1814
|
+
"source": "0c7a141dc7c2e52386ad70c37fe6a009935229da6fb42b6664ef0af7df614918",
|
|
1815
|
+
"preview": "cc5718c9b7ca8cecc7e8fc0dbd7de81fcf75fa7ba410de2c767b60244a7e2245"
|
|
1810
1816
|
}
|
|
1811
1817
|
},
|
|
1812
1818
|
{
|
|
@@ -1816,7 +1822,7 @@
|
|
|
1816
1822
|
"description": "Mortar check-marked list for features and plan inclusions.",
|
|
1817
1823
|
"stack": "react-tailwind",
|
|
1818
1824
|
"package": "@tonycodes-ui/mortar",
|
|
1819
|
-
"version": "0.
|
|
1825
|
+
"version": "0.13.0",
|
|
1820
1826
|
"export": "CheckList",
|
|
1821
1827
|
"source": "src/display.tsx",
|
|
1822
1828
|
"capabilities": ["theme", "foundation"],
|
|
@@ -1872,8 +1878,8 @@
|
|
|
1872
1878
|
"states": []
|
|
1873
1879
|
},
|
|
1874
1880
|
"integrity": {
|
|
1875
|
-
"source": "
|
|
1876
|
-
"preview": "
|
|
1881
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
1882
|
+
"preview": "9e7dc665bc6cfd4cb7be9f6e8fda90790859e2af354f8f7282fb339fcbb8f4da"
|
|
1877
1883
|
}
|
|
1878
1884
|
},
|
|
1879
1885
|
{
|
|
@@ -1883,7 +1889,7 @@
|
|
|
1883
1889
|
"description": "Mortar foundation checkbox, using central semantic tokens.",
|
|
1884
1890
|
"stack": "react-tailwind",
|
|
1885
1891
|
"package": "@tonycodes-ui/mortar",
|
|
1886
|
-
"version": "0.
|
|
1892
|
+
"version": "0.13.0",
|
|
1887
1893
|
"export": "Checkbox",
|
|
1888
1894
|
"source": "src/primitives.tsx",
|
|
1889
1895
|
"capabilities": [
|
|
@@ -1927,7 +1933,8 @@
|
|
|
1927
1933
|
"usage": "Import { Checkbox } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
1928
1934
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
1929
1935
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
1930
|
-
"dependencies": []
|
|
1936
|
+
"dependencies": [],
|
|
1937
|
+
"replaces": ["input[type=checkbox]"]
|
|
1931
1938
|
},
|
|
1932
1939
|
"preview": {
|
|
1933
1940
|
"source": "previews/CheckboxPreview.tsx"
|
|
@@ -1939,8 +1946,8 @@
|
|
|
1939
1946
|
"probe": "checkbox"
|
|
1940
1947
|
},
|
|
1941
1948
|
"integrity": {
|
|
1942
|
-
"source": "
|
|
1943
|
-
"preview": "
|
|
1949
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
1950
|
+
"preview": "8e5d68d5e17d18e94b27ef9de3d3627950aef25dbe148016a3bef0bee2cc3a0b"
|
|
1944
1951
|
}
|
|
1945
1952
|
},
|
|
1946
1953
|
{
|
|
@@ -1950,7 +1957,7 @@
|
|
|
1950
1957
|
"description": "Mortar application code block, using central semantic tokens.",
|
|
1951
1958
|
"stack": "react-tailwind",
|
|
1952
1959
|
"package": "@tonycodes-ui/mortar",
|
|
1953
|
-
"version": "0.
|
|
1960
|
+
"version": "0.13.0",
|
|
1954
1961
|
"export": "CodeBlock",
|
|
1955
1962
|
"source": "src/inspection.tsx",
|
|
1956
1963
|
"capabilities": ["theme", "application"],
|
|
@@ -1995,8 +2002,8 @@
|
|
|
1995
2002
|
"states": []
|
|
1996
2003
|
},
|
|
1997
2004
|
"integrity": {
|
|
1998
|
-
"source": "
|
|
1999
|
-
"preview": "
|
|
2005
|
+
"source": "1f44fa4547028176eb416ad2f3c95022e8eef888c0f9bf2b26d967cf19a94041",
|
|
2006
|
+
"preview": "98653f8819cb8301b2b9972116e7a14c1e4852b12008d6546c2f2e0c3d3e844d"
|
|
2000
2007
|
}
|
|
2001
2008
|
},
|
|
2002
2009
|
{
|
|
@@ -2006,7 +2013,7 @@
|
|
|
2006
2013
|
"description": "Mortar one-time code field for email or phone verification and two-factor sign-in: one input with autocomplete=\"one-time-code\", shown as a cell per character, that accepts typing, paste and SMS or password-manager autofill.",
|
|
2007
2014
|
"stack": "react-tailwind",
|
|
2008
2015
|
"package": "@tonycodes-ui/mortar",
|
|
2009
|
-
"version": "0.
|
|
2016
|
+
"version": "0.13.0",
|
|
2010
2017
|
"export": "CodeInput",
|
|
2011
2018
|
"source": "src/auth.tsx",
|
|
2012
2019
|
"capabilities": [
|
|
@@ -2120,8 +2127,8 @@
|
|
|
2120
2127
|
"probe": "code"
|
|
2121
2128
|
},
|
|
2122
2129
|
"integrity": {
|
|
2123
|
-
"source": "
|
|
2124
|
-
"preview": "
|
|
2130
|
+
"source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
|
|
2131
|
+
"preview": "9686e0dd21c9a22d69eb45b04d9307ef96d584873fcb29931dff23000d3633f1"
|
|
2125
2132
|
}
|
|
2126
2133
|
},
|
|
2127
2134
|
{
|
|
@@ -2131,7 +2138,7 @@
|
|
|
2131
2138
|
"description": "Mortar documentation code tabs, using central semantic tokens.",
|
|
2132
2139
|
"stack": "react-tailwind",
|
|
2133
2140
|
"package": "@tonycodes-ui/mortar",
|
|
2134
|
-
"version": "0.
|
|
2141
|
+
"version": "0.13.0",
|
|
2135
2142
|
"export": "CodeTabs",
|
|
2136
2143
|
"source": "src/docs.tsx",
|
|
2137
2144
|
"capabilities": ["theme", "docs", "keyboard"],
|
|
@@ -2203,8 +2210,8 @@
|
|
|
2203
2210
|
"probe": "code-tabs"
|
|
2204
2211
|
},
|
|
2205
2212
|
"integrity": {
|
|
2206
|
-
"source": "
|
|
2207
|
-
"preview": "
|
|
2213
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
2214
|
+
"preview": "85b10394aa3208c18629faaad82f56a7e44d99285796d850b6ea0a9f7ce19d41"
|
|
2208
2215
|
}
|
|
2209
2216
|
},
|
|
2210
2217
|
{
|
|
@@ -2214,7 +2221,7 @@
|
|
|
2214
2221
|
"description": "Mortar combobox: a searchable single select that filters options by label and announces when nothing matches.",
|
|
2215
2222
|
"stack": "react-tailwind",
|
|
2216
2223
|
"package": "@tonycodes-ui/mortar",
|
|
2217
|
-
"version": "0.
|
|
2224
|
+
"version": "0.13.0",
|
|
2218
2225
|
"export": "Combobox",
|
|
2219
2226
|
"source": "src/choice.tsx",
|
|
2220
2227
|
"capabilities": ["theme", "foundation", "form", "keyboard"],
|
|
@@ -2301,8 +2308,8 @@
|
|
|
2301
2308
|
"states": ["disabled", "error", "long"]
|
|
2302
2309
|
},
|
|
2303
2310
|
"integrity": {
|
|
2304
|
-
"source": "
|
|
2305
|
-
"preview": "
|
|
2311
|
+
"source": "af0a54c7feee07fd1b6a004c4fab0a790d3b7f82439dd3708f2004af76cc1334",
|
|
2312
|
+
"preview": "c85ef9bd02ec24ec5b0cd13da905bb98e893c61d073adabd625f06432f9e522a"
|
|
2306
2313
|
}
|
|
2307
2314
|
},
|
|
2308
2315
|
{
|
|
@@ -2312,7 +2319,7 @@
|
|
|
2312
2319
|
"description": "Mortar application command palette, using central semantic tokens.",
|
|
2313
2320
|
"stack": "react-tailwind",
|
|
2314
2321
|
"package": "@tonycodes-ui/mortar",
|
|
2315
|
-
"version": "0.
|
|
2322
|
+
"version": "0.13.0",
|
|
2316
2323
|
"export": "CommandPalette",
|
|
2317
2324
|
"source": "src/workspace.tsx",
|
|
2318
2325
|
"capabilities": ["theme", "application", "keyboard"],
|
|
@@ -2394,8 +2401,8 @@
|
|
|
2394
2401
|
"probe": "dialog"
|
|
2395
2402
|
},
|
|
2396
2403
|
"integrity": {
|
|
2397
|
-
"source": "
|
|
2398
|
-
"preview": "
|
|
2404
|
+
"source": "1287ffd365b3aeea3b4a400937587fbf50e509de522ba90420fe7d4ca79bb4b4",
|
|
2405
|
+
"preview": "f0d6138bc06be9a17efba82f8688053cc9db98b5b5bcafaf134042838b1da628"
|
|
2399
2406
|
}
|
|
2400
2407
|
},
|
|
2401
2408
|
{
|
|
@@ -2405,7 +2412,7 @@
|
|
|
2405
2412
|
"description": "Mortar comment composer: a labelled textarea in a box with an optional avatar, toolbar, Write/Preview tabs and character count; Ctrl/⌘+Enter submits and empty comments cannot be sent.",
|
|
2406
2413
|
"stack": "react-tailwind",
|
|
2407
2414
|
"package": "@tonycodes-ui/mortar",
|
|
2408
|
-
"version": "0.
|
|
2415
|
+
"version": "0.13.0",
|
|
2409
2416
|
"export": "CommentComposer",
|
|
2410
2417
|
"source": "src/composer.tsx",
|
|
2411
2418
|
"capabilities": ["theme", "application", "form", "keyboard"],
|
|
@@ -2521,8 +2528,8 @@
|
|
|
2521
2528
|
"states": ["error"]
|
|
2522
2529
|
},
|
|
2523
2530
|
"integrity": {
|
|
2524
|
-
"source": "
|
|
2525
|
-
"preview": "
|
|
2531
|
+
"source": "f47a6a618526cc32177095a3945c25bd3844572629cdec40fe48f6d96e8c6411",
|
|
2532
|
+
"preview": "93b19881980a95f9762c852868f180de89495c0aacc3fe77a415e2b4b87a0633"
|
|
2526
2533
|
}
|
|
2527
2534
|
},
|
|
2528
2535
|
{
|
|
@@ -2532,7 +2539,7 @@
|
|
|
2532
2539
|
"description": "Mortar application confirm dialog, using central semantic tokens.",
|
|
2533
2540
|
"stack": "react-tailwind",
|
|
2534
2541
|
"package": "@tonycodes-ui/mortar",
|
|
2535
|
-
"version": "0.
|
|
2542
|
+
"version": "0.13.0",
|
|
2536
2543
|
"export": "ConfirmDialog",
|
|
2537
2544
|
"source": "src/feedback.tsx",
|
|
2538
2545
|
"capabilities": ["theme", "application", "keyboard"],
|
|
@@ -2620,8 +2627,8 @@
|
|
|
2620
2627
|
"probe": "dialog"
|
|
2621
2628
|
},
|
|
2622
2629
|
"integrity": {
|
|
2623
|
-
"source": "
|
|
2624
|
-
"preview": "
|
|
2630
|
+
"source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
|
|
2631
|
+
"preview": "87eb2bfd52fd543338b8a2a50a78960a2cd55e8bdebdc6e470c3a23e2791be48"
|
|
2625
2632
|
}
|
|
2626
2633
|
},
|
|
2627
2634
|
{
|
|
@@ -2631,7 +2638,7 @@
|
|
|
2631
2638
|
"description": "Mortar marketing contact section, using central semantic tokens.",
|
|
2632
2639
|
"stack": "react-tailwind",
|
|
2633
2640
|
"package": "@tonycodes-ui/mortar",
|
|
2634
|
-
"version": "0.
|
|
2641
|
+
"version": "0.13.0",
|
|
2635
2642
|
"export": "ContactSection",
|
|
2636
2643
|
"source": "src/marketing-sections.tsx",
|
|
2637
2644
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -2708,8 +2715,8 @@
|
|
|
2708
2715
|
"states": []
|
|
2709
2716
|
},
|
|
2710
2717
|
"integrity": {
|
|
2711
|
-
"source": "
|
|
2712
|
-
"preview": "
|
|
2718
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
2719
|
+
"preview": "458e03aff1426c5c6f4caaee82c45ee1ff865e38eacfc05c1502ec8ee6d1aea0"
|
|
2713
2720
|
}
|
|
2714
2721
|
},
|
|
2715
2722
|
{
|
|
@@ -2719,7 +2726,7 @@
|
|
|
2719
2726
|
"description": "Mortar page container with shared widths and gutters, replacing max-w/mx-auto/px utilities.",
|
|
2720
2727
|
"stack": "react-tailwind",
|
|
2721
2728
|
"package": "@tonycodes-ui/mortar",
|
|
2722
|
-
"version": "0.
|
|
2729
|
+
"version": "0.13.0",
|
|
2723
2730
|
"export": "Container",
|
|
2724
2731
|
"source": "src/layout.tsx",
|
|
2725
2732
|
"capabilities": ["theme", "foundation", "responsive"],
|
|
@@ -2776,8 +2783,8 @@
|
|
|
2776
2783
|
"states": []
|
|
2777
2784
|
},
|
|
2778
2785
|
"integrity": {
|
|
2779
|
-
"source": "
|
|
2780
|
-
"preview": "
|
|
2786
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
2787
|
+
"preview": "76a565118e718b929c1976e92a620427419c3edbd2c22ada00636d194b4b8726"
|
|
2781
2788
|
}
|
|
2782
2789
|
},
|
|
2783
2790
|
{
|
|
@@ -2787,7 +2794,7 @@
|
|
|
2787
2794
|
"description": "Mortar content section: long-form copy with optional media beside it, e.g. an about-page story.",
|
|
2788
2795
|
"stack": "react-tailwind",
|
|
2789
2796
|
"package": "@tonycodes-ui/mortar",
|
|
2790
|
-
"version": "0.
|
|
2797
|
+
"version": "0.13.0",
|
|
2791
2798
|
"export": "ContentSection",
|
|
2792
2799
|
"source": "src/marketing.tsx",
|
|
2793
2800
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -2884,8 +2891,8 @@
|
|
|
2884
2891
|
"states": []
|
|
2885
2892
|
},
|
|
2886
2893
|
"integrity": {
|
|
2887
|
-
"source": "
|
|
2888
|
-
"preview": "
|
|
2894
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
2895
|
+
"preview": "f46bf069bbccd5d120991d0b6371dc8eef5cb0524441ea8e744dea2df78bb664"
|
|
2889
2896
|
}
|
|
2890
2897
|
},
|
|
2891
2898
|
{
|
|
@@ -2895,7 +2902,7 @@
|
|
|
2895
2902
|
"description": "Mortar application data table, using central semantic tokens.",
|
|
2896
2903
|
"stack": "react-tailwind",
|
|
2897
2904
|
"package": "@tonycodes-ui/mortar",
|
|
2898
|
-
"version": "0.
|
|
2905
|
+
"version": "0.13.0",
|
|
2899
2906
|
"export": "DataTable",
|
|
2900
2907
|
"source": "src/application.tsx",
|
|
2901
2908
|
"capabilities": [
|
|
@@ -2914,7 +2921,7 @@
|
|
|
2914
2921
|
"contract": {
|
|
2915
2922
|
"props": {
|
|
2916
2923
|
"caption": "string",
|
|
2917
|
-
"columns": "{ key: string; label: string; render: (row: T) => ReactNode; align?: start | end; sortable?: boolean; sortValue?: (row: T) => string | number | Date | null; width?: string; truncate?: boolean }[]",
|
|
2924
|
+
"columns": "{ key: string; label: string; render: (row: T) => ReactNode; align?: start | end; sortable?: boolean; sortValue?: (row: T) => string | number | Date | null; width?: string; truncate?: boolean; priority?: high | medium | low; pin?: end }[]",
|
|
2918
2925
|
"rows": "T[] where T extends { id: string }",
|
|
2919
2926
|
"rowLabel": "(row: T) => string",
|
|
2920
2927
|
"selectedIds": "string[] (may include rows on other pages; select all adds or removes only this page's rows)",
|
|
@@ -3036,10 +3043,15 @@
|
|
|
3036
3043
|
"required": false
|
|
3037
3044
|
}
|
|
3038
3045
|
},
|
|
3039
|
-
"usage": "Import { DataTable } from @tonycodes-ui/mortar. Without onSortChange, sortable columns sort rows locally (stable; empty values last). With onSortChange, order rows yourself (e.g. server-side) and pass sort. groupBy renders each group as its own tbody under a full-width header row spanning every column (selection included); groups keep their first-appearance order in rows and sorting applies within each group. Put Pagination in footer.",
|
|
3046
|
+
"usage": "Import { DataTable } from @tonycodes-ui/mortar. Without onSortChange, sortable columns sort rows locally (stable; empty values last). With onSortChange, order rows yourself (e.g. server-side) and pass sort. groupBy renders each group as its own tbody under a full-width header row spanning every column (selection included); groups keep their first-appearance order in rows and sorting applies within each group. Put Pagination in footer. On narrow tables, give secondary columns priority \"medium\" (hidden below 480px of table width) or \"low\" (below 768px); the first column always shows, and truncated columns keep shrinking so the rest fits. Pin a row-actions column with pin: \"end\" so it stays visible while the table scrolls sideways.",
|
|
3040
3047
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
3041
3048
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
3042
|
-
"dependencies": [
|
|
3049
|
+
"dependencies": [
|
|
3050
|
+
"mortar-button",
|
|
3051
|
+
"mortar-empty-state",
|
|
3052
|
+
"mortar-notice"
|
|
3053
|
+
],
|
|
3054
|
+
"replaces": ["table"]
|
|
3043
3055
|
},
|
|
3044
3056
|
"preview": {
|
|
3045
3057
|
"source": "previews/DataTablePreview.tsx"
|
|
@@ -3051,8 +3063,8 @@
|
|
|
3051
3063
|
"probe": "table-sort"
|
|
3052
3064
|
},
|
|
3053
3065
|
"integrity": {
|
|
3054
|
-
"source": "
|
|
3055
|
-
"preview": "
|
|
3066
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
3067
|
+
"preview": "5352164cfd034a6fdc14944e95313ccd0cce1fe5777c31ec621d484dd57a8a2c"
|
|
3056
3068
|
}
|
|
3057
3069
|
},
|
|
3058
3070
|
{
|
|
@@ -3062,7 +3074,7 @@
|
|
|
3062
3074
|
"description": "Mortar description list: label/value pairs for detail screens, in columns when wide and stacked when narrow, with optional row actions and a striped variant. Inside a Card body it drops its outer dividers, so a card with the title shows the list in a card.",
|
|
3063
3075
|
"stack": "react-tailwind",
|
|
3064
3076
|
"package": "@tonycodes-ui/mortar",
|
|
3065
|
-
"version": "0.
|
|
3077
|
+
"version": "0.13.0",
|
|
3066
3078
|
"export": "DescriptionList",
|
|
3067
3079
|
"source": "src/display.tsx",
|
|
3068
3080
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -3134,8 +3146,8 @@
|
|
|
3134
3146
|
"states": ["long"]
|
|
3135
3147
|
},
|
|
3136
3148
|
"integrity": {
|
|
3137
|
-
"source": "
|
|
3138
|
-
"preview": "
|
|
3149
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
3150
|
+
"preview": "08074f93f15d6a1ba0b9764cf84ae4a199e7874874b563bb7adb74054d4d9989"
|
|
3139
3151
|
}
|
|
3140
3152
|
},
|
|
3141
3153
|
{
|
|
@@ -3145,7 +3157,7 @@
|
|
|
3145
3157
|
"description": "Mortar divider: a horizontal rule between groups, optionally labelled (for example \"Or continue with\").",
|
|
3146
3158
|
"stack": "react-tailwind",
|
|
3147
3159
|
"package": "@tonycodes-ui/mortar",
|
|
3148
|
-
"version": "0.
|
|
3160
|
+
"version": "0.13.0",
|
|
3149
3161
|
"export": "Divider",
|
|
3150
3162
|
"source": "src/layout.tsx",
|
|
3151
3163
|
"capabilities": ["theme", "foundation"],
|
|
@@ -3196,8 +3208,8 @@
|
|
|
3196
3208
|
"states": []
|
|
3197
3209
|
},
|
|
3198
3210
|
"integrity": {
|
|
3199
|
-
"source": "
|
|
3200
|
-
"preview": "
|
|
3211
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
3212
|
+
"preview": "c0128a3064618c62a3b0963f3bf94b4acd7387398022935053e2ad5d20c3843e"
|
|
3201
3213
|
}
|
|
3202
3214
|
},
|
|
3203
3215
|
{
|
|
@@ -3207,7 +3219,7 @@
|
|
|
3207
3219
|
"description": "Mortar documentation docs shell, using central semantic tokens.",
|
|
3208
3220
|
"stack": "react-tailwind",
|
|
3209
3221
|
"package": "@tonycodes-ui/mortar",
|
|
3210
|
-
"version": "0.
|
|
3222
|
+
"version": "0.13.0",
|
|
3211
3223
|
"export": "DocsShell",
|
|
3212
3224
|
"source": "src/docs.tsx",
|
|
3213
3225
|
"capabilities": ["theme", "docs", "keyboard", "responsive"],
|
|
@@ -3318,8 +3330,8 @@
|
|
|
3318
3330
|
"probe": "navigation"
|
|
3319
3331
|
},
|
|
3320
3332
|
"integrity": {
|
|
3321
|
-
"source": "
|
|
3322
|
-
"preview": "
|
|
3333
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
3334
|
+
"preview": "f055fe0f6c4efc6c19e828516e77dd6b68823b251dd55b63570852d73276cb94"
|
|
3323
3335
|
}
|
|
3324
3336
|
},
|
|
3325
3337
|
{
|
|
@@ -3329,7 +3341,7 @@
|
|
|
3329
3341
|
"description": "Mortar foundation dropdown, using central semantic tokens.",
|
|
3330
3342
|
"stack": "react-tailwind",
|
|
3331
3343
|
"package": "@tonycodes-ui/mortar",
|
|
3332
|
-
"version": "0.
|
|
3344
|
+
"version": "0.13.0",
|
|
3333
3345
|
"export": "Dropdown",
|
|
3334
3346
|
"source": "src/primitives.tsx",
|
|
3335
3347
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
@@ -3402,8 +3414,8 @@
|
|
|
3402
3414
|
"probe": "menu"
|
|
3403
3415
|
},
|
|
3404
3416
|
"integrity": {
|
|
3405
|
-
"source": "
|
|
3406
|
-
"preview": "
|
|
3417
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
3418
|
+
"preview": "4557f99aa68e89acd494d70922d7e0d35516b61e47349bf8346643731e479dda"
|
|
3407
3419
|
}
|
|
3408
3420
|
},
|
|
3409
3421
|
{
|
|
@@ -3413,7 +3425,7 @@
|
|
|
3413
3425
|
"description": "Mortar foundation empty state, using central semantic tokens.",
|
|
3414
3426
|
"stack": "react-tailwind",
|
|
3415
3427
|
"package": "@tonycodes-ui/mortar",
|
|
3416
|
-
"version": "0.
|
|
3428
|
+
"version": "0.13.0",
|
|
3417
3429
|
"export": "EmptyState",
|
|
3418
3430
|
"source": "src/primitives.tsx",
|
|
3419
3431
|
"capabilities": ["theme", "foundation"],
|
|
@@ -3494,8 +3506,8 @@
|
|
|
3494
3506
|
"states": []
|
|
3495
3507
|
},
|
|
3496
3508
|
"integrity": {
|
|
3497
|
-
"source": "
|
|
3498
|
-
"preview": "
|
|
3509
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
3510
|
+
"preview": "7c6582d36eef8c2a82ff1bb2d36bd5fc36adf2ec3b127db31096ce463cb7fd35"
|
|
3499
3511
|
}
|
|
3500
3512
|
},
|
|
3501
3513
|
{
|
|
@@ -3505,7 +3517,7 @@
|
|
|
3505
3517
|
"description": "Mortar foundation error summary: the problems that stopped a form submitting, each linking to its field.",
|
|
3506
3518
|
"stack": "react-tailwind",
|
|
3507
3519
|
"package": "@tonycodes-ui/mortar",
|
|
3508
|
-
"version": "0.
|
|
3520
|
+
"version": "0.13.0",
|
|
3509
3521
|
"export": "ErrorSummary",
|
|
3510
3522
|
"source": "src/primitives.tsx",
|
|
3511
3523
|
"capabilities": ["theme", "foundation", "validation", "keyboard"],
|
|
@@ -3573,8 +3585,8 @@
|
|
|
3573
3585
|
"probe": "error-summary"
|
|
3574
3586
|
},
|
|
3575
3587
|
"integrity": {
|
|
3576
|
-
"source": "
|
|
3577
|
-
"preview": "
|
|
3588
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
3589
|
+
"preview": "b5b0c6f106d39052e5c0ef0b1ae3f83c1e4e2cdbfc5e00e900c870917b931583"
|
|
3578
3590
|
}
|
|
3579
3591
|
},
|
|
3580
3592
|
{
|
|
@@ -3584,7 +3596,7 @@
|
|
|
3584
3596
|
"description": "Mortar marketing faq, using central semantic tokens.",
|
|
3585
3597
|
"stack": "react-tailwind",
|
|
3586
3598
|
"package": "@tonycodes-ui/mortar",
|
|
3587
|
-
"version": "0.
|
|
3599
|
+
"version": "0.13.0",
|
|
3588
3600
|
"export": "FAQ",
|
|
3589
3601
|
"source": "src/marketing.tsx",
|
|
3590
3602
|
"capabilities": ["theme", "marketing", "keyboard"],
|
|
@@ -3651,8 +3663,8 @@
|
|
|
3651
3663
|
"probe": "faq"
|
|
3652
3664
|
},
|
|
3653
3665
|
"integrity": {
|
|
3654
|
-
"source": "
|
|
3655
|
-
"preview": "
|
|
3666
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
3667
|
+
"preview": "083ccd9dc0b76b3be2a869e8c80ba20e049176889ea266e92264061f308b0d02"
|
|
3656
3668
|
}
|
|
3657
3669
|
},
|
|
3658
3670
|
{
|
|
@@ -3662,7 +3674,7 @@
|
|
|
3662
3674
|
"description": "Mortar marketing feature grid, using central semantic tokens.",
|
|
3663
3675
|
"stack": "react-tailwind",
|
|
3664
3676
|
"package": "@tonycodes-ui/mortar",
|
|
3665
|
-
"version": "0.
|
|
3677
|
+
"version": "0.13.0",
|
|
3666
3678
|
"export": "FeatureGrid",
|
|
3667
3679
|
"source": "src/marketing.tsx",
|
|
3668
3680
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -3744,8 +3756,8 @@
|
|
|
3744
3756
|
"states": []
|
|
3745
3757
|
},
|
|
3746
3758
|
"integrity": {
|
|
3747
|
-
"source": "
|
|
3748
|
-
"preview": "
|
|
3759
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
3760
|
+
"preview": "819c1d155365a9edcecc4b0a53a6adaf7f56fc372028f16d662a8458976f6a14"
|
|
3749
3761
|
}
|
|
3750
3762
|
},
|
|
3751
3763
|
{
|
|
@@ -3755,7 +3767,7 @@
|
|
|
3755
3767
|
"description": "Mortar marketing feature section, using central semantic tokens.",
|
|
3756
3768
|
"stack": "react-tailwind",
|
|
3757
3769
|
"package": "@tonycodes-ui/mortar",
|
|
3758
|
-
"version": "0.
|
|
3770
|
+
"version": "0.13.0",
|
|
3759
3771
|
"export": "FeatureSection",
|
|
3760
3772
|
"source": "src/marketing.tsx",
|
|
3761
3773
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -3849,8 +3861,8 @@
|
|
|
3849
3861
|
"states": []
|
|
3850
3862
|
},
|
|
3851
3863
|
"integrity": {
|
|
3852
|
-
"source": "
|
|
3853
|
-
"preview": "
|
|
3864
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
3865
|
+
"preview": "92e43ea1d77a6b3a5e92e1510b01f31197e9a64da1fa3d419859369ef343836d"
|
|
3854
3866
|
}
|
|
3855
3867
|
},
|
|
3856
3868
|
{
|
|
@@ -3860,7 +3872,7 @@
|
|
|
3860
3872
|
"description": "Mortar fieldset: groups related fields under a legend and description; disabled disables every control inside.",
|
|
3861
3873
|
"stack": "react-tailwind",
|
|
3862
3874
|
"package": "@tonycodes-ui/mortar",
|
|
3863
|
-
"version": "0.
|
|
3875
|
+
"version": "0.13.0",
|
|
3864
3876
|
"export": "Fieldset",
|
|
3865
3877
|
"source": "src/primitives.tsx",
|
|
3866
3878
|
"capabilities": ["theme", "foundation", "form"],
|
|
@@ -3914,8 +3926,8 @@
|
|
|
3914
3926
|
"states": ["disabled"]
|
|
3915
3927
|
},
|
|
3916
3928
|
"integrity": {
|
|
3917
|
-
"source": "
|
|
3918
|
-
"preview": "
|
|
3929
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
3930
|
+
"preview": "ed594501b49b0a5e95e45eb36708c7ab769f1585dc04e20e911c7184ba55b18d"
|
|
3919
3931
|
}
|
|
3920
3932
|
},
|
|
3921
3933
|
{
|
|
@@ -3925,7 +3937,7 @@
|
|
|
3925
3937
|
"description": "Mortar documentation file tree, using central semantic tokens.",
|
|
3926
3938
|
"stack": "react-tailwind",
|
|
3927
3939
|
"package": "@tonycodes-ui/mortar",
|
|
3928
|
-
"version": "0.
|
|
3940
|
+
"version": "0.13.0",
|
|
3929
3941
|
"export": "FileTree",
|
|
3930
3942
|
"source": "src/docs.tsx",
|
|
3931
3943
|
"capabilities": ["theme", "docs"],
|
|
@@ -3974,8 +3986,8 @@
|
|
|
3974
3986
|
"states": []
|
|
3975
3987
|
},
|
|
3976
3988
|
"integrity": {
|
|
3977
|
-
"source": "
|
|
3978
|
-
"preview": "
|
|
3989
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
3990
|
+
"preview": "626be0c4fb18fe80906b1782f511418acef8d5300e6e5dd1552936c8f34d80d1"
|
|
3979
3991
|
}
|
|
3980
3992
|
},
|
|
3981
3993
|
{
|
|
@@ -3985,7 +3997,7 @@
|
|
|
3985
3997
|
"description": "Mortar foundation filter chip, using central semantic tokens.",
|
|
3986
3998
|
"stack": "react-tailwind",
|
|
3987
3999
|
"package": "@tonycodes-ui/mortar",
|
|
3988
|
-
"version": "0.
|
|
4000
|
+
"version": "0.13.0",
|
|
3989
4001
|
"export": "FilterChip",
|
|
3990
4002
|
"source": "src/display.tsx",
|
|
3991
4003
|
"capabilities": ["theme", "foundation", "keyboard"],
|
|
@@ -4041,8 +4053,8 @@
|
|
|
4041
4053
|
"probe": "chip"
|
|
4042
4054
|
},
|
|
4043
4055
|
"integrity": {
|
|
4044
|
-
"source": "
|
|
4045
|
-
"preview": "
|
|
4056
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
4057
|
+
"preview": "2416ecf4ee76f6708080cc099daaa79bdce44ff736277ec4f609894a3a4793a2"
|
|
4046
4058
|
}
|
|
4047
4059
|
},
|
|
4048
4060
|
{
|
|
@@ -4052,7 +4064,7 @@
|
|
|
4052
4064
|
"description": "Mortar marketing footer, using central semantic tokens.",
|
|
4053
4065
|
"stack": "react-tailwind",
|
|
4054
4066
|
"package": "@tonycodes-ui/mortar",
|
|
4055
|
-
"version": "0.
|
|
4067
|
+
"version": "0.13.0",
|
|
4056
4068
|
"export": "Footer",
|
|
4057
4069
|
"source": "src/marketing.tsx",
|
|
4058
4070
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -4151,8 +4163,8 @@
|
|
|
4151
4163
|
"states": ["heading-3"]
|
|
4152
4164
|
},
|
|
4153
4165
|
"integrity": {
|
|
4154
|
-
"source": "
|
|
4155
|
-
"preview": "
|
|
4166
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
4167
|
+
"preview": "c0bb5503836baf43abe0476a1e03fc2e249edb210da06c32e785605ad309a7e9"
|
|
4156
4168
|
}
|
|
4157
4169
|
},
|
|
4158
4170
|
{
|
|
@@ -4162,7 +4174,7 @@
|
|
|
4162
4174
|
"description": "Mortar grid list: a responsive grid of cards for people, projects, clients or files, with avatar or cover media, metadata, term/value details and actions (inline or split into equal cells with shared borders); a linked title makes the whole card clickable.",
|
|
4163
4175
|
"stack": "react-tailwind",
|
|
4164
4176
|
"package": "@tonycodes-ui/mortar",
|
|
4165
|
-
"version": "0.
|
|
4177
|
+
"version": "0.13.0",
|
|
4166
4178
|
"export": "GridList",
|
|
4167
4179
|
"source": "src/display.tsx",
|
|
4168
4180
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -4224,8 +4236,8 @@
|
|
|
4224
4236
|
"states": []
|
|
4225
4237
|
},
|
|
4226
4238
|
"integrity": {
|
|
4227
|
-
"source": "
|
|
4228
|
-
"preview": "
|
|
4239
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
4240
|
+
"preview": "a87de1926f732e9de2a785538532e12d6030598a8e0b1c624ab5c1336bb1075c"
|
|
4229
4241
|
}
|
|
4230
4242
|
},
|
|
4231
4243
|
{
|
|
@@ -4235,7 +4247,7 @@
|
|
|
4235
4247
|
"description": "Mortar header section: an intro band for inner pages with eyebrow, h1 title, description, inline links and stats, in default, muted or inverse tone.",
|
|
4236
4248
|
"stack": "react-tailwind",
|
|
4237
4249
|
"package": "@tonycodes-ui/mortar",
|
|
4238
|
-
"version": "0.
|
|
4250
|
+
"version": "0.13.0",
|
|
4239
4251
|
"export": "HeaderSection",
|
|
4240
4252
|
"source": "src/marketing.tsx",
|
|
4241
4253
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -4319,8 +4331,8 @@
|
|
|
4319
4331
|
"states": []
|
|
4320
4332
|
},
|
|
4321
4333
|
"integrity": {
|
|
4322
|
-
"source": "
|
|
4323
|
-
"preview": "
|
|
4334
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
4335
|
+
"preview": "8ef19701fc8fc500d53bae39ba05c556123a618279ea92a7796fb064ded304c1"
|
|
4324
4336
|
}
|
|
4325
4337
|
},
|
|
4326
4338
|
{
|
|
@@ -4330,7 +4342,7 @@
|
|
|
4330
4342
|
"description": "Mortar marketing hero, using central semantic tokens.",
|
|
4331
4343
|
"stack": "react-tailwind",
|
|
4332
4344
|
"package": "@tonycodes-ui/mortar",
|
|
4333
|
-
"version": "0.
|
|
4345
|
+
"version": "0.13.0",
|
|
4334
4346
|
"export": "Hero",
|
|
4335
4347
|
"source": "src/marketing.tsx",
|
|
4336
4348
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -4439,8 +4451,8 @@
|
|
|
4439
4451
|
"states": []
|
|
4440
4452
|
},
|
|
4441
4453
|
"integrity": {
|
|
4442
|
-
"source": "
|
|
4443
|
-
"preview": "
|
|
4454
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
4455
|
+
"preview": "f31ff123925656df266edb47e83596962bb1bc5dca0e39d30c4b41c255e293e9"
|
|
4444
4456
|
}
|
|
4445
4457
|
},
|
|
4446
4458
|
{
|
|
@@ -4450,7 +4462,7 @@
|
|
|
4450
4462
|
"description": "Mortar foundation input, using central semantic tokens. Supports text prefix/suffix add-ons, decorative leading/trailing icons and an attached action button.",
|
|
4451
4463
|
"stack": "react-tailwind",
|
|
4452
4464
|
"package": "@tonycodes-ui/mortar",
|
|
4453
|
-
"version": "0.
|
|
4465
|
+
"version": "0.13.0",
|
|
4454
4466
|
"export": "Input",
|
|
4455
4467
|
"source": "src/primitives.tsx",
|
|
4456
4468
|
"capabilities": [
|
|
@@ -4519,7 +4531,8 @@
|
|
|
4519
4531
|
"usage": "Import { Input } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
4520
4532
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
4521
4533
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
4522
|
-
"dependencies": []
|
|
4534
|
+
"dependencies": [],
|
|
4535
|
+
"replaces": ["input"]
|
|
4523
4536
|
},
|
|
4524
4537
|
"preview": {
|
|
4525
4538
|
"source": "previews/InputPreview.tsx"
|
|
@@ -4531,8 +4544,8 @@
|
|
|
4531
4544
|
"probe": "input"
|
|
4532
4545
|
},
|
|
4533
4546
|
"integrity": {
|
|
4534
|
-
"source": "
|
|
4535
|
-
"preview": "
|
|
4547
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
4548
|
+
"preview": "8eb748892c8afccd4b71213d9d03365d7ba3a895c40abc4e180c27eb72d999dd"
|
|
4536
4549
|
}
|
|
4537
4550
|
},
|
|
4538
4551
|
{
|
|
@@ -4542,7 +4555,7 @@
|
|
|
4542
4555
|
"description": "Mortar foundation kbd, using central semantic tokens.",
|
|
4543
4556
|
"stack": "react-tailwind",
|
|
4544
4557
|
"package": "@tonycodes-ui/mortar",
|
|
4545
|
-
"version": "0.
|
|
4558
|
+
"version": "0.13.0",
|
|
4546
4559
|
"export": "Kbd",
|
|
4547
4560
|
"source": "src/display.tsx",
|
|
4548
4561
|
"capabilities": ["theme", "foundation"],
|
|
@@ -4581,8 +4594,8 @@
|
|
|
4581
4594
|
"states": []
|
|
4582
4595
|
},
|
|
4583
4596
|
"integrity": {
|
|
4584
|
-
"source": "
|
|
4585
|
-
"preview": "
|
|
4597
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
4598
|
+
"preview": "4371cb21b13ec85dfafb53e9fb28f31515208b7076f5b169447c45aecb09cb93"
|
|
4586
4599
|
}
|
|
4587
4600
|
},
|
|
4588
4601
|
{
|
|
@@ -4592,7 +4605,7 @@
|
|
|
4592
4605
|
"description": "Mortar documentation link cards, using central semantic tokens.",
|
|
4593
4606
|
"stack": "react-tailwind",
|
|
4594
4607
|
"package": "@tonycodes-ui/mortar",
|
|
4595
|
-
"version": "0.
|
|
4608
|
+
"version": "0.13.0",
|
|
4596
4609
|
"export": "LinkCards",
|
|
4597
4610
|
"source": "src/docs.tsx",
|
|
4598
4611
|
"capabilities": ["theme", "docs", "responsive"],
|
|
@@ -4636,8 +4649,8 @@
|
|
|
4636
4649
|
"states": []
|
|
4637
4650
|
},
|
|
4638
4651
|
"integrity": {
|
|
4639
|
-
"source": "
|
|
4640
|
-
"preview": "
|
|
4652
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
4653
|
+
"preview": "a6a3ca0130f7de96293dc665b95a58b49b11285a36cfb92cda1c9a664f510acd"
|
|
4641
4654
|
}
|
|
4642
4655
|
},
|
|
4643
4656
|
{
|
|
@@ -4647,7 +4660,7 @@
|
|
|
4647
4660
|
"description": "Mortar listbox: a styled single select for rich options with avatars, descriptions and disabled items. Use Select for plain native choices.",
|
|
4648
4661
|
"stack": "react-tailwind",
|
|
4649
4662
|
"package": "@tonycodes-ui/mortar",
|
|
4650
|
-
"version": "0.
|
|
4663
|
+
"version": "0.13.0",
|
|
4651
4664
|
"export": "Listbox",
|
|
4652
4665
|
"source": "src/choice.tsx",
|
|
4653
4666
|
"capabilities": ["theme", "foundation", "form", "keyboard"],
|
|
@@ -4729,8 +4742,8 @@
|
|
|
4729
4742
|
"states": ["disabled", "error", "long"]
|
|
4730
4743
|
},
|
|
4731
4744
|
"integrity": {
|
|
4732
|
-
"source": "
|
|
4733
|
-
"preview": "
|
|
4745
|
+
"source": "af0a54c7feee07fd1b6a004c4fab0a790d3b7f82439dd3708f2004af76cc1334",
|
|
4746
|
+
"preview": "c610c52f5bb38c6decb9230af5710c6fe912d8e8a2253e8c0f9ce837fc9474ce"
|
|
4734
4747
|
}
|
|
4735
4748
|
},
|
|
4736
4749
|
{
|
|
@@ -4740,7 +4753,7 @@
|
|
|
4740
4753
|
"description": "Mortar marketing logo cloud, using central semantic tokens.",
|
|
4741
4754
|
"stack": "react-tailwind",
|
|
4742
4755
|
"package": "@tonycodes-ui/mortar",
|
|
4743
|
-
"version": "0.
|
|
4756
|
+
"version": "0.13.0",
|
|
4744
4757
|
"export": "LogoCloud",
|
|
4745
4758
|
"source": "src/marketing.tsx",
|
|
4746
4759
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -4817,8 +4830,8 @@
|
|
|
4817
4830
|
"states": []
|
|
4818
4831
|
},
|
|
4819
4832
|
"integrity": {
|
|
4820
|
-
"source": "
|
|
4821
|
-
"preview": "
|
|
4833
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
4834
|
+
"preview": "7f9feceb022a9ed0720ce3b729182b6cac68619eb5d7af71b4ff845cb8d1cadd"
|
|
4822
4835
|
}
|
|
4823
4836
|
},
|
|
4824
4837
|
{
|
|
@@ -4828,7 +4841,7 @@
|
|
|
4828
4841
|
"description": "Mortar marketing marketing header, using central semantic tokens. Link groups open a flyout panel (Headless UI Popover).",
|
|
4829
4842
|
"stack": "react-tailwind",
|
|
4830
4843
|
"package": "@tonycodes-ui/mortar",
|
|
4831
|
-
"version": "0.
|
|
4844
|
+
"version": "0.13.0",
|
|
4832
4845
|
"export": "MarketingHeader",
|
|
4833
4846
|
"source": "src/marketing.tsx",
|
|
4834
4847
|
"capabilities": ["theme", "marketing", "keyboard", "responsive"],
|
|
@@ -4916,8 +4929,8 @@
|
|
|
4916
4929
|
"probe": "navigation"
|
|
4917
4930
|
},
|
|
4918
4931
|
"integrity": {
|
|
4919
|
-
"source": "
|
|
4920
|
-
"preview": "
|
|
4932
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
4933
|
+
"preview": "09139b310dae68cd445f6d8754f1562a618b150be3bdd3c87ae5a521eebbe733"
|
|
4921
4934
|
}
|
|
4922
4935
|
},
|
|
4923
4936
|
{
|
|
@@ -4927,7 +4940,7 @@
|
|
|
4927
4940
|
"description": "Mortar public page shell: header, a main region that fills the viewport, and footer.",
|
|
4928
4941
|
"stack": "react-tailwind",
|
|
4929
4942
|
"package": "@tonycodes-ui/mortar",
|
|
4930
|
-
"version": "0.
|
|
4943
|
+
"version": "0.13.0",
|
|
4931
4944
|
"export": "MarketingPage",
|
|
4932
4945
|
"source": "src/marketing.tsx",
|
|
4933
4946
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -4987,8 +5000,8 @@
|
|
|
4987
5000
|
"states": []
|
|
4988
5001
|
},
|
|
4989
5002
|
"integrity": {
|
|
4990
|
-
"source": "
|
|
4991
|
-
"preview": "
|
|
5003
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
5004
|
+
"preview": "23a1cc1039ebe0bb90c1664b42db1d9ed88adb7151eed04f58a34d9d83829443"
|
|
4992
5005
|
}
|
|
4993
5006
|
},
|
|
4994
5007
|
{
|
|
@@ -4998,7 +5011,7 @@
|
|
|
4998
5011
|
"description": "Mortar media object: an image, avatar or icon beside text, aligned to the top or centre and optionally reversed.",
|
|
4999
5012
|
"stack": "react-tailwind",
|
|
5000
5013
|
"package": "@tonycodes-ui/mortar",
|
|
5001
|
-
"version": "0.
|
|
5014
|
+
"version": "0.13.0",
|
|
5002
5015
|
"export": "MediaObject",
|
|
5003
5016
|
"source": "src/layout.tsx",
|
|
5004
5017
|
"capabilities": ["theme", "foundation"],
|
|
@@ -5059,8 +5072,8 @@
|
|
|
5059
5072
|
"states": []
|
|
5060
5073
|
},
|
|
5061
5074
|
"integrity": {
|
|
5062
|
-
"source": "
|
|
5063
|
-
"preview": "
|
|
5075
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
5076
|
+
"preview": "6caf09863a979ba7b0c747e250ddc1732094bd35c691369856c9383acb77600d"
|
|
5064
5077
|
}
|
|
5065
5078
|
},
|
|
5066
5079
|
{
|
|
@@ -5070,7 +5083,7 @@
|
|
|
5070
5083
|
"description": "Mortar application metric group with optional icons, previous values and trend arrows; shared borders by default or separate cards, using central semantic tokens.",
|
|
5071
5084
|
"stack": "react-tailwind",
|
|
5072
5085
|
"package": "@tonycodes-ui/mortar",
|
|
5073
|
-
"version": "0.
|
|
5086
|
+
"version": "0.13.0",
|
|
5074
5087
|
"export": "MetricGroup",
|
|
5075
5088
|
"source": "src/application.tsx",
|
|
5076
5089
|
"capabilities": ["theme", "application", "summary"],
|
|
@@ -5120,8 +5133,8 @@
|
|
|
5120
5133
|
"states": []
|
|
5121
5134
|
},
|
|
5122
5135
|
"integrity": {
|
|
5123
|
-
"source": "
|
|
5124
|
-
"preview": "
|
|
5136
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
5137
|
+
"preview": "0dfc671661d542e636cd677f3bb1f6c66de8a64e9dfb6ae8b7af33c77907a223"
|
|
5125
5138
|
}
|
|
5126
5139
|
},
|
|
5127
5140
|
{
|
|
@@ -5131,7 +5144,7 @@
|
|
|
5131
5144
|
"description": "Mortar framed product mock for hero and feature illustrations.",
|
|
5132
5145
|
"stack": "react-tailwind",
|
|
5133
5146
|
"package": "@tonycodes-ui/mortar",
|
|
5134
|
-
"version": "0.
|
|
5147
|
+
"version": "0.13.0",
|
|
5135
5148
|
"export": "MockWindow",
|
|
5136
5149
|
"source": "src/showcase.tsx",
|
|
5137
5150
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -5191,8 +5204,8 @@
|
|
|
5191
5204
|
"states": []
|
|
5192
5205
|
},
|
|
5193
5206
|
"integrity": {
|
|
5194
|
-
"source": "
|
|
5195
|
-
"preview": "
|
|
5207
|
+
"source": "0c7a141dc7c2e52386ad70c37fe6a009935229da6fb42b6664ef0af7df614918",
|
|
5208
|
+
"preview": "985e94225726a114a2782d4d46e8800009ebe783dab4095011f4c6cfa41c2bb2"
|
|
5196
5209
|
}
|
|
5197
5210
|
},
|
|
5198
5211
|
{
|
|
@@ -5202,7 +5215,7 @@
|
|
|
5202
5215
|
"description": "Mortar foundation modal, using central semantic tokens.",
|
|
5203
5216
|
"stack": "react-tailwind",
|
|
5204
5217
|
"package": "@tonycodes-ui/mortar",
|
|
5205
|
-
"version": "0.
|
|
5218
|
+
"version": "0.13.0",
|
|
5206
5219
|
"export": "Modal",
|
|
5207
5220
|
"source": "src/primitives.tsx",
|
|
5208
5221
|
"capabilities": ["theme", "foundation", "keyboard"],
|
|
@@ -5256,7 +5269,8 @@
|
|
|
5256
5269
|
"usage": "Import { Modal } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
5257
5270
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
5258
5271
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
5259
|
-
"dependencies": ["mortar-button"]
|
|
5272
|
+
"dependencies": ["mortar-button"],
|
|
5273
|
+
"replaces": ["dialog"]
|
|
5260
5274
|
},
|
|
5261
5275
|
"preview": {
|
|
5262
5276
|
"source": "previews/ModalPreview.tsx"
|
|
@@ -5268,8 +5282,8 @@
|
|
|
5268
5282
|
"probe": "dialog"
|
|
5269
5283
|
},
|
|
5270
5284
|
"integrity": {
|
|
5271
|
-
"source": "
|
|
5272
|
-
"preview": "
|
|
5285
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
5286
|
+
"preview": "01ab5b5a060ba6934c7c4c3600908532ee48ad5982ccade9ae59826ac0a69332"
|
|
5273
5287
|
}
|
|
5274
5288
|
},
|
|
5275
5289
|
{
|
|
@@ -5279,7 +5293,7 @@
|
|
|
5279
5293
|
"description": "Mortar navbar: horizontal application navigation with brand, current-page indicator and actions, collapsing into a disclosure menu on narrow screens.",
|
|
5280
5294
|
"stack": "react-tailwind",
|
|
5281
5295
|
"package": "@tonycodes-ui/mortar",
|
|
5282
|
-
"version": "0.
|
|
5296
|
+
"version": "0.13.0",
|
|
5283
5297
|
"export": "Navbar",
|
|
5284
5298
|
"source": "src/application.tsx",
|
|
5285
5299
|
"capabilities": [
|
|
@@ -5300,10 +5314,11 @@
|
|
|
5300
5314
|
"brand": "string",
|
|
5301
5315
|
"logo": "ReactNode",
|
|
5302
5316
|
"homeHref": "string",
|
|
5303
|
-
"items": "
|
|
5317
|
+
"items": "NavbarItem[] (LinkItem { label: string; href: string; current?: boolean; count?: number | string; icon?: ReactNode }, or a group { label: string; items: FlyoutItem[] } opens a dropdown panel of links ({ label; href; description?; icon?; current? }); a group holding the current page is marked current, and on narrow screens it opens inside the menu)",
|
|
5304
5318
|
"actions": "ReactNode",
|
|
5305
5319
|
"label": "string",
|
|
5306
|
-
"className": "string"
|
|
5320
|
+
"className": "string",
|
|
5321
|
+
"tone": "\"default\" | \"inverse\" | \"accent\" (default \"default\"; the bar's surface. inverse: the other appearance, through the inverse token remap. accent: the brand's accent fill, its gradient when it defines one, with on-accent links, focus and actions. Dropdown panels keep the page's colours)"
|
|
5307
5322
|
},
|
|
5308
5323
|
"propTypes": {
|
|
5309
5324
|
"actions": {
|
|
@@ -5324,7 +5339,7 @@
|
|
|
5324
5339
|
"default": "\"/\""
|
|
5325
5340
|
},
|
|
5326
5341
|
"items": {
|
|
5327
|
-
"type": "
|
|
5342
|
+
"type": "NavbarItem[]",
|
|
5328
5343
|
"required": true
|
|
5329
5344
|
},
|
|
5330
5345
|
"label": {
|
|
@@ -5335,6 +5350,10 @@
|
|
|
5335
5350
|
"logo": {
|
|
5336
5351
|
"type": "ReactNode",
|
|
5337
5352
|
"required": false
|
|
5353
|
+
},
|
|
5354
|
+
"tone": {
|
|
5355
|
+
"type": "\"accent\" | \"default\" | \"inverse\"",
|
|
5356
|
+
"required": false
|
|
5338
5357
|
}
|
|
5339
5358
|
},
|
|
5340
5359
|
"usage": "Import { Navbar } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
@@ -5349,11 +5368,11 @@
|
|
|
5349
5368
|
"profile": "composite",
|
|
5350
5369
|
"target": ".m-navbar",
|
|
5351
5370
|
"probe": "navbar",
|
|
5352
|
-
"states": []
|
|
5371
|
+
"states": ["inverse"]
|
|
5353
5372
|
},
|
|
5354
5373
|
"integrity": {
|
|
5355
|
-
"source": "
|
|
5356
|
-
"preview": "
|
|
5374
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
5375
|
+
"preview": "1cce43ba4d9e1ce7f5603515f20046c3b7ff95016f88490a4cb273419a079101"
|
|
5357
5376
|
}
|
|
5358
5377
|
},
|
|
5359
5378
|
{
|
|
@@ -5363,7 +5382,7 @@
|
|
|
5363
5382
|
"description": "Mortar network drawing: nodes and connections from data, with optional travelling signals and accessible motion controls.",
|
|
5364
5383
|
"stack": "react-tailwind",
|
|
5365
5384
|
"package": "@tonycodes-ui/mortar",
|
|
5366
|
-
"version": "0.
|
|
5385
|
+
"version": "0.13.0",
|
|
5367
5386
|
"export": "NetworkIllustration",
|
|
5368
5387
|
"source": "src/illustration.tsx",
|
|
5369
5388
|
"capabilities": ["theme", "marketing", "keyboard", "responsive"],
|
|
@@ -5457,8 +5476,8 @@
|
|
|
5457
5476
|
"states": []
|
|
5458
5477
|
},
|
|
5459
5478
|
"integrity": {
|
|
5460
|
-
"source": "
|
|
5461
|
-
"preview": "
|
|
5479
|
+
"source": "0300bdbe2236135bd0523c2a2a71c66507ebf30d010e7905f97157e170f9106f",
|
|
5480
|
+
"preview": "7c62319f79a72ac3e218c154e4b4a05859a71eee19b1ab7a9848813c6c7eaedd"
|
|
5462
5481
|
}
|
|
5463
5482
|
},
|
|
5464
5483
|
{
|
|
@@ -5468,7 +5487,7 @@
|
|
|
5468
5487
|
"description": "Mortar marketing newsletter, using central semantic tokens.",
|
|
5469
5488
|
"stack": "react-tailwind",
|
|
5470
5489
|
"package": "@tonycodes-ui/mortar",
|
|
5471
|
-
"version": "0.
|
|
5490
|
+
"version": "0.13.0",
|
|
5472
5491
|
"export": "Newsletter",
|
|
5473
5492
|
"source": "src/marketing-sections.tsx",
|
|
5474
5493
|
"capabilities": ["theme", "marketing", "keyboard"],
|
|
@@ -5558,8 +5577,8 @@
|
|
|
5558
5577
|
"probe": "newsletter"
|
|
5559
5578
|
},
|
|
5560
5579
|
"integrity": {
|
|
5561
|
-
"source": "
|
|
5562
|
-
"preview": "
|
|
5580
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
5581
|
+
"preview": "bef8b2782f404e23b5227feddea478b680051bfab4ddb5c3a7a483c8cfb5cef4"
|
|
5563
5582
|
}
|
|
5564
5583
|
},
|
|
5565
5584
|
{
|
|
@@ -5569,7 +5588,7 @@
|
|
|
5569
5588
|
"description": "Mortar marketing not found, using central semantic tokens.",
|
|
5570
5589
|
"stack": "react-tailwind",
|
|
5571
5590
|
"package": "@tonycodes-ui/mortar",
|
|
5572
|
-
"version": "0.
|
|
5591
|
+
"version": "0.13.0",
|
|
5573
5592
|
"export": "NotFound",
|
|
5574
5593
|
"source": "src/marketing-sections.tsx",
|
|
5575
5594
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -5645,8 +5664,8 @@
|
|
|
5645
5664
|
"states": []
|
|
5646
5665
|
},
|
|
5647
5666
|
"integrity": {
|
|
5648
|
-
"source": "
|
|
5649
|
-
"preview": "
|
|
5667
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
5668
|
+
"preview": "94e8436b5ce353c23329dcf8cfe21b45f24563344e7abf681d09a5cd69bb41e3"
|
|
5650
5669
|
}
|
|
5651
5670
|
},
|
|
5652
5671
|
{
|
|
@@ -5656,7 +5675,7 @@
|
|
|
5656
5675
|
"description": "Mortar foundation notice, using central semantic tokens.",
|
|
5657
5676
|
"stack": "react-tailwind",
|
|
5658
5677
|
"package": "@tonycodes-ui/mortar",
|
|
5659
|
-
"version": "0.
|
|
5678
|
+
"version": "0.13.0",
|
|
5660
5679
|
"export": "Notice",
|
|
5661
5680
|
"source": "src/primitives.tsx",
|
|
5662
5681
|
"capabilities": ["theme", "foundation", "status", "keyboard"],
|
|
@@ -5733,8 +5752,8 @@
|
|
|
5733
5752
|
"probe": "notice"
|
|
5734
5753
|
},
|
|
5735
5754
|
"integrity": {
|
|
5736
|
-
"source": "
|
|
5737
|
-
"preview": "
|
|
5755
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
5756
|
+
"preview": "53cce1edf3003f176d0c941cbf0c513297485909da5d6a672a14967f151601ec"
|
|
5738
5757
|
}
|
|
5739
5758
|
},
|
|
5740
5759
|
{
|
|
@@ -5744,7 +5763,7 @@
|
|
|
5744
5763
|
"description": "Mortar order history: past orders with number, date, total, status, line items and a View order link, plus optional order-level and per-item quick actions and an optional delivery tracker (ProgressSteps bar: placed, processing, shipped, delivered); empty state when there are none.",
|
|
5745
5764
|
"stack": "react-tailwind",
|
|
5746
5765
|
"package": "@tonycodes-ui/mortar",
|
|
5747
|
-
"version": "0.
|
|
5766
|
+
"version": "0.13.0",
|
|
5748
5767
|
"export": "OrderHistory",
|
|
5749
5768
|
"source": "src/ecommerce.tsx",
|
|
5750
5769
|
"capabilities": ["theme", "ecommerce", "responsive"],
|
|
@@ -5800,8 +5819,8 @@
|
|
|
5800
5819
|
"states": ["empty"]
|
|
5801
5820
|
},
|
|
5802
5821
|
"integrity": {
|
|
5803
|
-
"source": "
|
|
5804
|
-
"preview": "
|
|
5822
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
5823
|
+
"preview": "f2001f863393f076f8abe2755eccd5ce94458a966e6ba124b5dff901b35f8ace"
|
|
5805
5824
|
}
|
|
5806
5825
|
},
|
|
5807
5826
|
{
|
|
@@ -5811,7 +5830,7 @@
|
|
|
5811
5830
|
"description": "Mortar order summary: cost lines with optional hints explaining estimates, a distinguished total and a checkout action.",
|
|
5812
5831
|
"stack": "react-tailwind",
|
|
5813
5832
|
"package": "@tonycodes-ui/mortar",
|
|
5814
|
-
"version": "0.
|
|
5833
|
+
"version": "0.13.0",
|
|
5815
5834
|
"export": "OrderSummary",
|
|
5816
5835
|
"source": "src/ecommerce.tsx",
|
|
5817
5836
|
"capabilities": ["theme", "ecommerce"],
|
|
@@ -5882,8 +5901,8 @@
|
|
|
5882
5901
|
"states": []
|
|
5883
5902
|
},
|
|
5884
5903
|
"integrity": {
|
|
5885
|
-
"source": "
|
|
5886
|
-
"preview": "
|
|
5904
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
5905
|
+
"preview": "da7a1e9f5c0156fe1b96acf20c94223cca85ef65832c91d59bd2eb90f04aa046"
|
|
5887
5906
|
}
|
|
5888
5907
|
},
|
|
5889
5908
|
{
|
|
@@ -5893,7 +5912,7 @@
|
|
|
5893
5912
|
"description": "Mortar documentation page feedback, using central semantic tokens.",
|
|
5894
5913
|
"stack": "react-tailwind",
|
|
5895
5914
|
"package": "@tonycodes-ui/mortar",
|
|
5896
|
-
"version": "0.
|
|
5915
|
+
"version": "0.13.0",
|
|
5897
5916
|
"export": "PageFeedback",
|
|
5898
5917
|
"source": "src/docs.tsx",
|
|
5899
5918
|
"capabilities": ["theme", "docs", "keyboard"],
|
|
@@ -5954,8 +5973,8 @@
|
|
|
5954
5973
|
"probe": "feedback"
|
|
5955
5974
|
},
|
|
5956
5975
|
"integrity": {
|
|
5957
|
-
"source": "
|
|
5958
|
-
"preview": "
|
|
5976
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
5977
|
+
"preview": "18cd1ed011c7682db7241cf5f3fa8e6ec374cf0c6dd477bdf05f45042f7bab9f"
|
|
5959
5978
|
}
|
|
5960
5979
|
},
|
|
5961
5980
|
{
|
|
@@ -5965,7 +5984,7 @@
|
|
|
5965
5984
|
"description": "Mortar application page heading, using central semantic tokens.",
|
|
5966
5985
|
"stack": "react-tailwind",
|
|
5967
5986
|
"package": "@tonycodes-ui/mortar",
|
|
5968
|
-
"version": "0.
|
|
5987
|
+
"version": "0.13.0",
|
|
5969
5988
|
"export": "PageHeading",
|
|
5970
5989
|
"source": "src/application.tsx",
|
|
5971
5990
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -6046,8 +6065,8 @@
|
|
|
6046
6065
|
"states": []
|
|
6047
6066
|
},
|
|
6048
6067
|
"integrity": {
|
|
6049
|
-
"source": "
|
|
6050
|
-
"preview": "
|
|
6068
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
6069
|
+
"preview": "8511699198d74009f18d2ecda64e70a86e8a12ab98e718e3e868148d6db05200"
|
|
6051
6070
|
}
|
|
6052
6071
|
},
|
|
6053
6072
|
{
|
|
@@ -6057,7 +6076,7 @@
|
|
|
6057
6076
|
"description": "Mortar documentation pager links, using central semantic tokens.",
|
|
6058
6077
|
"stack": "react-tailwind",
|
|
6059
6078
|
"package": "@tonycodes-ui/mortar",
|
|
6060
|
-
"version": "0.
|
|
6079
|
+
"version": "0.13.0",
|
|
6061
6080
|
"export": "PagerLinks",
|
|
6062
6081
|
"source": "src/docs.tsx",
|
|
6063
6082
|
"capabilities": ["theme", "docs", "responsive"],
|
|
@@ -6112,8 +6131,8 @@
|
|
|
6112
6131
|
"states": []
|
|
6113
6132
|
},
|
|
6114
6133
|
"integrity": {
|
|
6115
|
-
"source": "
|
|
6116
|
-
"preview": "
|
|
6134
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
6135
|
+
"preview": "3f1859938800a78a4117c0062500f43b667056aa5b9b2c8bdcf30a477f0d0e4c"
|
|
6117
6136
|
}
|
|
6118
6137
|
},
|
|
6119
6138
|
{
|
|
@@ -6123,7 +6142,7 @@
|
|
|
6123
6142
|
"description": "Mortar application pagination, using central semantic tokens.",
|
|
6124
6143
|
"stack": "react-tailwind",
|
|
6125
6144
|
"package": "@tonycodes-ui/mortar",
|
|
6126
|
-
"version": "0.
|
|
6145
|
+
"version": "0.13.0",
|
|
6127
6146
|
"export": "Pagination",
|
|
6128
6147
|
"source": "src/application.tsx",
|
|
6129
6148
|
"capabilities": ["theme", "application", "keyboard"],
|
|
@@ -6190,8 +6209,8 @@
|
|
|
6190
6209
|
"probe": "pagination"
|
|
6191
6210
|
},
|
|
6192
6211
|
"integrity": {
|
|
6193
|
-
"source": "
|
|
6194
|
-
"preview": "
|
|
6212
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
6213
|
+
"preview": "6037a09b251b839986cc6847b86003fdc630f57866bde9e303ef3a4c505a7142"
|
|
6195
6214
|
}
|
|
6196
6215
|
},
|
|
6197
6216
|
{
|
|
@@ -6201,7 +6220,7 @@
|
|
|
6201
6220
|
"description": "Mortar password field for sign-in, sign-up and reset screens: a show/hide toggle that keeps focus, the right autocomplete for current or new passwords, an optional live requirement checklist and a strength meter.",
|
|
6202
6221
|
"stack": "react-tailwind",
|
|
6203
6222
|
"package": "@tonycodes-ui/mortar",
|
|
6204
|
-
"version": "0.
|
|
6223
|
+
"version": "0.13.0",
|
|
6205
6224
|
"export": "PasswordInput",
|
|
6206
6225
|
"source": "src/auth.tsx",
|
|
6207
6226
|
"capabilities": [
|
|
@@ -6267,7 +6286,8 @@
|
|
|
6267
6286
|
"usage": "Import { PasswordInput } from @tonycodes-ui/mortar. Use it for every password field instead of Input type=\"password\". Sign-in: purpose=\"current\" (the default, autocomplete=\"current-password\"). Sign-up and reset: purpose=\"new\" (autocomplete=\"new-password\"), with every rule the server enforces listed in requirements from the start and marked met as the person types; add strength from a real estimator. Pair it with a username or email field that has autocomplete=\"username\" or \"email\" in the same form so password managers save both. For a confirm field, use a second PasswordInput purpose=\"new\" and validate the match on submit. See docs/auth-flows.md.",
|
|
6268
6287
|
"avoid": "Do not block paste, hide password rules until a failed submit, or add your own show/hide button. Do not copy implementations or override central colours.",
|
|
6269
6288
|
"accessibility": "The toggle is a button named \"Show password\" with aria-pressed, controls the field and keeps focus. Requirements are a named list that describes the field, each item ending in \"met\" or \"not met\"; a polite status announces only when every requirement becomes met (or stops being met), not on each keystroke. The strength meter is role=\"meter\" with the label as its value text.",
|
|
6270
|
-
"dependencies": []
|
|
6289
|
+
"dependencies": [],
|
|
6290
|
+
"replaces": ["input[type=password]"]
|
|
6271
6291
|
},
|
|
6272
6292
|
"preview": {
|
|
6273
6293
|
"source": "previews/PasswordInputPreview.tsx"
|
|
@@ -6279,8 +6299,8 @@
|
|
|
6279
6299
|
"probe": "password"
|
|
6280
6300
|
},
|
|
6281
6301
|
"integrity": {
|
|
6282
|
-
"source": "
|
|
6283
|
-
"preview": "
|
|
6302
|
+
"source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
|
|
6303
|
+
"preview": "34d20ea55e9311a91b7251e6d7f2d918e895811497da67c4a6bae9e908d855e2"
|
|
6284
6304
|
}
|
|
6285
6305
|
},
|
|
6286
6306
|
{
|
|
@@ -6290,7 +6310,7 @@
|
|
|
6290
6310
|
"description": "Mortar marketing plan comparison, using central semantic tokens.",
|
|
6291
6311
|
"stack": "react-tailwind",
|
|
6292
6312
|
"package": "@tonycodes-ui/mortar",
|
|
6293
|
-
"version": "0.
|
|
6313
|
+
"version": "0.13.0",
|
|
6294
6314
|
"export": "PlanComparison",
|
|
6295
6315
|
"source": "src/marketing-sections.tsx",
|
|
6296
6316
|
"capabilities": ["theme", "marketing", "keyboard", "responsive"],
|
|
@@ -6360,8 +6380,8 @@
|
|
|
6360
6380
|
"states": []
|
|
6361
6381
|
},
|
|
6362
6382
|
"integrity": {
|
|
6363
|
-
"source": "
|
|
6364
|
-
"preview": "
|
|
6383
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
6384
|
+
"preview": "33f155b502734d576d49be6ca33cf63e239d9c20693812cf25116abdeb9b0753"
|
|
6365
6385
|
}
|
|
6366
6386
|
},
|
|
6367
6387
|
{
|
|
@@ -6371,7 +6391,7 @@
|
|
|
6371
6391
|
"description": "Mortar marketing post list, using central semantic tokens.",
|
|
6372
6392
|
"stack": "react-tailwind",
|
|
6373
6393
|
"package": "@tonycodes-ui/mortar",
|
|
6374
|
-
"version": "0.
|
|
6394
|
+
"version": "0.13.0",
|
|
6375
6395
|
"export": "PostList",
|
|
6376
6396
|
"source": "src/marketing-sections.tsx",
|
|
6377
6397
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -6441,8 +6461,8 @@
|
|
|
6441
6461
|
"states": []
|
|
6442
6462
|
},
|
|
6443
6463
|
"integrity": {
|
|
6444
|
-
"source": "
|
|
6445
|
-
"preview": "
|
|
6464
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
6465
|
+
"preview": "12a44ac18a91c6dd1e748defb32d08131ae4ece82db9c3bdb63cd2215c8398ed"
|
|
6446
6466
|
}
|
|
6447
6467
|
},
|
|
6448
6468
|
{
|
|
@@ -6452,7 +6472,7 @@
|
|
|
6452
6472
|
"description": "Mortar application preview frame, using central semantic tokens.",
|
|
6453
6473
|
"stack": "react-tailwind",
|
|
6454
6474
|
"package": "@tonycodes-ui/mortar",
|
|
6455
|
-
"version": "0.
|
|
6475
|
+
"version": "0.13.0",
|
|
6456
6476
|
"export": "PreviewFrame",
|
|
6457
6477
|
"source": "src/inspection.tsx",
|
|
6458
6478
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -6501,8 +6521,8 @@
|
|
|
6501
6521
|
"states": []
|
|
6502
6522
|
},
|
|
6503
6523
|
"integrity": {
|
|
6504
|
-
"source": "
|
|
6505
|
-
"preview": "
|
|
6524
|
+
"source": "1f44fa4547028176eb416ad2f3c95022e8eef888c0f9bf2b26d967cf19a94041",
|
|
6525
|
+
"preview": "7009e0cb466aa641d62d731a1a34b1e5b1c6b6ce3f854d88cd87165b1f6503b3"
|
|
6506
6526
|
}
|
|
6507
6527
|
},
|
|
6508
6528
|
{
|
|
@@ -6512,7 +6532,7 @@
|
|
|
6512
6532
|
"description": "Mortar marketing pricing, using central semantic tokens.",
|
|
6513
6533
|
"stack": "react-tailwind",
|
|
6514
6534
|
"package": "@tonycodes-ui/mortar",
|
|
6515
|
-
"version": "0.
|
|
6535
|
+
"version": "0.13.0",
|
|
6516
6536
|
"export": "Pricing",
|
|
6517
6537
|
"source": "src/marketing.tsx",
|
|
6518
6538
|
"capabilities": ["theme", "marketing", "keyboard"],
|
|
@@ -6601,8 +6621,8 @@
|
|
|
6601
6621
|
"probe": "pricing"
|
|
6602
6622
|
},
|
|
6603
6623
|
"integrity": {
|
|
6604
|
-
"source": "
|
|
6605
|
-
"preview": "
|
|
6624
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
6625
|
+
"preview": "12977636bc65a59714ea3647e78ae934ecfe767462571819f8737ed1f8295ce8"
|
|
6606
6626
|
}
|
|
6607
6627
|
},
|
|
6608
6628
|
{
|
|
@@ -6612,7 +6632,7 @@
|
|
|
6612
6632
|
"description": "Mortar connected, numbered how-it-works sequence for marketing pages.",
|
|
6613
6633
|
"stack": "react-tailwind",
|
|
6614
6634
|
"package": "@tonycodes-ui/mortar",
|
|
6615
|
-
"version": "0.
|
|
6635
|
+
"version": "0.13.0",
|
|
6616
6636
|
"export": "ProcessSteps",
|
|
6617
6637
|
"source": "src/marketing.tsx",
|
|
6618
6638
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -6683,8 +6703,8 @@
|
|
|
6683
6703
|
"states": []
|
|
6684
6704
|
},
|
|
6685
6705
|
"integrity": {
|
|
6686
|
-
"source": "
|
|
6687
|
-
"preview": "
|
|
6706
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
6707
|
+
"preview": "c4a64015b6959ba64522a5a79f82e64ef1b39ab441d773e639b92590aab1e5ea"
|
|
6688
6708
|
}
|
|
6689
6709
|
},
|
|
6690
6710
|
{
|
|
@@ -6694,7 +6714,7 @@
|
|
|
6694
6714
|
"description": "Mortar product filters: collapsible checkbox facets with counts and removable chips for active filters, with Clear all. Every change calls onChange once with the complete next selection.",
|
|
6695
6715
|
"stack": "react-tailwind",
|
|
6696
6716
|
"package": "@tonycodes-ui/mortar",
|
|
6697
|
-
"version": "0.
|
|
6717
|
+
"version": "0.13.0",
|
|
6698
6718
|
"export": "ProductFilters",
|
|
6699
6719
|
"source": "src/ecommerce.tsx",
|
|
6700
6720
|
"capabilities": ["theme", "ecommerce", "keyboard"],
|
|
@@ -6755,8 +6775,8 @@
|
|
|
6755
6775
|
"states": []
|
|
6756
6776
|
},
|
|
6757
6777
|
"integrity": {
|
|
6758
|
-
"source": "
|
|
6759
|
-
"preview": "
|
|
6778
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
6779
|
+
"preview": "6e24cf67a5f19fcb680558098dc35c062c3ac5be51249fed11d1b34c6cd1839b"
|
|
6760
6780
|
}
|
|
6761
6781
|
},
|
|
6762
6782
|
{
|
|
@@ -6766,7 +6786,7 @@
|
|
|
6766
6786
|
"description": "Mortar product list: a responsive grid of product cards with image, name, variant, price and badge; the name link covers the card. Opt-in cards variant with supporting text, colour swatches (consumer-supplied colours, announced by label) and a per-card action, and an overlay variant that sets the name and price on a panel over the image.",
|
|
6767
6787
|
"stack": "react-tailwind",
|
|
6768
6788
|
"package": "@tonycodes-ui/mortar",
|
|
6769
|
-
"version": "0.
|
|
6789
|
+
"version": "0.13.0",
|
|
6770
6790
|
"export": "ProductList",
|
|
6771
6791
|
"source": "src/ecommerce.tsx",
|
|
6772
6792
|
"capabilities": ["theme", "ecommerce", "responsive"],
|
|
@@ -6833,8 +6853,8 @@
|
|
|
6833
6853
|
"states": []
|
|
6834
6854
|
},
|
|
6835
6855
|
"integrity": {
|
|
6836
|
-
"source": "
|
|
6837
|
-
"preview": "
|
|
6856
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
6857
|
+
"preview": "2a64d3581965b81e68f16f13a4c591dfcad3043b802a46c2742e8a791dc8998d"
|
|
6838
6858
|
}
|
|
6839
6859
|
},
|
|
6840
6860
|
{
|
|
@@ -6844,7 +6864,7 @@
|
|
|
6844
6864
|
"description": "Mortar product overview: gallery with selectable thumbnails (or an opt-in image grid showing every image), price, rating, option pickers (native radios, with colour swatches), add to bag and highlights.",
|
|
6845
6865
|
"stack": "react-tailwind",
|
|
6846
6866
|
"package": "@tonycodes-ui/mortar",
|
|
6847
|
-
"version": "0.
|
|
6867
|
+
"version": "0.13.0",
|
|
6848
6868
|
"export": "ProductOverview",
|
|
6849
6869
|
"source": "src/ecommerce.tsx",
|
|
6850
6870
|
"capabilities": ["theme", "ecommerce", "keyboard", "responsive"],
|
|
@@ -6967,8 +6987,8 @@
|
|
|
6967
6987
|
"states": []
|
|
6968
6988
|
},
|
|
6969
6989
|
"integrity": {
|
|
6970
|
-
"source": "
|
|
6971
|
-
"preview": "
|
|
6990
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
6991
|
+
"preview": "650a1b4d3fb4917fe030fafe54040e062e5afc8d4172875a9552a202742f095e"
|
|
6972
6992
|
}
|
|
6973
6993
|
},
|
|
6974
6994
|
{
|
|
@@ -6978,7 +6998,7 @@
|
|
|
6978
6998
|
"description": "Mortar product quick view: a ProductOverview in a wide Modal with a link to the full product page.",
|
|
6979
6999
|
"stack": "react-tailwind",
|
|
6980
7000
|
"package": "@tonycodes-ui/mortar",
|
|
6981
|
-
"version": "0.
|
|
7001
|
+
"version": "0.13.0",
|
|
6982
7002
|
"export": "ProductQuickView",
|
|
6983
7003
|
"source": "src/ecommerce.tsx",
|
|
6984
7004
|
"capabilities": ["theme", "ecommerce", "keyboard"],
|
|
@@ -7103,8 +7123,8 @@
|
|
|
7103
7123
|
"states": []
|
|
7104
7124
|
},
|
|
7105
7125
|
"integrity": {
|
|
7106
|
-
"source": "
|
|
7107
|
-
"preview": "
|
|
7126
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
7127
|
+
"preview": "fa747e31ab58ee4fe81334e863b003b9d001d34dbf7b525e1132adc2473f4af0"
|
|
7108
7128
|
}
|
|
7109
7129
|
},
|
|
7110
7130
|
{
|
|
@@ -7114,7 +7134,7 @@
|
|
|
7114
7134
|
"description": "Mortar product reviews: average rating, an accessible star distribution and individual reviews, optionally with each reviewer's avatar.",
|
|
7115
7135
|
"stack": "react-tailwind",
|
|
7116
7136
|
"package": "@tonycodes-ui/mortar",
|
|
7117
|
-
"version": "0.
|
|
7137
|
+
"version": "0.13.0",
|
|
7118
7138
|
"export": "ProductReviews",
|
|
7119
7139
|
"source": "src/ecommerce.tsx",
|
|
7120
7140
|
"capabilities": ["theme", "ecommerce", "responsive"],
|
|
@@ -7196,8 +7216,8 @@
|
|
|
7196
7216
|
"states": []
|
|
7197
7217
|
},
|
|
7198
7218
|
"integrity": {
|
|
7199
|
-
"source": "
|
|
7200
|
-
"preview": "
|
|
7219
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
7220
|
+
"preview": "29be019d5cef573ea1a1b43d8ee96ffb66e6e688b5c9abc8ea6e6e595288dfb1"
|
|
7201
7221
|
}
|
|
7202
7222
|
},
|
|
7203
7223
|
{
|
|
@@ -7207,7 +7227,7 @@
|
|
|
7207
7227
|
"description": "Mortar foundation progress bar, using central semantic tokens.",
|
|
7208
7228
|
"stack": "react-tailwind",
|
|
7209
7229
|
"package": "@tonycodes-ui/mortar",
|
|
7210
|
-
"version": "0.
|
|
7230
|
+
"version": "0.13.0",
|
|
7211
7231
|
"export": "ProgressBar",
|
|
7212
7232
|
"source": "src/display.tsx",
|
|
7213
7233
|
"capabilities": ["theme", "foundation"],
|
|
@@ -7256,7 +7276,8 @@
|
|
|
7256
7276
|
"usage": "Import { ProgressBar } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
7257
7277
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
7258
7278
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
7259
|
-
"dependencies": []
|
|
7279
|
+
"dependencies": [],
|
|
7280
|
+
"replaces": ["progress"]
|
|
7260
7281
|
},
|
|
7261
7282
|
"preview": {
|
|
7262
7283
|
"source": "previews/ProgressBarPreview.tsx"
|
|
@@ -7267,8 +7288,8 @@
|
|
|
7267
7288
|
"states": []
|
|
7268
7289
|
},
|
|
7269
7290
|
"integrity": {
|
|
7270
|
-
"source": "
|
|
7271
|
-
"preview": "
|
|
7291
|
+
"source": "73bda30157fc36cfc7b4c04e909b772defe4c64bc352084df262c3c55f59c670",
|
|
7292
|
+
"preview": "929bedb27cfaae2bd028f512a23fd0bb750009a303968628b91093568b886ff7"
|
|
7272
7293
|
}
|
|
7273
7294
|
},
|
|
7274
7295
|
{
|
|
@@ -7278,7 +7299,7 @@
|
|
|
7278
7299
|
"description": "Mortar progress steps: where someone is in a multi-step flow, as numbered bars, circles with descriptions, compact bullets or one filled track (bar) for status such as an order's delivery, with the current step marked for assistive technology. navigation={false} drops the navigation landmark for status-only progress.",
|
|
7279
7300
|
"stack": "react-tailwind",
|
|
7280
7301
|
"package": "@tonycodes-ui/mortar",
|
|
7281
|
-
"version": "0.
|
|
7302
|
+
"version": "0.13.0",
|
|
7282
7303
|
"export": "ProgressSteps",
|
|
7283
7304
|
"source": "src/application.tsx",
|
|
7284
7305
|
"capabilities": ["theme", "application", "navigation"],
|
|
@@ -7335,8 +7356,8 @@
|
|
|
7335
7356
|
"states": []
|
|
7336
7357
|
},
|
|
7337
7358
|
"integrity": {
|
|
7338
|
-
"source": "
|
|
7339
|
-
"preview": "
|
|
7359
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
7360
|
+
"preview": "083cdb2f4e0d9fdc8ab6f0337c9160a08bf7e5fa79887e312301a9ceea39c9a6"
|
|
7340
7361
|
}
|
|
7341
7362
|
},
|
|
7342
7363
|
{
|
|
@@ -7346,7 +7367,7 @@
|
|
|
7346
7367
|
"description": "Mortar documentation prose, using central semantic tokens.",
|
|
7347
7368
|
"stack": "react-tailwind",
|
|
7348
7369
|
"package": "@tonycodes-ui/mortar",
|
|
7349
|
-
"version": "0.
|
|
7370
|
+
"version": "0.13.0",
|
|
7350
7371
|
"export": "Prose",
|
|
7351
7372
|
"source": "src/layout.tsx",
|
|
7352
7373
|
"capabilities": ["theme", "docs"],
|
|
@@ -7385,8 +7406,8 @@
|
|
|
7385
7406
|
"states": []
|
|
7386
7407
|
},
|
|
7387
7408
|
"integrity": {
|
|
7388
|
-
"source": "
|
|
7389
|
-
"preview": "
|
|
7409
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
7410
|
+
"preview": "9de7b2d2a7ae4c10693de02fd61cb57789bfc5265cc2d897d651f1cd31fc8c58"
|
|
7390
7411
|
}
|
|
7391
7412
|
},
|
|
7392
7413
|
{
|
|
@@ -7396,7 +7417,7 @@
|
|
|
7396
7417
|
"description": "Mortar sign-in provider buttons (GitHub, Google, SSO …): one full-width secondary button per provider, stacked or in a grid. Auth SDKs supply the redirects through onSelect.",
|
|
7397
7418
|
"stack": "react-tailwind",
|
|
7398
7419
|
"package": "@tonycodes-ui/mortar",
|
|
7399
|
-
"version": "0.
|
|
7420
|
+
"version": "0.13.0",
|
|
7400
7421
|
"export": "ProviderButtons",
|
|
7401
7422
|
"source": "src/auth.tsx",
|
|
7402
7423
|
"capabilities": ["theme", "application", "action", "keyboard"],
|
|
@@ -7447,8 +7468,8 @@
|
|
|
7447
7468
|
"probe": "providers"
|
|
7448
7469
|
},
|
|
7449
7470
|
"integrity": {
|
|
7450
|
-
"source": "
|
|
7451
|
-
"preview": "
|
|
7471
|
+
"source": "4fcffc29387fcb0b180698355dc58d191618477e25fe8e3a8520f5ce156c54a3",
|
|
7472
|
+
"preview": "f0e7d07b3f117e6c69dcbb705c81ee50a59978b989cc3ff17a5b634e070514b7"
|
|
7452
7473
|
}
|
|
7453
7474
|
},
|
|
7454
7475
|
{
|
|
@@ -7458,7 +7479,7 @@
|
|
|
7458
7479
|
"description": "Mortar foundation radio group, using central semantic tokens.",
|
|
7459
7480
|
"stack": "react-tailwind",
|
|
7460
7481
|
"package": "@tonycodes-ui/mortar",
|
|
7461
|
-
"version": "0.
|
|
7482
|
+
"version": "0.13.0",
|
|
7462
7483
|
"export": "RadioGroup",
|
|
7463
7484
|
"source": "src/primitives.tsx",
|
|
7464
7485
|
"capabilities": [
|
|
@@ -7538,7 +7559,8 @@
|
|
|
7538
7559
|
"usage": "Import { RadioGroup } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
7539
7560
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
7540
7561
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
7541
|
-
"dependencies": []
|
|
7562
|
+
"dependencies": [],
|
|
7563
|
+
"replaces": ["input[type=radio]"]
|
|
7542
7564
|
},
|
|
7543
7565
|
"preview": {
|
|
7544
7566
|
"source": "previews/RadioGroupPreview.tsx"
|
|
@@ -7550,8 +7572,8 @@
|
|
|
7550
7572
|
"probe": "radio"
|
|
7551
7573
|
},
|
|
7552
7574
|
"integrity": {
|
|
7553
|
-
"source": "
|
|
7554
|
-
"preview": "
|
|
7575
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
7576
|
+
"preview": "ccb269df22bf8d712549ac19f6f903bb0ccb0fab156613079a85551e5cbe7db8"
|
|
7555
7577
|
}
|
|
7556
7578
|
},
|
|
7557
7579
|
{
|
|
@@ -7561,7 +7583,7 @@
|
|
|
7561
7583
|
"description": "Mortar documentation release, using central semantic tokens.",
|
|
7562
7584
|
"stack": "react-tailwind",
|
|
7563
7585
|
"package": "@tonycodes-ui/mortar",
|
|
7564
|
-
"version": "0.
|
|
7586
|
+
"version": "0.13.0",
|
|
7565
7587
|
"export": "Release",
|
|
7566
7588
|
"source": "src/docs.tsx",
|
|
7567
7589
|
"capabilities": ["theme", "docs", "responsive"],
|
|
@@ -7626,8 +7648,8 @@
|
|
|
7626
7648
|
"states": []
|
|
7627
7649
|
},
|
|
7628
7650
|
"integrity": {
|
|
7629
|
-
"source": "
|
|
7630
|
-
"preview": "
|
|
7651
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
7652
|
+
"preview": "4dbac5e6f4b5272c69ffa679ab878b5de39f3cb795e045c39202014539d2b228"
|
|
7631
7653
|
}
|
|
7632
7654
|
},
|
|
7633
7655
|
{
|
|
@@ -7637,7 +7659,7 @@
|
|
|
7637
7659
|
"description": "Mortar application save bar, using central semantic tokens.",
|
|
7638
7660
|
"stack": "react-tailwind",
|
|
7639
7661
|
"package": "@tonycodes-ui/mortar",
|
|
7640
|
-
"version": "0.
|
|
7662
|
+
"version": "0.13.0",
|
|
7641
7663
|
"export": "SaveBar",
|
|
7642
7664
|
"source": "src/feedback.tsx",
|
|
7643
7665
|
"capabilities": ["theme", "application", "keyboard"],
|
|
@@ -7716,8 +7738,8 @@
|
|
|
7716
7738
|
"probe": "save"
|
|
7717
7739
|
},
|
|
7718
7740
|
"integrity": {
|
|
7719
|
-
"source": "
|
|
7720
|
-
"preview": "
|
|
7741
|
+
"source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
|
|
7742
|
+
"preview": "bd1eaf924a493825d906fe0eb4d1125ba08bd9229385ca3bab90eb8fad05ad35"
|
|
7721
7743
|
}
|
|
7722
7744
|
},
|
|
7723
7745
|
{
|
|
@@ -7727,7 +7749,7 @@
|
|
|
7727
7749
|
"description": "Mortar documentation search dialog, using central semantic tokens.",
|
|
7728
7750
|
"stack": "react-tailwind",
|
|
7729
7751
|
"package": "@tonycodes-ui/mortar",
|
|
7730
|
-
"version": "0.
|
|
7752
|
+
"version": "0.13.0",
|
|
7731
7753
|
"export": "SearchDialog",
|
|
7732
7754
|
"source": "src/docs.tsx",
|
|
7733
7755
|
"capabilities": ["theme", "docs", "keyboard"],
|
|
@@ -7787,8 +7809,8 @@
|
|
|
7787
7809
|
"probe": "dialog"
|
|
7788
7810
|
},
|
|
7789
7811
|
"integrity": {
|
|
7790
|
-
"source": "
|
|
7791
|
-
"preview": "
|
|
7812
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
7813
|
+
"preview": "a47d0a9f7732c015f4e2e807151341c5baf66ed32998a75612362adec4a53394"
|
|
7792
7814
|
}
|
|
7793
7815
|
},
|
|
7794
7816
|
{
|
|
@@ -7798,7 +7820,7 @@
|
|
|
7798
7820
|
"description": "Mortar documentation search trigger, using central semantic tokens.",
|
|
7799
7821
|
"stack": "react-tailwind",
|
|
7800
7822
|
"package": "@tonycodes-ui/mortar",
|
|
7801
|
-
"version": "0.
|
|
7823
|
+
"version": "0.13.0",
|
|
7802
7824
|
"export": "SearchTrigger",
|
|
7803
7825
|
"source": "src/docs.tsx",
|
|
7804
7826
|
"capabilities": ["theme", "docs", "keyboard"],
|
|
@@ -7844,8 +7866,8 @@
|
|
|
7844
7866
|
"probe": "dialog"
|
|
7845
7867
|
},
|
|
7846
7868
|
"integrity": {
|
|
7847
|
-
"source": "
|
|
7848
|
-
"preview": "
|
|
7869
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
7870
|
+
"preview": "b303a0fdecf2de3325926d274486b98141144c8106cfcad09868125630f1a9d7"
|
|
7849
7871
|
}
|
|
7850
7872
|
},
|
|
7851
7873
|
{
|
|
@@ -7855,7 +7877,7 @@
|
|
|
7855
7877
|
"description": "Mortar section heading: a heading for a section within a page, with description, actions, an optional divider and optional page tabs below that replace the divider.",
|
|
7856
7878
|
"stack": "react-tailwind",
|
|
7857
7879
|
"package": "@tonycodes-ui/mortar",
|
|
7858
|
-
"version": "0.
|
|
7880
|
+
"version": "0.13.0",
|
|
7859
7881
|
"export": "SectionHeading",
|
|
7860
7882
|
"source": "src/layout.tsx",
|
|
7861
7883
|
"capabilities": ["theme", "application"],
|
|
@@ -7926,8 +7948,8 @@
|
|
|
7926
7948
|
"states": []
|
|
7927
7949
|
},
|
|
7928
7950
|
"integrity": {
|
|
7929
|
-
"source": "
|
|
7930
|
-
"preview": "
|
|
7951
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
7952
|
+
"preview": "2b9d3ac87e7bb71d46b4c9b7e321144996c945713b8e6e3651c91eeb9f75465c"
|
|
7931
7953
|
}
|
|
7932
7954
|
},
|
|
7933
7955
|
{
|
|
@@ -7937,7 +7959,7 @@
|
|
|
7937
7959
|
"description": "Mortar full-bleed marketing section with default, muted and inverse tones for page rhythm.",
|
|
7938
7960
|
"stack": "react-tailwind",
|
|
7939
7961
|
"package": "@tonycodes-ui/mortar",
|
|
7940
|
-
"version": "0.
|
|
7962
|
+
"version": "0.13.0",
|
|
7941
7963
|
"export": "Section",
|
|
7942
7964
|
"source": "src/layout.tsx",
|
|
7943
7965
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -8014,8 +8036,8 @@
|
|
|
8014
8036
|
"states": []
|
|
8015
8037
|
},
|
|
8016
8038
|
"integrity": {
|
|
8017
|
-
"source": "
|
|
8018
|
-
"preview": "
|
|
8039
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
8040
|
+
"preview": "7ab10ee756d6f6be2480fc4140e5638a7b8c47223c542cc0c6149d5ad6932530"
|
|
8019
8041
|
}
|
|
8020
8042
|
},
|
|
8021
8043
|
{
|
|
@@ -8025,7 +8047,7 @@
|
|
|
8025
8047
|
"description": "Mortar foundation segmented control, using central semantic tokens.",
|
|
8026
8048
|
"stack": "react-tailwind",
|
|
8027
8049
|
"package": "@tonycodes-ui/mortar",
|
|
8028
|
-
"version": "0.
|
|
8050
|
+
"version": "0.13.0",
|
|
8029
8051
|
"export": "SegmentedControl",
|
|
8030
8052
|
"source": "src/inspection.tsx",
|
|
8031
8053
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
@@ -8080,8 +8102,8 @@
|
|
|
8080
8102
|
"probe": "segmented"
|
|
8081
8103
|
},
|
|
8082
8104
|
"integrity": {
|
|
8083
|
-
"source": "
|
|
8084
|
-
"preview": "
|
|
8105
|
+
"source": "1f44fa4547028176eb416ad2f3c95022e8eef888c0f9bf2b26d967cf19a94041",
|
|
8106
|
+
"preview": "9bb24fd7447a8fef6f22530a79ec5cb77a0ff18d63bbc057c2c1f0d2d02ecc5c"
|
|
8085
8107
|
}
|
|
8086
8108
|
},
|
|
8087
8109
|
{
|
|
@@ -8091,7 +8113,7 @@
|
|
|
8091
8113
|
"description": "Mortar foundation select, using central semantic tokens.",
|
|
8092
8114
|
"stack": "react-tailwind",
|
|
8093
8115
|
"package": "@tonycodes-ui/mortar",
|
|
8094
|
-
"version": "0.
|
|
8116
|
+
"version": "0.13.0",
|
|
8095
8117
|
"export": "Select",
|
|
8096
8118
|
"source": "src/primitives.tsx",
|
|
8097
8119
|
"capabilities": [
|
|
@@ -8140,7 +8162,8 @@
|
|
|
8140
8162
|
"usage": "Import { Select } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
8141
8163
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
8142
8164
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
8143
|
-
"dependencies": []
|
|
8165
|
+
"dependencies": [],
|
|
8166
|
+
"replaces": ["select"]
|
|
8144
8167
|
},
|
|
8145
8168
|
"preview": {
|
|
8146
8169
|
"source": "previews/SelectPreview.tsx"
|
|
@@ -8152,8 +8175,8 @@
|
|
|
8152
8175
|
"probe": "select"
|
|
8153
8176
|
},
|
|
8154
8177
|
"integrity": {
|
|
8155
|
-
"source": "
|
|
8156
|
-
"preview": "
|
|
8178
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
8179
|
+
"preview": "52d899eeda3a5ab34ae8bed6a03d45b4d91e29393df4937828ddba873ca9c400"
|
|
8157
8180
|
}
|
|
8158
8181
|
},
|
|
8159
8182
|
{
|
|
@@ -8163,7 +8186,7 @@
|
|
|
8163
8186
|
"description": "Mortar application settings section, using central semantic tokens.",
|
|
8164
8187
|
"stack": "react-tailwind",
|
|
8165
8188
|
"package": "@tonycodes-ui/mortar",
|
|
8166
|
-
"version": "0.
|
|
8189
|
+
"version": "0.13.0",
|
|
8167
8190
|
"export": "SettingsSection",
|
|
8168
8191
|
"source": "src/application.tsx",
|
|
8169
8192
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -8223,8 +8246,8 @@
|
|
|
8223
8246
|
"states": []
|
|
8224
8247
|
},
|
|
8225
8248
|
"integrity": {
|
|
8226
|
-
"source": "
|
|
8227
|
-
"preview": "
|
|
8249
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
8250
|
+
"preview": "e202cb6d9b6d86e5ad201869fdf5bd7c9da805534b444c2049c71ae48522483a"
|
|
8228
8251
|
}
|
|
8229
8252
|
},
|
|
8230
8253
|
{
|
|
@@ -8234,7 +8257,7 @@
|
|
|
8234
8257
|
"description": "Mortar shopping cart: bag lines with image, options, price, stock, a quantity select and a remove button labelled with the product name; focus moves to the next line after a removal. Shows an empty state when there are no items. Optional summary column (e.g. an OrderSummary with estimates) and related products shown as a ProductList.",
|
|
8235
8258
|
"stack": "react-tailwind",
|
|
8236
8259
|
"package": "@tonycodes-ui/mortar",
|
|
8237
|
-
"version": "0.
|
|
8260
|
+
"version": "0.13.0",
|
|
8238
8261
|
"export": "ShoppingCart",
|
|
8239
8262
|
"source": "src/ecommerce.tsx",
|
|
8240
8263
|
"capabilities": ["theme", "ecommerce", "keyboard"],
|
|
@@ -8319,8 +8342,8 @@
|
|
|
8319
8342
|
"states": ["empty"]
|
|
8320
8343
|
},
|
|
8321
8344
|
"integrity": {
|
|
8322
|
-
"source": "
|
|
8323
|
-
"preview": "
|
|
8345
|
+
"source": "932b9d0a4accb4ffc67acc327a6c80a5c00ce248a664998b4232893b6dbe80a8",
|
|
8346
|
+
"preview": "317317f6fd861e79dcaf4a2425714e6ceede854baca89832c7f6ab9a1723ada1"
|
|
8324
8347
|
}
|
|
8325
8348
|
},
|
|
8326
8349
|
{
|
|
@@ -8330,7 +8353,7 @@
|
|
|
8330
8353
|
"description": "Mortar sidebar: vertical application navigation with brand, icons, counts, grouped sections and a footer slot. AppShell composes the same content.",
|
|
8331
8354
|
"stack": "react-tailwind",
|
|
8332
8355
|
"package": "@tonycodes-ui/mortar",
|
|
8333
|
-
"version": "0.
|
|
8356
|
+
"version": "0.13.0",
|
|
8334
8357
|
"export": "Sidebar",
|
|
8335
8358
|
"source": "src/application.tsx",
|
|
8336
8359
|
"capabilities": ["theme", "application", "navigation", "keyboard"],
|
|
@@ -8405,8 +8428,8 @@
|
|
|
8405
8428
|
"states": []
|
|
8406
8429
|
},
|
|
8407
8430
|
"integrity": {
|
|
8408
|
-
"source": "
|
|
8409
|
-
"preview": "
|
|
8431
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
8432
|
+
"preview": "243fc4e08cba7ed6fb91420667df8c45bcef702f24267d84279dc1519214a09a"
|
|
8410
8433
|
}
|
|
8411
8434
|
},
|
|
8412
8435
|
{
|
|
@@ -8416,7 +8439,7 @@
|
|
|
8416
8439
|
"description": "Mortar sign-in surface with provider buttons and email link form; auth SDKs supply callbacks.",
|
|
8417
8440
|
"stack": "react-tailwind",
|
|
8418
8441
|
"package": "@tonycodes-ui/mortar",
|
|
8419
|
-
"version": "0.
|
|
8442
|
+
"version": "0.13.0",
|
|
8420
8443
|
"export": "SignInPanel",
|
|
8421
8444
|
"source": "src/application.tsx",
|
|
8422
8445
|
"capabilities": ["theme", "application", "action", "keyboard"],
|
|
@@ -8509,8 +8532,8 @@
|
|
|
8509
8532
|
"probe": "sign-in"
|
|
8510
8533
|
},
|
|
8511
8534
|
"integrity": {
|
|
8512
|
-
"source": "
|
|
8513
|
-
"preview": "
|
|
8535
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
8536
|
+
"preview": "bb14aeafd24721f9155117f9a285f3c3946c49ec62bdc78db870285aad19f8cb"
|
|
8514
8537
|
}
|
|
8515
8538
|
},
|
|
8516
8539
|
{
|
|
@@ -8520,7 +8543,7 @@
|
|
|
8520
8543
|
"description": "Mortar application slide over, using central semantic tokens.",
|
|
8521
8544
|
"stack": "react-tailwind",
|
|
8522
8545
|
"package": "@tonycodes-ui/mortar",
|
|
8523
|
-
"version": "0.
|
|
8546
|
+
"version": "0.13.0",
|
|
8524
8547
|
"export": "SlideOver",
|
|
8525
8548
|
"source": "src/workspace.tsx",
|
|
8526
8549
|
"capabilities": ["theme", "application", "keyboard"],
|
|
@@ -8591,8 +8614,8 @@
|
|
|
8591
8614
|
"probe": "dialog"
|
|
8592
8615
|
},
|
|
8593
8616
|
"integrity": {
|
|
8594
|
-
"source": "
|
|
8595
|
-
"preview": "
|
|
8617
|
+
"source": "1287ffd365b3aeea3b4a400937587fbf50e509de522ba90420fe7d4ca79bb4b4",
|
|
8618
|
+
"preview": "d8bae95676790310e1ac4ba34785898546b2b8cc477d006ca4ed51196a30dd0e"
|
|
8596
8619
|
}
|
|
8597
8620
|
},
|
|
8598
8621
|
{
|
|
@@ -8602,7 +8625,7 @@
|
|
|
8602
8625
|
"description": "Mortar layout stack for vertical or horizontal rhythm, replacing consumer flex/gap utilities.",
|
|
8603
8626
|
"stack": "react-tailwind",
|
|
8604
8627
|
"package": "@tonycodes-ui/mortar",
|
|
8605
|
-
"version": "0.
|
|
8628
|
+
"version": "0.13.0",
|
|
8606
8629
|
"export": "Stack",
|
|
8607
8630
|
"source": "src/layout.tsx",
|
|
8608
8631
|
"capabilities": ["theme", "foundation"],
|
|
@@ -8675,8 +8698,8 @@
|
|
|
8675
8698
|
"states": []
|
|
8676
8699
|
},
|
|
8677
8700
|
"integrity": {
|
|
8678
|
-
"source": "
|
|
8679
|
-
"preview": "
|
|
8701
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
8702
|
+
"preview": "dc98d1f00df326fde2601591971680ee8b54f7c42d49839c9e774fb49c71e1c3"
|
|
8680
8703
|
}
|
|
8681
8704
|
},
|
|
8682
8705
|
{
|
|
@@ -8686,7 +8709,7 @@
|
|
|
8686
8709
|
"description": "Mortar application stacked list: rows with optional leading media, a second column of meta at the row end (wrapping under the text when narrow), trailing controls, link rows with optional chevrons, and grouped sections with sticky headings.",
|
|
8687
8710
|
"stack": "react-tailwind",
|
|
8688
8711
|
"package": "@tonycodes-ui/mortar",
|
|
8689
|
-
"version": "0.
|
|
8712
|
+
"version": "0.13.0",
|
|
8690
8713
|
"export": "StackedList",
|
|
8691
8714
|
"source": "src/workspace.tsx",
|
|
8692
8715
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -8764,8 +8787,8 @@
|
|
|
8764
8787
|
"states": []
|
|
8765
8788
|
},
|
|
8766
8789
|
"integrity": {
|
|
8767
|
-
"source": "
|
|
8768
|
-
"preview": "
|
|
8790
|
+
"source": "1287ffd365b3aeea3b4a400937587fbf50e509de522ba90420fe7d4ca79bb4b4",
|
|
8791
|
+
"preview": "e3066ab1932bce523dc31ef6776176a10a022ec2d695c09f6932eafccfe5a795"
|
|
8769
8792
|
}
|
|
8770
8793
|
},
|
|
8771
8794
|
{
|
|
@@ -8775,7 +8798,7 @@
|
|
|
8775
8798
|
"description": "Mortar stacked shell: top Navbar with a centred page column and optional page header, Tailwind's stacked application layout.",
|
|
8776
8799
|
"stack": "react-tailwind",
|
|
8777
8800
|
"package": "@tonycodes-ui/mortar",
|
|
8778
|
-
"version": "0.
|
|
8801
|
+
"version": "0.13.0",
|
|
8779
8802
|
"export": "StackedShell",
|
|
8780
8803
|
"source": "src/application.tsx",
|
|
8781
8804
|
"capabilities": [
|
|
@@ -8796,12 +8819,14 @@
|
|
|
8796
8819
|
"brand": "string",
|
|
8797
8820
|
"logo": "ReactNode",
|
|
8798
8821
|
"homeHref": "string",
|
|
8799
|
-
"navigation": "LinkItem[]",
|
|
8822
|
+
"navigation": "NavbarItem[] (top-level LinkItem links, or a group { label: string; items: FlyoutItem[] } opens a dropdown panel of links ({ label; href; description?; icon?; current? }); a group holding the current page is marked current, and on narrow screens it opens inside the menu)",
|
|
8800
8823
|
"actions": "ReactNode",
|
|
8801
8824
|
"header": "ReactNode",
|
|
8802
8825
|
"width": "\"md\" | \"lg\" | \"xl\" | \"full\"",
|
|
8803
8826
|
"children": "ReactNode",
|
|
8804
|
-
"className": "string"
|
|
8827
|
+
"className": "string",
|
|
8828
|
+
"tone": "\"default\" | \"inverse\" | \"accent\" (default \"default\"; the bar's surface. inverse: the other appearance, through the inverse token remap. accent: the brand's accent fill, its gradient when it defines one, with on-accent links, focus and actions. Dropdown panels keep the page's colours); passed to the Navbar",
|
|
8829
|
+
"tabs": "ItemGroup<TabNavItem> ({ label: string; items: TabNavItem[] }; a second row of page tabs under the bar, rendered as a TabNav named by label)"
|
|
8805
8830
|
},
|
|
8806
8831
|
"propTypes": {
|
|
8807
8832
|
"actions": {
|
|
@@ -8833,9 +8858,17 @@
|
|
|
8833
8858
|
"required": false
|
|
8834
8859
|
},
|
|
8835
8860
|
"navigation": {
|
|
8836
|
-
"type": "
|
|
8861
|
+
"type": "NavbarItem[]",
|
|
8837
8862
|
"required": true
|
|
8838
8863
|
},
|
|
8864
|
+
"tabs": {
|
|
8865
|
+
"type": "ItemGroup<LinkItem>",
|
|
8866
|
+
"required": false
|
|
8867
|
+
},
|
|
8868
|
+
"tone": {
|
|
8869
|
+
"type": "\"accent\" | \"default\" | \"inverse\"",
|
|
8870
|
+
"required": false
|
|
8871
|
+
},
|
|
8839
8872
|
"width": {
|
|
8840
8873
|
"type": "\"full\" | \"lg\" | \"md\" | \"xl\"",
|
|
8841
8874
|
"required": false,
|
|
@@ -8845,7 +8878,7 @@
|
|
|
8845
8878
|
"usage": "Import { StackedShell } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
8846
8879
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
8847
8880
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
8848
|
-
"dependencies": ["mortar-navbar"]
|
|
8881
|
+
"dependencies": ["mortar-navbar", "mortar-tab-nav"]
|
|
8849
8882
|
},
|
|
8850
8883
|
"preview": {
|
|
8851
8884
|
"source": "previews/StackedShellPreview.tsx"
|
|
@@ -8857,8 +8890,8 @@
|
|
|
8857
8890
|
"states": []
|
|
8858
8891
|
},
|
|
8859
8892
|
"integrity": {
|
|
8860
|
-
"source": "
|
|
8861
|
-
"preview": "
|
|
8893
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
8894
|
+
"preview": "d19626c8a9fa5f2c23d57405fbe647f4f607655a4e0b00f716c50fd4b7a8b48d"
|
|
8862
8895
|
}
|
|
8863
8896
|
},
|
|
8864
8897
|
{
|
|
@@ -8868,7 +8901,7 @@
|
|
|
8868
8901
|
"description": "Mortar marketing stat group, using central semantic tokens.",
|
|
8869
8902
|
"stack": "react-tailwind",
|
|
8870
8903
|
"package": "@tonycodes-ui/mortar",
|
|
8871
|
-
"version": "0.
|
|
8904
|
+
"version": "0.13.0",
|
|
8872
8905
|
"export": "StatGroup",
|
|
8873
8906
|
"source": "src/marketing-sections.tsx",
|
|
8874
8907
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -8928,8 +8961,8 @@
|
|
|
8928
8961
|
"states": []
|
|
8929
8962
|
},
|
|
8930
8963
|
"integrity": {
|
|
8931
|
-
"source": "
|
|
8932
|
-
"preview": "
|
|
8964
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
8965
|
+
"preview": "fe31de744c26be688dfd764932060d8f0f7342a4d3d0f7be46c61bf063dff744"
|
|
8933
8966
|
}
|
|
8934
8967
|
},
|
|
8935
8968
|
{
|
|
@@ -8939,7 +8972,7 @@
|
|
|
8939
8972
|
"description": "Mortar documentation steps, using central semantic tokens.",
|
|
8940
8973
|
"stack": "react-tailwind",
|
|
8941
8974
|
"package": "@tonycodes-ui/mortar",
|
|
8942
|
-
"version": "0.
|
|
8975
|
+
"version": "0.13.0",
|
|
8943
8976
|
"export": "Steps",
|
|
8944
8977
|
"source": "src/docs.tsx",
|
|
8945
8978
|
"capabilities": ["theme", "docs"],
|
|
@@ -8989,8 +9022,8 @@
|
|
|
8989
9022
|
"states": []
|
|
8990
9023
|
},
|
|
8991
9024
|
"integrity": {
|
|
8992
|
-
"source": "
|
|
8993
|
-
"preview": "
|
|
9025
|
+
"source": "4ec1d764bc9bf92bf3e217c4419bb6a52a32ebed564b84deb4e31a2ce0eb4a47",
|
|
9026
|
+
"preview": "ce64cf7a8463245eb8ceeeb724c01367cb4c21eeb3f722e5859e216a54afa230"
|
|
8994
9027
|
}
|
|
8995
9028
|
},
|
|
8996
9029
|
{
|
|
@@ -9000,7 +9033,7 @@
|
|
|
9000
9033
|
"description": "Mortar foundation switch, using central semantic tokens.",
|
|
9001
9034
|
"stack": "react-tailwind",
|
|
9002
9035
|
"package": "@tonycodes-ui/mortar",
|
|
9003
|
-
"version": "0.
|
|
9036
|
+
"version": "0.13.0",
|
|
9004
9037
|
"export": "Switch",
|
|
9005
9038
|
"source": "src/primitives.tsx",
|
|
9006
9039
|
"capabilities": [
|
|
@@ -9037,7 +9070,8 @@
|
|
|
9037
9070
|
"usage": "Import { Switch } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
9038
9071
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
9039
9072
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
9040
|
-
"dependencies": []
|
|
9073
|
+
"dependencies": [],
|
|
9074
|
+
"replaces": ["input[type=checkbox]"]
|
|
9041
9075
|
},
|
|
9042
9076
|
"preview": {
|
|
9043
9077
|
"source": "previews/SwitchPreview.tsx"
|
|
@@ -9049,8 +9083,8 @@
|
|
|
9049
9083
|
"probe": "switch"
|
|
9050
9084
|
},
|
|
9051
9085
|
"integrity": {
|
|
9052
|
-
"source": "
|
|
9053
|
-
"preview": "
|
|
9086
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
9087
|
+
"preview": "30f61d5fb6a8bd3f3dfb47c159b523ea1da5deb901cb340350e730803514bdba"
|
|
9054
9088
|
}
|
|
9055
9089
|
},
|
|
9056
9090
|
{
|
|
@@ -9060,7 +9094,7 @@
|
|
|
9060
9094
|
"description": "Mortar tab navigation: tabs that link between pages, such as settings sections, as underlined tabs or pills with optional icons and counts; the current page is marked aria-current=\"page\".",
|
|
9061
9095
|
"stack": "react-tailwind",
|
|
9062
9096
|
"package": "@tonycodes-ui/mortar",
|
|
9063
|
-
"version": "0.
|
|
9097
|
+
"version": "0.13.0",
|
|
9064
9098
|
"export": "TabNav",
|
|
9065
9099
|
"source": "src/application.tsx",
|
|
9066
9100
|
"capabilities": ["theme", "application", "navigation"],
|
|
@@ -9116,8 +9150,8 @@
|
|
|
9116
9150
|
"states": []
|
|
9117
9151
|
},
|
|
9118
9152
|
"integrity": {
|
|
9119
|
-
"source": "
|
|
9120
|
-
"preview": "
|
|
9153
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
9154
|
+
"preview": "c9a85b09feac0e346731f5ba254de1db483407ebda38b85c2827ae95abc3c6ae"
|
|
9121
9155
|
}
|
|
9122
9156
|
},
|
|
9123
9157
|
{
|
|
@@ -9127,7 +9161,7 @@
|
|
|
9127
9161
|
"description": "Mortar plain semantic table for documents and summaries without row actions.",
|
|
9128
9162
|
"stack": "react-tailwind",
|
|
9129
9163
|
"package": "@tonycodes-ui/mortar",
|
|
9130
|
-
"version": "0.
|
|
9164
|
+
"version": "0.13.0",
|
|
9131
9165
|
"export": "Table",
|
|
9132
9166
|
"source": "src/application.tsx",
|
|
9133
9167
|
"capabilities": ["theme", "application", "responsive"],
|
|
@@ -9194,7 +9228,8 @@
|
|
|
9194
9228
|
"usage": "Import { Table } from @tonycodes-ui/mortar. Pass groups to render each labelled group as its own tbody under a full-width header row (th scope=rowgroup); ungrouped rows render first. Use DataTable instead when rows need selection, sorting, links or loading states.",
|
|
9195
9229
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
9196
9230
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
9197
|
-
"dependencies": []
|
|
9231
|
+
"dependencies": [],
|
|
9232
|
+
"replaces": ["table"]
|
|
9198
9233
|
},
|
|
9199
9234
|
"preview": {
|
|
9200
9235
|
"source": "previews/TablePreview.tsx"
|
|
@@ -9205,8 +9240,8 @@
|
|
|
9205
9240
|
"states": []
|
|
9206
9241
|
},
|
|
9207
9242
|
"integrity": {
|
|
9208
|
-
"source": "
|
|
9209
|
-
"preview": "
|
|
9243
|
+
"source": "fa3ff7b088317b254b5d1c94d96ca6863d356fcc9d2832224e8cd5bee3fdae1d",
|
|
9244
|
+
"preview": "2c5d5fab3a1985e5b6cf02259240ac00b5ef085c248b931c1c8debf3524c3a60"
|
|
9210
9245
|
}
|
|
9211
9246
|
},
|
|
9212
9247
|
{
|
|
@@ -9216,7 +9251,7 @@
|
|
|
9216
9251
|
"description": "Mortar foundation tabs, using central semantic tokens.",
|
|
9217
9252
|
"stack": "react-tailwind",
|
|
9218
9253
|
"package": "@tonycodes-ui/mortar",
|
|
9219
|
-
"version": "0.
|
|
9254
|
+
"version": "0.13.0",
|
|
9220
9255
|
"export": "Tabs",
|
|
9221
9256
|
"source": "src/primitives.tsx",
|
|
9222
9257
|
"capabilities": ["theme", "foundation", "action", "keyboard"],
|
|
@@ -9283,8 +9318,8 @@
|
|
|
9283
9318
|
"probe": "tabs"
|
|
9284
9319
|
},
|
|
9285
9320
|
"integrity": {
|
|
9286
|
-
"source": "
|
|
9287
|
-
"preview": "
|
|
9321
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
9322
|
+
"preview": "8d952b5f6323fc9cdd538e4920226761138a699bfaafc25ba14a18a6a24e1723"
|
|
9288
9323
|
}
|
|
9289
9324
|
},
|
|
9290
9325
|
{
|
|
@@ -9294,7 +9329,7 @@
|
|
|
9294
9329
|
"description": "Mortar marketing team grid, using central semantic tokens.",
|
|
9295
9330
|
"stack": "react-tailwind",
|
|
9296
9331
|
"package": "@tonycodes-ui/mortar",
|
|
9297
|
-
"version": "0.
|
|
9332
|
+
"version": "0.13.0",
|
|
9298
9333
|
"export": "TeamGrid",
|
|
9299
9334
|
"source": "src/marketing-sections.tsx",
|
|
9300
9335
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -9360,8 +9395,8 @@
|
|
|
9360
9395
|
"states": []
|
|
9361
9396
|
},
|
|
9362
9397
|
"integrity": {
|
|
9363
|
-
"source": "
|
|
9364
|
-
"preview": "
|
|
9398
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
9399
|
+
"preview": "aee4ebafd726a0b24a2cba6955996fd0692edbeb1eb774e20ff6da63e5e43d60"
|
|
9365
9400
|
}
|
|
9366
9401
|
},
|
|
9367
9402
|
{
|
|
@@ -9371,7 +9406,7 @@
|
|
|
9371
9406
|
"description": "Mortar marketing testimonial grid, using central semantic tokens.",
|
|
9372
9407
|
"stack": "react-tailwind",
|
|
9373
9408
|
"package": "@tonycodes-ui/mortar",
|
|
9374
|
-
"version": "0.
|
|
9409
|
+
"version": "0.13.0",
|
|
9375
9410
|
"export": "TestimonialGrid",
|
|
9376
9411
|
"source": "src/marketing-sections.tsx",
|
|
9377
9412
|
"capabilities": ["theme", "marketing", "responsive"],
|
|
@@ -9432,8 +9467,8 @@
|
|
|
9432
9467
|
"states": []
|
|
9433
9468
|
},
|
|
9434
9469
|
"integrity": {
|
|
9435
|
-
"source": "
|
|
9436
|
-
"preview": "
|
|
9470
|
+
"source": "f3329848f60d822eb911d2f2d04b4659a5b4aa4aee96b28cc5536c94795078a7",
|
|
9471
|
+
"preview": "d159edadf54d3e23e4e4714c13fb10498a30210e38a3c7fa8e0403a15de797ae"
|
|
9437
9472
|
}
|
|
9438
9473
|
},
|
|
9439
9474
|
{
|
|
@@ -9443,7 +9478,7 @@
|
|
|
9443
9478
|
"description": "Mortar marketing testimonial, using central semantic tokens.",
|
|
9444
9479
|
"stack": "react-tailwind",
|
|
9445
9480
|
"package": "@tonycodes-ui/mortar",
|
|
9446
|
-
"version": "0.
|
|
9481
|
+
"version": "0.13.0",
|
|
9447
9482
|
"export": "Testimonial",
|
|
9448
9483
|
"source": "src/marketing.tsx",
|
|
9449
9484
|
"capabilities": ["theme", "marketing"],
|
|
@@ -9507,8 +9542,8 @@
|
|
|
9507
9542
|
"states": []
|
|
9508
9543
|
},
|
|
9509
9544
|
"integrity": {
|
|
9510
|
-
"source": "
|
|
9511
|
-
"preview": "
|
|
9545
|
+
"source": "00534dc578b04714842a77a3469d1060bada560d459843c6152c94ddf215f978",
|
|
9546
|
+
"preview": "35594729416f0b5e004bf2cc67c9823fe2270c6dff2884b99f089be8e5790fac"
|
|
9512
9547
|
}
|
|
9513
9548
|
},
|
|
9514
9549
|
{
|
|
@@ -9518,7 +9553,7 @@
|
|
|
9518
9553
|
"description": "Mortar foundation text area, using central semantic tokens.",
|
|
9519
9554
|
"stack": "react-tailwind",
|
|
9520
9555
|
"package": "@tonycodes-ui/mortar",
|
|
9521
|
-
"version": "0.
|
|
9556
|
+
"version": "0.13.0",
|
|
9522
9557
|
"export": "TextArea",
|
|
9523
9558
|
"source": "src/primitives.tsx",
|
|
9524
9559
|
"capabilities": [
|
|
@@ -9562,7 +9597,8 @@
|
|
|
9562
9597
|
"usage": "Import { TextArea } from @tonycodes-ui/mortar. Compose with the public typed props.",
|
|
9563
9598
|
"avoid": "Do not copy implementations, override central colours or grant component approval.",
|
|
9564
9599
|
"accessibility": "Verify accessible names, keyboard interaction, visible focus, responsive layout and supported states.",
|
|
9565
|
-
"dependencies": []
|
|
9600
|
+
"dependencies": [],
|
|
9601
|
+
"replaces": ["textarea"]
|
|
9566
9602
|
},
|
|
9567
9603
|
"preview": {
|
|
9568
9604
|
"source": "previews/TextAreaPreview.tsx"
|
|
@@ -9574,8 +9610,8 @@
|
|
|
9574
9610
|
"probe": "textarea"
|
|
9575
9611
|
},
|
|
9576
9612
|
"integrity": {
|
|
9577
|
-
"source": "
|
|
9578
|
-
"preview": "
|
|
9613
|
+
"source": "930104ecaf0cdba6cb816d085f44a164386e3aad95dfad62d68225808d01799d",
|
|
9614
|
+
"preview": "cd1355278a0398be551c33d3a8886649c53a886a483560b300286c6c82e0e076"
|
|
9579
9615
|
}
|
|
9580
9616
|
},
|
|
9581
9617
|
{
|
|
@@ -9585,7 +9621,7 @@
|
|
|
9585
9621
|
"description": "Mortar body text with semantic tone, size and weight, replacing text-muted/text-ink utilities.",
|
|
9586
9622
|
"stack": "react-tailwind",
|
|
9587
9623
|
"package": "@tonycodes-ui/mortar",
|
|
9588
|
-
"version": "0.
|
|
9624
|
+
"version": "0.13.0",
|
|
9589
9625
|
"export": "Text",
|
|
9590
9626
|
"source": "src/layout.tsx",
|
|
9591
9627
|
"capabilities": ["theme", "foundation"],
|
|
@@ -9648,8 +9684,8 @@
|
|
|
9648
9684
|
"states": []
|
|
9649
9685
|
},
|
|
9650
9686
|
"integrity": {
|
|
9651
|
-
"source": "
|
|
9652
|
-
"preview": "
|
|
9687
|
+
"source": "60515acfad9407d514a15dbfcd258cdb1880e810e3a40d0d0c5a2e2fdd45fa07",
|
|
9688
|
+
"preview": "fde4f4d48cfd7a71f80f61324ffb2a75c49fef0d51c67d2e252d5af34b2bd7b7"
|
|
9653
9689
|
}
|
|
9654
9690
|
},
|
|
9655
9691
|
{
|
|
@@ -9659,7 +9695,7 @@
|
|
|
9659
9695
|
"description": "Mortar foundation theme provider, using central semantic tokens.",
|
|
9660
9696
|
"stack": "react-tailwind",
|
|
9661
9697
|
"package": "@tonycodes-ui/mortar",
|
|
9662
|
-
"version": "0.
|
|
9698
|
+
"version": "0.13.0",
|
|
9663
9699
|
"export": "ThemeProvider",
|
|
9664
9700
|
"source": "src/foundation.tsx",
|
|
9665
9701
|
"capabilities": ["theme", "foundation", "keyboard"],
|
|
@@ -9743,8 +9779,8 @@
|
|
|
9743
9779
|
"probe": "appearance"
|
|
9744
9780
|
},
|
|
9745
9781
|
"integrity": {
|
|
9746
|
-
"source": "
|
|
9747
|
-
"preview": "
|
|
9782
|
+
"source": "80bc14cb2c24c549f278863c6b964b375c915aa203a524a723abbd776d58b65a",
|
|
9783
|
+
"preview": "94875e72b6674015663db5a30b3fb785217c8638c0302aaaffceda6f7f04c625"
|
|
9748
9784
|
}
|
|
9749
9785
|
},
|
|
9750
9786
|
{
|
|
@@ -9754,7 +9790,7 @@
|
|
|
9754
9790
|
"description": "Mortar foundation toast, using central semantic tokens.",
|
|
9755
9791
|
"stack": "react-tailwind",
|
|
9756
9792
|
"package": "@tonycodes-ui/mortar",
|
|
9757
|
-
"version": "0.
|
|
9793
|
+
"version": "0.13.0",
|
|
9758
9794
|
"export": "Toast",
|
|
9759
9795
|
"source": "src/feedback.tsx",
|
|
9760
9796
|
"capabilities": ["theme", "foundation", "keyboard"],
|
|
@@ -9825,8 +9861,8 @@
|
|
|
9825
9861
|
"probe": "toast"
|
|
9826
9862
|
},
|
|
9827
9863
|
"integrity": {
|
|
9828
|
-
"source": "
|
|
9829
|
-
"preview": "
|
|
9864
|
+
"source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
|
|
9865
|
+
"preview": "5a47783a547f9ad55f2ce5238844c03a13327d261482d1964c0ce1383c7ff3f7"
|
|
9830
9866
|
}
|
|
9831
9867
|
},
|
|
9832
9868
|
{
|
|
@@ -9836,7 +9872,7 @@
|
|
|
9836
9872
|
"description": "Mortar foundation toaster: a controlled region of toasts that announces each new toast once, assertively for danger.",
|
|
9837
9873
|
"stack": "react-tailwind",
|
|
9838
9874
|
"package": "@tonycodes-ui/mortar",
|
|
9839
|
-
"version": "0.
|
|
9875
|
+
"version": "0.13.0",
|
|
9840
9876
|
"export": "Toaster",
|
|
9841
9877
|
"source": "src/feedback.tsx",
|
|
9842
9878
|
"capabilities": ["theme", "foundation", "keyboard"],
|
|
@@ -9892,8 +9928,8 @@
|
|
|
9892
9928
|
"probe": "toast"
|
|
9893
9929
|
},
|
|
9894
9930
|
"integrity": {
|
|
9895
|
-
"source": "
|
|
9896
|
-
"preview": "
|
|
9931
|
+
"source": "93f1a5bc3518088cf30a9245a9968336a7e63a453e7feda8ca61ab1aa2ddcdeb",
|
|
9932
|
+
"preview": "50a9e21d0202d78be33d5ca63a53468131a33e5e535dd39f20d226d2c3496d6b"
|
|
9897
9933
|
}
|
|
9898
9934
|
}
|
|
9899
9935
|
]
|