@unofficialbox/box-open-elements 0.28.7 → 0.29.1
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/README.md +13 -13
- package/dist/element-maps.d.ts +15 -1
- package/dist/entries/box-plot.d.ts +1 -0
- package/dist/entries/box-plot.js +1 -0
- package/dist/entries/trace-waterfall.d.ts +1 -0
- package/dist/entries/trace-waterfall.js +1 -0
- package/dist/native-types.d.ts +2491 -0
- package/dist/native-types.js +1 -0
- package/dist/patterns/form-wizard/form-wizard.d.ts +9 -1
- package/dist/patterns/insights/box-plot.d.ts +55 -0
- package/dist/patterns/insights/box-plot.js +201 -0
- package/dist/patterns/insights/index.d.ts +1 -0
- package/dist/patterns/insights/index.js +1 -0
- package/dist/patterns/process-modeler/design.d.ts +1 -1
- package/dist/patterns/process-modeler/design.js +7 -1
- package/dist/patterns/process-modeler/process-modeler.d.ts +9 -0
- package/dist/patterns/process-modeler/process-modeler.js +175 -43
- package/dist/patterns/run/index.d.ts +1 -0
- package/dist/patterns/run/index.js +1 -0
- package/dist/patterns/run/run-trace.d.ts +3 -0
- package/dist/patterns/run/run-trace.js +52 -13
- package/dist/patterns/run/trace-waterfall.d.ts +80 -0
- package/dist/patterns/run/trace-waterfall.js +360 -0
- package/dist/react-jsx.d.ts +21 -0
- package/dist/react-jsx.js +1 -0
- package/package.json +15 -2
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
Browse the full catalog on the **[live docs site](https://unofficialbox.github.io/box-open-elements)** — live previews, an events/properties inspector, per-framework code snippets (React / Angular / Vue / Svelte / HTML), and the foundations pages.
|
|
14
14
|
|
|
15
|
-
The library is organized around three layers (see [taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
15
|
+
The library is organized around three layers (see [taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/taxonomy.md) for the canonical model):
|
|
16
16
|
|
|
17
17
|
- **Foundations** — design decisions as data: tokens, color, typography, iconography, accessibility, theming
|
|
18
18
|
- **Components** — accessible Web Components for single controls, organized by category
|
|
@@ -77,7 +77,7 @@ selection.toggleSelection("1");
|
|
|
77
77
|
- optimized component entrypoints: `@unofficialbox/box-open-elements/<name>`
|
|
78
78
|
- patterns: `@unofficialbox/box-open-elements/patterns/<area>` and `@unofficialbox/box-open-elements/patterns/<area>/<module>`
|
|
79
79
|
|
|
80
|
-
See the versioned [API guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
80
|
+
See the versioned [API guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/api-guidelines.md).
|
|
81
81
|
|
|
82
82
|
## Developing
|
|
83
83
|
|
|
@@ -91,17 +91,17 @@ bun run docs # build + serve the docs site at http://localhost:4600
|
|
|
91
91
|
|
|
92
92
|
## Documentation
|
|
93
93
|
|
|
94
|
-
The versioned docs index is at [docs/README.md](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
95
|
-
|
|
96
|
-
- [Taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
97
|
-
- [Architecture](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
98
|
-
- [API Guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
99
|
-
- [Components catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
100
|
-
- [Using with React, Angular, Vue, and Svelte](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
101
|
-
- [Design Tokens](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
102
|
-
- [Content Explorer](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
103
|
-
- [Box Server Integration](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
104
|
-
- [Agent UI guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.
|
|
94
|
+
The versioned docs index is at [docs/README.md](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/README.md). The most important entries:
|
|
95
|
+
|
|
96
|
+
- [Taxonomy](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/taxonomy.md)
|
|
97
|
+
- [Architecture](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/architecture.md)
|
|
98
|
+
- [API Guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/api-guidelines.md)
|
|
99
|
+
- [Components catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/components/catalog.md) and [patterns catalog](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/patterns/catalog.md)
|
|
100
|
+
- [Using with React, Angular, Vue, and Svelte](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/integration/frameworks.md)
|
|
101
|
+
- [Design Tokens](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/foundations/tokens.md)
|
|
102
|
+
- [Content Explorer](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/patterns/content-explorer.md)
|
|
103
|
+
- [Box Server Integration](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/integration/box-server.md)
|
|
104
|
+
- [Agent UI guidelines](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/patterns/agent-ui-guidelines.md), [building blocks](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/patterns/agent-ui.md), and [motion](https://github.com/unofficialbox/box-open-elements/blob/v0.29.1/docs/foundations/motion.md)
|
|
105
105
|
|
|
106
106
|
## Contributing
|
|
107
107
|
|
package/dist/element-maps.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ import type { Avatar } from "./components/identity/avatar.js";
|
|
|
21
21
|
import type { Badge } from "./components/feedback/badge.js";
|
|
22
22
|
import type { Badgeable } from "./components/feedback/badgeable.js";
|
|
23
23
|
import type { BarChart } from "./patterns/insights/bar-chart.js";
|
|
24
|
+
import type { BoxPlot } from "./patterns/insights/box-plot.js";
|
|
24
25
|
import type { Breadcrumb } from "./components/navigation/breadcrumb.js";
|
|
25
26
|
import type { BulkActionBar } from "./patterns/item/bulk-action-bar.js";
|
|
26
27
|
import type { Button } from "./components/actions/button.js";
|
|
@@ -36,6 +37,7 @@ import type { Checkbox } from "./components/forms/checkbox.js";
|
|
|
36
37
|
import type { CheckboxGroup } from "./components/forms/checkbox-group.js";
|
|
37
38
|
import type { Chip } from "./components/feedback/chip.js";
|
|
38
39
|
import type { CodeBlock } from "./components/output/code-block.js";
|
|
40
|
+
import type { CodeEditor } from "./components/forms/code-editor.js";
|
|
39
41
|
import type { CollaboratorAvatars } from "./patterns/share/collaborator-avatars.js";
|
|
40
42
|
import type { ColorPicker } from "./components/forms/color-picker.js";
|
|
41
43
|
import type { Combobox } from "./components/forms/combobox.js";
|
|
@@ -102,6 +104,7 @@ import type { MenuItem } from "./components/actions/menu-item.js";
|
|
|
102
104
|
import type { MetadataFilterBuilder } from "./patterns/metadata/metadata-filter-builder.js";
|
|
103
105
|
import type { MetadataInspector } from "./patterns/metadata/metadata-inspector.js";
|
|
104
106
|
import type { MetricCard } from "./patterns/insights/metric-card.js";
|
|
107
|
+
import type { ModeIndicator } from "./components/feedback/mode-indicator.js";
|
|
105
108
|
import type { MultiSelect } from "./components/forms/multi-select.js";
|
|
106
109
|
import type { NavSidebar } from "./components/layout/nav-sidebar.js";
|
|
107
110
|
import type { NotificationBell } from "./patterns/notifications/notification-bell.js";
|
|
@@ -118,6 +121,7 @@ import type { Popover } from "./components/overlays/popover.js";
|
|
|
118
121
|
import type { Presence } from "./patterns/share/presence.js";
|
|
119
122
|
import type { Preview } from "./patterns/preview/preview-element.js";
|
|
120
123
|
import type { PreviewHeader } from "./patterns/item/preview-header.js";
|
|
124
|
+
import type { ProcessModeler } from "./patterns/process-modeler/process-modeler.js";
|
|
121
125
|
import type { ProgressBar } from "./components/feedback/progress-bar.js";
|
|
122
126
|
import type { ProgressRing } from "./components/feedback/progress-ring.js";
|
|
123
127
|
import type { ProgressSteps } from "./components/feedback/progress-steps.js";
|
|
@@ -126,6 +130,7 @@ import type { RadioGroup } from "./components/forms/radio-group.js";
|
|
|
126
130
|
import type { RangeSlider } from "./components/forms/range-slider.js";
|
|
127
131
|
import type { Rating } from "./components/forms/rating.js";
|
|
128
132
|
import type { RelativeTime } from "./components/output/relative-time.js";
|
|
133
|
+
import type { ResourceRow } from "./components/collections/resource-row.js";
|
|
129
134
|
import type { ResultBlocks } from "./components/collections/result-blocks.js";
|
|
130
135
|
import type { ReviewQueueItem } from "./patterns/task/review-queue-item.js";
|
|
131
136
|
import type { RichTextInput } from "./components/forms/rich-text-input.js";
|
|
@@ -161,9 +166,11 @@ import type { Timeline } from "./patterns/timeline/timeline.js";
|
|
|
161
166
|
import type { Toast } from "./components/feedback/toast.js";
|
|
162
167
|
import type { Toolbar } from "./components/actions/toolbar.js";
|
|
163
168
|
import type { Tooltip } from "./components/overlays/tooltip.js";
|
|
169
|
+
import type { TraceWaterfall } from "./patterns/run/trace-waterfall.js";
|
|
164
170
|
import type { Tree } from "./components/collections/tree.js";
|
|
165
171
|
import type { TreeGrid } from "./components/collections/tree-grid.js";
|
|
166
172
|
import type { UnifiedShareModal } from "./patterns/share/unified-share-modal.js";
|
|
173
|
+
import type { VerdictBanner } from "./components/feedback/verdict-banner.js";
|
|
167
174
|
import type { VersionGraph } from "./patterns/versions/version-graph.js";
|
|
168
175
|
import type { VersionList } from "./patterns/versions/version-list.js";
|
|
169
176
|
import type { WizardSummary } from "./patterns/form-wizard/wizard-summary.js";
|
|
@@ -186,6 +193,7 @@ declare global {
|
|
|
186
193
|
"box-badge": Badge;
|
|
187
194
|
"box-badgeable": Badgeable;
|
|
188
195
|
"box-bar-chart": BarChart;
|
|
196
|
+
"box-box-plot": BoxPlot;
|
|
189
197
|
"box-breadcrumb": Breadcrumb;
|
|
190
198
|
"box-bulk-action-bar": BulkActionBar;
|
|
191
199
|
"box-button": Button;
|
|
@@ -201,6 +209,7 @@ declare global {
|
|
|
201
209
|
"box-checkbox-group": CheckboxGroup;
|
|
202
210
|
"box-chip": Chip;
|
|
203
211
|
"box-code-block": CodeBlock;
|
|
212
|
+
"box-code-editor": CodeEditor;
|
|
204
213
|
"box-collaborator-avatars": CollaboratorAvatars;
|
|
205
214
|
"box-color-picker": ColorPicker;
|
|
206
215
|
"box-combobox": Combobox;
|
|
@@ -267,6 +276,7 @@ declare global {
|
|
|
267
276
|
"box-metadata-filter-builder": MetadataFilterBuilder;
|
|
268
277
|
"box-metadata-inspector": MetadataInspector;
|
|
269
278
|
"box-metric-card": MetricCard;
|
|
279
|
+
"box-mode-indicator": ModeIndicator;
|
|
270
280
|
"box-multi-select": MultiSelect;
|
|
271
281
|
"box-nav-sidebar": NavSidebar;
|
|
272
282
|
"box-notification-bell": NotificationBell;
|
|
@@ -283,6 +293,7 @@ declare global {
|
|
|
283
293
|
"box-presence": Presence;
|
|
284
294
|
"box-preview-element": Preview;
|
|
285
295
|
"box-preview-header": PreviewHeader;
|
|
296
|
+
"box-process-modeler": ProcessModeler;
|
|
286
297
|
"box-progress-bar": ProgressBar;
|
|
287
298
|
"box-progress-ring": ProgressRing;
|
|
288
299
|
"box-progress-steps": ProgressSteps;
|
|
@@ -291,6 +302,7 @@ declare global {
|
|
|
291
302
|
"box-range-slider": RangeSlider;
|
|
292
303
|
"box-rating": Rating;
|
|
293
304
|
"box-relative-time": RelativeTime;
|
|
305
|
+
"box-resource-row": ResourceRow;
|
|
294
306
|
"box-result-blocks": ResultBlocks;
|
|
295
307
|
"box-review-queue-item": ReviewQueueItem;
|
|
296
308
|
"box-rich-text-input": RichTextInput;
|
|
@@ -326,9 +338,11 @@ declare global {
|
|
|
326
338
|
"box-toast": Toast;
|
|
327
339
|
"box-toolbar": Toolbar;
|
|
328
340
|
"box-tooltip": Tooltip;
|
|
341
|
+
"box-trace-waterfall": TraceWaterfall;
|
|
329
342
|
"box-tree": Tree;
|
|
330
343
|
"box-tree-grid": TreeGrid;
|
|
331
344
|
"box-unified-share-modal": UnifiedShareModal;
|
|
345
|
+
"box-verdict-banner": VerdictBanner;
|
|
332
346
|
"box-version-graph": VersionGraph;
|
|
333
347
|
"box-version-list": VersionList;
|
|
334
348
|
"box-wizard-summary": WizardSummary;
|
|
@@ -337,4 +351,4 @@ declare global {
|
|
|
337
351
|
}
|
|
338
352
|
}
|
|
339
353
|
/** Every element tag the library registers, for host-side narrowing. */
|
|
340
|
-
export type BoxElementTagName = "box-access-stats" | "box-accordion" | "box-activity-density" | "box-agent-chat" | "box-agent-workspace" | "box-alert" | "box-annotation-inspector" | "box-annotation-thread" | "box-annotation-toolbar" | "box-app-shell" | "box-audit-log" | "box-avatar" | "box-badge" | "box-badgeable" | "box-bar-chart" | "box-breadcrumb" | "box-bulk-action-bar" | "box-button" | "box-button-group" | "box-calendar" | "box-call-console" | "box-card" | "box-carousel" | "box-category-selector" | "box-chart-panel" | "box-check-list" | "box-checkbox" | "box-checkbox-group" | "box-chip" | "box-code-block" | "box-collaborator-avatars" | "box-color-picker" | "box-combobox" | "box-command-palette" | "box-comment-thread" | "box-compare-view" | "box-contact-datalist-item" | "box-content-explorer" | "box-content-picker" | "box-content-sidebar" | "box-content-uploader" | "box-context-menu" | "box-datalist-item" | "box-date-field" | "box-dialog" | "box-diff-viewer" | "box-divider" | "box-document-list" | "box-donut-chart" | "box-draggable-list" | "box-drawer" | "box-drop-zone" | "box-dropdown" | "box-dual-listbox" | "box-due-badge" | "box-empty-state" | "box-error-mask" | "box-explorer-action-menu" | "box-explorer-breadcrumbs" | "box-explorer-items" | "box-explorer-list" | "box-explorer-table" | "box-explorer-toolbar" | "box-fact-list" | "box-fieldset" | "box-file-request-builder" | "box-filter-bar" | "box-flow-builder" | "box-flow-card" | "box-flow-spine" | "box-form-wizard" | "box-formatted-date" | "box-formatted-duration" | "box-formatted-file-size" | "box-formatted-number" | "box-governance-panel" | "box-grid" | "box-grid-view" | "box-guide-tooltip" | "box-help-text" | "box-icon-button" | "box-illustration" | "box-indicator" | "box-insert-point" | "box-invite-collaborators-modal" | "box-item-details-panel" | "box-item-form" | "box-kind-picker" | "box-line-chart" | "box-lineage-graph" | "box-link-button" | "box-menu" | "box-menu-item" | "box-metadata-filter-builder" | "box-metadata-inspector" | "box-metric-card" | "box-multi-select" | "box-nav-sidebar" | "box-notification-bell" | "box-notification-inbox" | "box-nudge" | "box-number-input" | "box-pagination" | "box-path" | "box-permission-matrix" | "box-persona" | "box-pill-cloud" | "box-pill-selector-dropdown" | "box-popover" | "box-presence" | "box-preview-element" | "box-preview-header" | "box-progress-bar" | "box-progress-ring" | "box-progress-steps" | "box-provenance-strip" | "box-radio-group" | "box-range-slider" | "box-rating" | "box-relative-time" | "box-result-blocks" | "box-review-queue-item" | "box-rich-text-input" | "box-run-summary" | "box-run-trace" | "box-saved-view-picker" | "box-search-field" | "box-search-results-header" | "box-section" | "box-segmented-control" | "box-select" | "box-share-panel" | "box-shortcuts-overlay" | "box-sidebar-toggle-button" | "box-signature-ceremony" | "box-skeleton" | "box-slider" | "box-spin-button" | "box-spinner" | "box-split-view" | "box-status-icon" | "box-switch" | "box-table" | "box-tabs" | "box-tag-input" | "box-task-assignment-panel" | "box-text-area" | "box-text-field" | "box-thumbnail-card" | "box-tile-group" | "box-time-field" | "box-timeline" | "box-toast" | "box-toolbar" | "box-tooltip" | "box-tree" | "box-tree-grid" | "box-unified-share-modal" | "box-version-graph" | "box-version-list" | "box-wizard-summary" | "box-work-queue" | "box-workload-board";
|
|
354
|
+
export type BoxElementTagName = "box-access-stats" | "box-accordion" | "box-activity-density" | "box-agent-chat" | "box-agent-workspace" | "box-alert" | "box-annotation-inspector" | "box-annotation-thread" | "box-annotation-toolbar" | "box-app-shell" | "box-audit-log" | "box-avatar" | "box-badge" | "box-badgeable" | "box-bar-chart" | "box-box-plot" | "box-breadcrumb" | "box-bulk-action-bar" | "box-button" | "box-button-group" | "box-calendar" | "box-call-console" | "box-card" | "box-carousel" | "box-category-selector" | "box-chart-panel" | "box-check-list" | "box-checkbox" | "box-checkbox-group" | "box-chip" | "box-code-block" | "box-code-editor" | "box-collaborator-avatars" | "box-color-picker" | "box-combobox" | "box-command-palette" | "box-comment-thread" | "box-compare-view" | "box-contact-datalist-item" | "box-content-explorer" | "box-content-picker" | "box-content-sidebar" | "box-content-uploader" | "box-context-menu" | "box-datalist-item" | "box-date-field" | "box-dialog" | "box-diff-viewer" | "box-divider" | "box-document-list" | "box-donut-chart" | "box-draggable-list" | "box-drawer" | "box-drop-zone" | "box-dropdown" | "box-dual-listbox" | "box-due-badge" | "box-empty-state" | "box-error-mask" | "box-explorer-action-menu" | "box-explorer-breadcrumbs" | "box-explorer-items" | "box-explorer-list" | "box-explorer-table" | "box-explorer-toolbar" | "box-fact-list" | "box-fieldset" | "box-file-request-builder" | "box-filter-bar" | "box-flow-builder" | "box-flow-card" | "box-flow-spine" | "box-form-wizard" | "box-formatted-date" | "box-formatted-duration" | "box-formatted-file-size" | "box-formatted-number" | "box-governance-panel" | "box-grid" | "box-grid-view" | "box-guide-tooltip" | "box-help-text" | "box-icon-button" | "box-illustration" | "box-indicator" | "box-insert-point" | "box-invite-collaborators-modal" | "box-item-details-panel" | "box-item-form" | "box-kind-picker" | "box-line-chart" | "box-lineage-graph" | "box-link-button" | "box-menu" | "box-menu-item" | "box-metadata-filter-builder" | "box-metadata-inspector" | "box-metric-card" | "box-mode-indicator" | "box-multi-select" | "box-nav-sidebar" | "box-notification-bell" | "box-notification-inbox" | "box-nudge" | "box-number-input" | "box-pagination" | "box-path" | "box-permission-matrix" | "box-persona" | "box-pill-cloud" | "box-pill-selector-dropdown" | "box-popover" | "box-presence" | "box-preview-element" | "box-preview-header" | "box-process-modeler" | "box-progress-bar" | "box-progress-ring" | "box-progress-steps" | "box-provenance-strip" | "box-radio-group" | "box-range-slider" | "box-rating" | "box-relative-time" | "box-resource-row" | "box-result-blocks" | "box-review-queue-item" | "box-rich-text-input" | "box-run-summary" | "box-run-trace" | "box-saved-view-picker" | "box-search-field" | "box-search-results-header" | "box-section" | "box-segmented-control" | "box-select" | "box-share-panel" | "box-shortcuts-overlay" | "box-sidebar-toggle-button" | "box-signature-ceremony" | "box-skeleton" | "box-slider" | "box-spin-button" | "box-spinner" | "box-split-view" | "box-status-icon" | "box-switch" | "box-table" | "box-tabs" | "box-tag-input" | "box-task-assignment-panel" | "box-text-area" | "box-text-field" | "box-thumbnail-card" | "box-tile-group" | "box-time-field" | "box-timeline" | "box-toast" | "box-toolbar" | "box-tooltip" | "box-trace-waterfall" | "box-tree" | "box-tree-grid" | "box-unified-share-modal" | "box-verdict-banner" | "box-version-graph" | "box-version-list" | "box-wizard-summary" | "box-work-queue" | "box-workload-board";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/insights/box-plot.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/insights/box-plot.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/run/trace-waterfall.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "../patterns/run/trace-waterfall.js";
|