@bitforgehq/ui 0.4.0 → 0.5.0-next.4
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 +350 -0
- package/README.md +12 -12
- package/ai/MANIFEST.index.json +74 -2
- package/ai/MANIFEST.json +3507 -1763
- package/ai/REFERENCE.index.json +189 -0
- package/ai/REFERENCE.json +1617 -139
- package/ai/UI_GUIDE.md +70 -20
- package/ai/components/app-frame.md +1 -1
- package/ai/components/badge.md +41 -1
- package/ai/components/chat-composer.md +357 -0
- package/ai/components/chat-message.md +251 -0
- package/ai/components/chat-thread.md +521 -0
- package/ai/components/checkbox.md +7 -0
- package/ai/components/combobox.md +12 -0
- package/ai/components/date-input.md +9 -0
- package/ai/components/datetime-input.md +2 -0
- package/ai/components/field.md +10 -0
- package/ai/components/file-input.md +498 -0
- package/ai/components/header.md +1 -1
- package/ai/components/image-input.md +368 -0
- package/ai/components/image-tile.md +452 -0
- package/ai/components/image-viewer.md +309 -0
- package/ai/components/media-card.md +478 -0
- package/ai/components/menu-button.md +67 -9
- package/ai/components/menu.md +10 -0
- package/ai/components/multi-combobox.md +7 -0
- package/ai/components/nav-group.md +10 -3
- package/ai/components/nav-item.md +11 -2
- package/ai/components/number-input.md +2 -7
- package/ai/components/pagination.md +59 -11
- package/ai/components/popover.md +13 -0
- package/ai/components/radio-group.md +6 -0
- package/ai/components/segmented.md +14 -2
- package/ai/components/select.md +100 -42
- package/ai/components/sidebar-toggle.md +16 -9
- package/ai/components/sidebar.md +41 -13
- package/ai/components/tab-group.md +18 -2
- package/ai/components/table.md +17 -2
- package/ai/components/theme-menu-button.md +1 -0
- package/ai/components/time-input.md +2 -0
- package/ai/components/toolbar.md +7 -18
- package/ai/reference/bf-chat-composer-harness.md +64 -0
- package/ai/reference/bf-chat-message-role.md +27 -0
- package/ai/reference/bf-chat-message-status.md +28 -0
- package/ai/reference/bf-fade-in-directive.md +18 -0
- package/ai/reference/bf-file-input-harness.md +67 -0
- package/ai/reference/bf-file-input-variant.md +27 -0
- package/ai/reference/bf-image-input-harness.md +67 -0
- package/ai/reference/bf-image-input-shape.md +27 -0
- package/ai/reference/bf-image-tile-aspect.md +28 -0
- package/ai/reference/bf-image-tile-caption-placement.md +27 -0
- package/ai/reference/bf-image-tile-harness.md +70 -0
- package/ai/reference/bf-image-viewer-actions-context.md +29 -0
- package/ai/reference/bf-image-viewer-harness.md +87 -0
- package/ai/reference/bf-image-viewer-image.md +25 -0
- package/ai/reference/bf-image-viewer-options.md +33 -0
- package/ai/reference/bf-image-viewer-origin.md +23 -0
- package/ai/reference/bf-image-viewer-ref.md +55 -0
- package/ai/reference/bf-image-viewer-service.md +32 -0
- package/ai/reference/bf-labels.md +107 -75
- package/ai/reference/bf-media-card-aspect.md +28 -0
- package/ai/reference/bf-media-card-harness.md +66 -0
- package/ai/reference/bf-motion-list-directive.md +22 -0
- package/ai/reference/bf-pagination-position-label.md +22 -0
- package/ai/reference/bf-prose-directive.md +16 -0
- package/ai/reference/bf-rejected-file-reason.md +28 -0
- package/ai/reference/bf-rejected-file.md +28 -0
- package/ai/reference/bf-select-harness.md +14 -5
- package/ai/reference/bf-select-option.md +2 -0
- package/ai/reference/bf-size.md +3 -0
- package/ai/reference/bf_table_sort_select.md +23 -0
- package/ai/reference/provide-bf-labels.md +11 -3
- package/ai/reference/provide-bf-select.md +20 -0
- package/bin/bf-ui.js +1 -0
- package/fesm2022/bitforgehq-ui-overlay.mjs +2660 -594
- package/fesm2022/bitforgehq-ui-overlay.mjs.map +1 -1
- package/fesm2022/bitforgehq-ui-testing.mjs +414 -10
- package/fesm2022/bitforgehq-ui-testing.mjs.map +1 -1
- package/fesm2022/bitforgehq-ui.mjs +8056 -3993
- package/fesm2022/bitforgehq-ui.mjs.map +1 -1
- package/llms-full.txt +4923 -132
- package/llms.txt +36 -1
- package/package.json +1 -1
- package/theme.css +60 -0
- package/types/bitforgehq-ui-overlay.d.ts +695 -7
- package/types/bitforgehq-ui-testing.d.ts +517 -6
- package/types/bitforgehq-ui.d.ts +1699 -181
package/ai/REFERENCE.index.json
CHANGED
|
@@ -64,6 +64,13 @@
|
|
|
64
64
|
"entryPoint": "@bitforgehq/ui",
|
|
65
65
|
"summary": "Injection token that turns a projected tab bar into a navigation of links"
|
|
66
66
|
},
|
|
67
|
+
{
|
|
68
|
+
"name": "BF_TABLE_SORT_SELECT",
|
|
69
|
+
"slug": "bf_table_sort_select",
|
|
70
|
+
"kind": "token",
|
|
71
|
+
"entryPoint": "@bitforgehq/ui",
|
|
72
|
+
"summary": "The component a stacked table renders as its Sort by select"
|
|
73
|
+
},
|
|
67
74
|
{
|
|
68
75
|
"name": "BfActionDirective",
|
|
69
76
|
"slug": "bf-action-directive",
|
|
@@ -190,6 +197,20 @@
|
|
|
190
197
|
"entryPoint": "@bitforgehq/ui",
|
|
191
198
|
"summary": "The four card surfaces, from a raised panel to a flat outline"
|
|
192
199
|
},
|
|
200
|
+
{
|
|
201
|
+
"name": "BfChatMessageRole",
|
|
202
|
+
"slug": "bf-chat-message-role",
|
|
203
|
+
"kind": "type",
|
|
204
|
+
"entryPoint": "@bitforgehq/ui",
|
|
205
|
+
"summary": "Who wrote a chat message, the user or the assistant"
|
|
206
|
+
},
|
|
207
|
+
{
|
|
208
|
+
"name": "BfChatMessageStatus",
|
|
209
|
+
"slug": "bf-chat-message-status",
|
|
210
|
+
"kind": "type",
|
|
211
|
+
"entryPoint": "@bitforgehq/ui",
|
|
212
|
+
"summary": "How a chat message ended: done, stopped by the user, or failed"
|
|
213
|
+
},
|
|
193
214
|
{
|
|
194
215
|
"name": "BfChipGroupMode",
|
|
195
216
|
"slug": "bf-chip-group-mode",
|
|
@@ -267,6 +288,13 @@
|
|
|
267
288
|
"entryPoint": "@bitforgehq/ui",
|
|
268
289
|
"summary": "The labels a phone keyboard can put on its Enter key"
|
|
269
290
|
},
|
|
291
|
+
{
|
|
292
|
+
"name": "BfFadeInDirective",
|
|
293
|
+
"slug": "bf-fade-in-directive",
|
|
294
|
+
"kind": "directive",
|
|
295
|
+
"entryPoint": "@bitforgehq/ui",
|
|
296
|
+
"summary": "Fades an image in once it has loaded instead of popping in"
|
|
297
|
+
},
|
|
270
298
|
{
|
|
271
299
|
"name": "bfFieldControlClass",
|
|
272
300
|
"slug": "bf-field-control-class",
|
|
@@ -288,6 +316,13 @@
|
|
|
288
316
|
"entryPoint": "@bitforgehq/ui",
|
|
289
317
|
"summary": "Former name of the shared size scale for text fields, kept until 1.0.0"
|
|
290
318
|
},
|
|
319
|
+
{
|
|
320
|
+
"name": "BfFileInputVariant",
|
|
321
|
+
"slug": "bf-file-input-variant",
|
|
322
|
+
"kind": "type",
|
|
323
|
+
"entryPoint": "@bitforgehq/ui",
|
|
324
|
+
"summary": "The two looks of a file picker, a compact field or a drop zone"
|
|
325
|
+
},
|
|
291
326
|
{
|
|
292
327
|
"name": "BfIconButtonVariant",
|
|
293
328
|
"slug": "bf-icon-button-variant",
|
|
@@ -295,6 +330,27 @@
|
|
|
295
330
|
"entryPoint": "@bitforgehq/ui",
|
|
296
331
|
"summary": "The four visual styles of an icon button, from tonal to plain text"
|
|
297
332
|
},
|
|
333
|
+
{
|
|
334
|
+
"name": "BfImageInputShape",
|
|
335
|
+
"slug": "bf-image-input-shape",
|
|
336
|
+
"kind": "type",
|
|
337
|
+
"entryPoint": "@bitforgehq/ui",
|
|
338
|
+
"summary": "The two tile shapes of an image picker, a circle or a rounded square"
|
|
339
|
+
},
|
|
340
|
+
{
|
|
341
|
+
"name": "BfImageTileAspect",
|
|
342
|
+
"slug": "bf-image-tile-aspect",
|
|
343
|
+
"kind": "type",
|
|
344
|
+
"entryPoint": "@bitforgehq/ui",
|
|
345
|
+
"summary": "The four aspect ratios of an image tile's picture, square by default"
|
|
346
|
+
},
|
|
347
|
+
{
|
|
348
|
+
"name": "BfImageTileCaptionPlacement",
|
|
349
|
+
"slug": "bf-image-tile-caption-placement",
|
|
350
|
+
"kind": "type",
|
|
351
|
+
"entryPoint": "@bitforgehq/ui",
|
|
352
|
+
"summary": "Where an image tile's caption sits, below the picture or over it"
|
|
353
|
+
},
|
|
298
354
|
{
|
|
299
355
|
"name": "BfInputAutocapitalize",
|
|
300
356
|
"slug": "bf-input-autocapitalize",
|
|
@@ -344,6 +400,20 @@
|
|
|
344
400
|
"entryPoint": "@bitforgehq/ui",
|
|
345
401
|
"summary": "The strings provideBfLabels replaces, each one falling back to the parent"
|
|
346
402
|
},
|
|
403
|
+
{
|
|
404
|
+
"name": "BfMediaCardAspect",
|
|
405
|
+
"slug": "bf-media-card-aspect",
|
|
406
|
+
"kind": "type",
|
|
407
|
+
"entryPoint": "@bitforgehq/ui",
|
|
408
|
+
"summary": "The four aspect ratios of a media card's image area, wide to portrait"
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"name": "BfMotionListDirective",
|
|
412
|
+
"slug": "bf-motion-list-directive",
|
|
413
|
+
"kind": "directive",
|
|
414
|
+
"entryPoint": "@bitforgehq/ui",
|
|
415
|
+
"summary": "Glides the items of a list or grid to their new place when it changes"
|
|
416
|
+
},
|
|
347
417
|
{
|
|
348
418
|
"name": "BfPageHeaderHeadingLevel",
|
|
349
419
|
"slug": "bf-page-header-heading-level",
|
|
@@ -351,6 +421,13 @@
|
|
|
351
421
|
"entryPoint": "@bitforgehq/ui",
|
|
352
422
|
"summary": "The heading level of a page header title, one for a page or two"
|
|
353
423
|
},
|
|
424
|
+
{
|
|
425
|
+
"name": "BfPaginationPositionLabel",
|
|
426
|
+
"slug": "bf-pagination-position-label",
|
|
427
|
+
"kind": "type",
|
|
428
|
+
"entryPoint": "@bitforgehq/ui",
|
|
429
|
+
"summary": "Function that writes a compact pager's position text, such as \"v3 of 7\""
|
|
430
|
+
},
|
|
354
431
|
{
|
|
355
432
|
"name": "BfProgressSize",
|
|
356
433
|
"slug": "bf-progress-size",
|
|
@@ -365,6 +442,13 @@
|
|
|
365
442
|
"entryPoint": "@bitforgehq/ui",
|
|
366
443
|
"summary": "The four fill colours of a progress bar, from primary to danger"
|
|
367
444
|
},
|
|
445
|
+
{
|
|
446
|
+
"name": "BfProseDirective",
|
|
447
|
+
"slug": "bf-prose-directive",
|
|
448
|
+
"kind": "directive",
|
|
449
|
+
"entryPoint": "@bitforgehq/ui",
|
|
450
|
+
"summary": "Styles rendered markdown with the library tokens: headings, lists, code and quotes"
|
|
451
|
+
},
|
|
368
452
|
{
|
|
369
453
|
"name": "BfRadioGroupOrientation",
|
|
370
454
|
"slug": "bf-radio-group-orientation",
|
|
@@ -379,6 +463,20 @@
|
|
|
379
463
|
"entryPoint": "@bitforgehq/ui",
|
|
380
464
|
"summary": "One choice of a radio group with its value, label and optional description"
|
|
381
465
|
},
|
|
466
|
+
{
|
|
467
|
+
"name": "BfRejectedFile",
|
|
468
|
+
"slug": "bf-rejected-file",
|
|
469
|
+
"kind": "interface",
|
|
470
|
+
"entryPoint": "@bitforgehq/ui",
|
|
471
|
+
"summary": "A picked or dropped file that broke a rule, with the rule and its message"
|
|
472
|
+
},
|
|
473
|
+
{
|
|
474
|
+
"name": "BfRejectedFileReason",
|
|
475
|
+
"slug": "bf-rejected-file-reason",
|
|
476
|
+
"kind": "type",
|
|
477
|
+
"entryPoint": "@bitforgehq/ui",
|
|
478
|
+
"summary": "The rule a refused file broke, its type, its size or the file count"
|
|
479
|
+
},
|
|
382
480
|
{
|
|
383
481
|
"name": "BfSegmentedSize",
|
|
384
482
|
"slug": "bf-segmented-size",
|
|
@@ -771,6 +869,48 @@
|
|
|
771
869
|
"entryPoint": "@bitforgehq/ui/overlay",
|
|
772
870
|
"summary": "The context a template opened as a dialog receives: its ref and its data"
|
|
773
871
|
},
|
|
872
|
+
{
|
|
873
|
+
"name": "BfImageViewerActionsContext",
|
|
874
|
+
"slug": "bf-image-viewer-actions-context",
|
|
875
|
+
"kind": "interface",
|
|
876
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
877
|
+
"summary": "What the viewer's actions template receives: the shown image, its index and the ref"
|
|
878
|
+
},
|
|
879
|
+
{
|
|
880
|
+
"name": "BfImageViewerImage",
|
|
881
|
+
"slug": "bf-image-viewer-image",
|
|
882
|
+
"kind": "interface",
|
|
883
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
884
|
+
"summary": "One image the viewer shows: its URL, its name as alternative text and a caption"
|
|
885
|
+
},
|
|
886
|
+
{
|
|
887
|
+
"name": "BfImageViewerOptions",
|
|
888
|
+
"slug": "bf-image-viewer-options",
|
|
889
|
+
"kind": "interface",
|
|
890
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
891
|
+
"summary": "Options of an image viewer: its images, the first one, its thumbnail and actions"
|
|
892
|
+
},
|
|
893
|
+
{
|
|
894
|
+
"name": "BfImageViewerOrigin",
|
|
895
|
+
"slug": "bf-image-viewer-origin",
|
|
896
|
+
"kind": "type",
|
|
897
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
898
|
+
"summary": "The thumbnail an image viewer zooms from and back into, or a lookup per image"
|
|
899
|
+
},
|
|
900
|
+
{
|
|
901
|
+
"name": "BfImageViewerRef",
|
|
902
|
+
"slug": "bf-image-viewer-ref",
|
|
903
|
+
"kind": "class",
|
|
904
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
905
|
+
"summary": "Handle on an open image viewer that steps through its images and closes it"
|
|
906
|
+
},
|
|
907
|
+
{
|
|
908
|
+
"name": "BfImageViewerService",
|
|
909
|
+
"slug": "bf-image-viewer-service",
|
|
910
|
+
"kind": "service",
|
|
911
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
912
|
+
"summary": "Opens a full-screen image viewer that zooms from a thumbnail and steps through a set"
|
|
913
|
+
},
|
|
774
914
|
{
|
|
775
915
|
"name": "BfMenuButtonVariant",
|
|
776
916
|
"slug": "bf-menu-button-variant",
|
|
@@ -1086,6 +1226,13 @@
|
|
|
1086
1226
|
"entryPoint": "@bitforgehq/ui/overlay",
|
|
1087
1227
|
"summary": "Sets where desktop toasts appear and how many show at once, app-wide"
|
|
1088
1228
|
},
|
|
1229
|
+
{
|
|
1230
|
+
"name": "provideBfSelect",
|
|
1231
|
+
"slug": "provide-bf-select",
|
|
1232
|
+
"kind": "function",
|
|
1233
|
+
"entryPoint": "@bitforgehq/ui/overlay",
|
|
1234
|
+
"summary": "Makes a stacked table's Sort by select the styled bf-select, app-wide"
|
|
1235
|
+
},
|
|
1089
1236
|
{
|
|
1090
1237
|
"name": "scaleIn",
|
|
1091
1238
|
"slug": "scale-in",
|
|
@@ -1793,6 +1940,13 @@
|
|
|
1793
1940
|
"entryPoint": "@bitforgehq/ui/testing",
|
|
1794
1941
|
"summary": "Test harness for the charts: reads the series, toggles one and reads the data table"
|
|
1795
1942
|
},
|
|
1943
|
+
{
|
|
1944
|
+
"name": "BfChatComposerHarness",
|
|
1945
|
+
"slug": "bf-chat-composer-harness",
|
|
1946
|
+
"kind": "class",
|
|
1947
|
+
"entryPoint": "@bitforgehq/ui/testing",
|
|
1948
|
+
"summary": "Test harness for the chat composer: types, sends, stops and reads its state"
|
|
1949
|
+
},
|
|
1796
1950
|
{
|
|
1797
1951
|
"name": "BfComboboxHarness",
|
|
1798
1952
|
"slug": "bf-combobox-harness",
|
|
@@ -1828,6 +1982,13 @@
|
|
|
1828
1982
|
"entryPoint": "@bitforgehq/ui/testing",
|
|
1829
1983
|
"summary": "Test harness for a dialog: its title, text and role, its buttons and Escape"
|
|
1830
1984
|
},
|
|
1985
|
+
{
|
|
1986
|
+
"name": "BfFileInputHarness",
|
|
1987
|
+
"slug": "bf-file-input-harness",
|
|
1988
|
+
"kind": "class",
|
|
1989
|
+
"entryPoint": "@bitforgehq/ui/testing",
|
|
1990
|
+
"summary": "Test harness for the file input: drops files and reads the list and rejections"
|
|
1991
|
+
},
|
|
1831
1992
|
{
|
|
1832
1993
|
"name": "BfHarnessFilters",
|
|
1833
1994
|
"slug": "bf-harness-filters",
|
|
@@ -1835,6 +1996,27 @@
|
|
|
1835
1996
|
"entryPoint": "@bitforgehq/ui/testing",
|
|
1836
1997
|
"summary": "Filters a library harness query by selector, ancestor and the widget label"
|
|
1837
1998
|
},
|
|
1999
|
+
{
|
|
2000
|
+
"name": "BfImageInputHarness",
|
|
2001
|
+
"slug": "bf-image-input-harness",
|
|
2002
|
+
"kind": "class",
|
|
2003
|
+
"entryPoint": "@bitforgehq/ui/testing",
|
|
2004
|
+
"summary": "Test harness for the image input: drops an image on it and reads the preview"
|
|
2005
|
+
},
|
|
2006
|
+
{
|
|
2007
|
+
"name": "BfImageTileHarness",
|
|
2008
|
+
"slug": "bf-image-tile-harness",
|
|
2009
|
+
"kind": "class",
|
|
2010
|
+
"entryPoint": "@bitforgehq/ui/testing",
|
|
2011
|
+
"summary": "Test harness for an image tile: its picture state, title, meta, selection and action"
|
|
2012
|
+
},
|
|
2013
|
+
{
|
|
2014
|
+
"name": "BfImageViewerHarness",
|
|
2015
|
+
"slug": "bf-image-viewer-harness",
|
|
2016
|
+
"kind": "class",
|
|
2017
|
+
"entryPoint": "@bitforgehq/ui/testing",
|
|
2018
|
+
"summary": "Test harness for an image viewer: its image, index, caption, steps and close"
|
|
2019
|
+
},
|
|
1838
2020
|
{
|
|
1839
2021
|
"name": "BfJsdomShimOptions",
|
|
1840
2022
|
"slug": "bf-jsdom-shim-options",
|
|
@@ -1842,6 +2024,13 @@
|
|
|
1842
2024
|
"entryPoint": "@bitforgehq/ui/testing",
|
|
1843
2025
|
"summary": "Options of the jsdom shims: the matchMedia stub and its reduced-motion answer"
|
|
1844
2026
|
},
|
|
2027
|
+
{
|
|
2028
|
+
"name": "BfMediaCardHarness",
|
|
2029
|
+
"slug": "bf-media-card-harness",
|
|
2030
|
+
"kind": "class",
|
|
2031
|
+
"entryPoint": "@bitforgehq/ui/testing",
|
|
2032
|
+
"summary": "Test harness for a media card: its image state, its messages and its selection"
|
|
2033
|
+
},
|
|
1845
2034
|
{
|
|
1846
2035
|
"name": "BfMenuButtonHarness",
|
|
1847
2036
|
"slug": "bf-menu-button-harness",
|